Sari la conținutul principal

Instrumentele ghidului

Claude Code Claude Code shadcn/ui shadcn/ui
~36 min în total Actualizat 3 aug. 2026

De la un brief confuz la un UX/UI complet

De la trei rânduri confuze la o aplicație pe care clientul o deschide pe telefon. Deciziile de luat înainte, și briefing-ul cu care Claude Code o construiește într-o oră.

Un client îți scrie dintr-o suflare: «aș vrea un fel de Tinder pentru câini». Peste două săptămâni se întâlnește cu un investitor și vrea să-i arate ceva ce se atinge, nu niște slide-uri.

Acolo nu sunt ecrane, nu e un parcurs, nu e un stil. Mișcarea firească — să-l lipești în Claude Code și să ceri aplicația — nu funcționează, și nu pentru că agentul e slab: execută decizii, nu le ia. Ce nu-i spui, inventează, în tăcere.

Atunci deciziile le iei tu întâi, și i le scrii: ecranele, parcursul, stilul, stările goale. Apoi devin un singur fișier, i-l dai, și aplicația iese de acolo.

Asta iese din el

Rezultatul, înainte de metodă: PawSoul, zece ecrane, date false dar coerente.

Vitrină, înscriere, înregistrarea prietenului cu blană, carduri de răsfoit, potriviri, chat. Niciun ecran gol, niciun text substituent.
Un singur briefing ~1 oră de execuție Claude Code · Opus 5 pawsoul.vercel.app

Briefing-ul care a produs-o are șase sute de rânduri, și nu l-a scris nimeni de mână: l-a scris Claude Code, citind două documente decise dinainte. Acele documente le scrii în părțile care urmează, pe propriul tău proiect.

Îți trebuie doar Claude Code și un folder gol.

Partea 1 De la brief-ul confuz la documentul UX/UI

Întrebări frecvente

Trebuie să știu să programez ca să urmez acest ghid?

Nu, dar trebuie să știi să citești ce iese. Nu scrii tu componentele: le generează Claude Code. Îți trebuie însă să înțelegi când rezultatul nu respectă brief-ul, iar asta e o muncă de ochi, nu de sintaxă.

De ce atâta pregătire înainte să generezi codul?

Pentru că un agent nu ghicește lucrurile pe care clientul nu le-a spus: le inventează. Fiecare decizie luată dinainte — flux, ecrane, paletă, componente — e un lucru în minus care va fi inventat la întâmplare și pe care va trebui să-l refaci după.

Cât timp e nevoie cu adevărat?

Lectura durează puțin peste jumătate de oră. Refacerea parcursului pe propriul proiect — brief, document, alegeri, generare și tura de control — durează cam două ore și jumătate, din care jumătate se duce pe pregătirea briefing-ului.

De la brief confuz la UX/UI complet Un brief confuz devine o aplicație funcțională. Spot de produs dintr-o singură poză O poză devine un spot animat, fără cod. Fă Claude să vizioneze videoclipurile tale Claude îți vede videoclipurile și le transformă în text. Higgsfield în Claude Code Generează imagini și video în timp ce programezi în Claude Code. De la o înregistrare Loom la o pagină web O înregistrare de ecran devine o pagină web, fără cod. Video Shorts cu NotebookLM Sursele tale devin un short vertical. Landing page de lux pe Lovable O landing page de lux dintr-un singur prompt. Excalidraw local, pe computerul tău Excalidraw gratis pe computerul tău, fără cod. Mistral OCR în fluxul tău de lucru Extrage text din documente cu Mistral OCR. Claude SEO în terminal 25 de skill-uri SEO gratuite în Claude Code. Google Search Console în Claude Code Datele Search Console direct în terminal. Rutine în Claude Code Claude lucrează singur, cu computerul oprit. Clonează o landing page în React cu v0 Clonează o landing page reală în cod React. Context economy cu Claude Lucrează ușor și nu-ți epuiza limitele lui Claude. De la prompt la skill auto-evolutiv Skill-uri Claude care învață din greșelile tale. De la NotebookLM la Canva: prezentări Slide-uri din NotebookLM, în sfârșit editabile în Canva. Harta pentru a înțelege orice tool AI 12 categorii pentru a încadra orice tool AI. PNG transparente cu ChatGPT PNG cu transparență reală, nu tabla de șah falsă. Infografice animate cu Gemini Infografice care se animă în buclă cu Gemini. Cercetare de piață cu Deep Research Deep Research ca analistul tău de piață. Cum să fii citat de motoarele AI (AEO) Devino o sursă pe care ChatGPT și Perplexity o citează.