Specifica in un'App Funzionante

Con la specifica del progetto completata, Claude Code può iniziare a costruire la dashboard. Il prompt deve identificare chiaramente la cartella del progetto, il file di specifica, le tecnologie richieste e i compiti che Claude deve completare.

In questo esempio, a Claude viene richiesto di:

• Costruire la dashboard con Next.js e Tailwind CSS;
• Rispettare il design della landing page esistente;
• Creare un nuovo database PostgreSQL;
• Aggiungere le tabelle leads e campaigns;
• Popolare il database con leads di esempio;
• Configurare l'ambiente locale;
• Avviare il server di sviluppo;
• Segnare i compiti completati in spec.md.

Claude quindi segue la specifica, crea il database, aggiunge dati di esempio, costruisce l'applicazione e verifica l'interfaccia tramite screenshot. Una volta completato il processo, fornisce un riepilogo del lavoro svolto e un link locale per aprire la dashboard.

La dashboard finale include una pagina di login, un riepilogo delle attività, i record dei lead, pagine dettagliate dei lead e informazioni sulle campagne. I dati di esempio permettono di testare l'interfaccia prima di aggiungere lead reali.

Dopo aver esaminato il risultato, è possibile assegnare a Claude compiti successivi più piccoli. Ad esempio, si può chiedere di aggiungere template di outreach modificabili per le diverse fasi della campagna. Questo approccio è spesso più efficace che cercare di descrivere ogni dettaglio nel prompt iniziale.

Partire da una specifica chiara, lasciare che Claude completi la struttura principale e poi migliorare l'applicazione tramite iterazioni mirate. Questo rende più gestibili i grandi compiti di sviluppo e aiuta a portare il progetto verso un prodotto funzionante e completo.