🚀 Nuovo video: Google Stitch + Claude Code: il Workflow COMPLETO per creare app
Uno dei problemi principali del vibe coding è la fase di design. I modelli di linguaggio sono influenzati dai materiali con cui sono stati addestrati e noi umani facciamo fatica a tradurre quello che abbiamo in testa in istruzioni precise per un'interfaccia grafica. Il risultato è che si perdono ore a correggere design che non corrispondono a quello che si voleva. Google Stitch risolve questo problema separando le due fasi: prima si lavora solo sul design parlando in linguaggio naturale, poi si passa allo sviluppo. Nel video mostro il workflow completo: - Creare un progetto su Google Stitch (subscription tracker) - Esplorare le funzioni: design system, varianti di layout, prototipo navigabile, importazione palette da siti esistenti - Esportare il progetto su Claude Code tramite il server MCP - Claude Code legge le schermate dal progetto Stitch e costruisce l'applicazione React Native - Correggere la fedeltà del design con un singolo prompt aggiuntivo Il concetto chiave è il Vibe Design: concentrarsi sull'interfaccia e sui flussi di navigazione prima di toccare il codice. In pratica si progetta l'intera esperienza utente su Stitch e poi si passa il progetto a Claude Code che costruisce l'applicazione reale. Il prodotto ha ancora margini di miglioramento, sia nella qualità del design generato che nella comunicazione con Claude Code tramite MCP. Ma la possibilità di lavorare esclusivamente sul design senza aspettare la generazione del codice è un vantaggio concreto per chi sviluppa applicazioni. Il comando per installare il server MCP di Google Stitch su Claude Code lo trovi nel file allegato a questo post.