Instrumente de Captură

Oferă AI-ului context vizual precis. Capturi de ecran, selecție de elemente și imagini.

Cu cât contextul vizual pe care îl oferi AI-ului este mai precis, cu atât editările sale sunt mai bune. Proyecta include mai multe instrumente de captură.

Selectează un element (Visual Editor)

În modul Visual Editor, fiecare element din previzualizare devine clicabil. Treci cu mouse-ul pentru a-l evidenția, dai click pentru a-l selecta. Elementul selectat este marcat cu un contur, iar proprietățile sale editabile (text, culori, spațiere, fonturi, borduri, efecte) apar în panoul lateral.

Odată ce un element este selectat, poți fie:

• Să îl editezi direct — modifici proprietățile inline, fără a scrie niciun prompt
• Să întrebi AI-ul despre el — selecția este transmisă ca și context, astfel încât poți spune "make this button bigger" sau "move this section above the hero" și AI-ul știe exact la ce te referi

Elementele dinamice (className-uri calculate, randare condiționată, expresii) revin automat la chat-ul AI cu un prompt structurat.

Consultă Visual Edit pentru lista completă a proprietăților editabile.

Lipește sau trage capturi de ecran în chat

Câmpul de chat acceptă imagini direct:

1. Lipire — copiază o captură de ecran cu scurtătura din sistemul tău de operare (Cmd+Shift+4 pe Mac, Win+Shift+S pe Windows) și lipește-o în chat
2. Tragere — trage orice fișier imagine direct în câmpul de chat

Formate acceptate: PNG, JPEG, WebP, GIF, AVIF. Dimensiune maximă: 10 MB per imagine.

Capturi de ecran din previzualizare

AI-ul poate face propriile capturi de ecran ale previzualizării tale oricând, prin intermediul unui instrument integrat numit preview_screenshot. Vei vedea rezultatele capturilor afișate inline în chat. AI-ul îl invocă automat atunci când trebuie să verifice modificările efectuate sau să înțeleagă starea curentă a aplicației tale.

Instrumentul de captură poate viza rute specifice (de ex., /dashboard, /settings) și înregistrează dimensiunile, ceea ce ajută AI-ul să raționeze despre layout și spațiere.

Întrebări frecvente

Cum îi indic AI-ului un anumit buton sau text?

Folosește modul Visual Editor și dă click pe element. Astfel, AI-ului îi este transmisă o referință precisă și structurată — mult mai bună decât descrierea elementului în cuvinte.

În curând

Următoarele instrumente de captură sunt implementate intern, dar nu sunt încă disponibile în interfață:

• Annotate — capturează previzualizarea curentă și desenează săgeți, dreptunghiuri, cercuri, trasee libere și etichete text înainte de a o trimite AI-ului.
• Screen Record — înregistrează o interacțiune cu mai mulți pași (click-uri, navigare, animații) și atașează cadrele capturate la mesajul tău din chat. Ideal pentru bug-uri sensibile la timing pe care o singură captură de ecran nu le poate surprinde.