Costruire un progetto dalla descrizione
Da un'idea a un'app funzionante con un solo prompt
⏱ Stima ~8 min
01 · Leggi
Costruiamo qualcosa di vero. Finora hai creato singoli file e fatto piccole modifiche. Ma Claude Code può fare molto di più — puoi dargli una descrizione completa del progetto e guardarlo costruire tutto.
Il segreto per ottenere buoni risultati è essere abbastanza specifici. Più dettagli fornisci su funzionalità, comportamento e design, più Claude riesce ad avvicinarsi a quello che vuoi al primo tentativo.
Costruiremo un gestore di segnalibri — una semplice web app per salvare, visualizzare ed eliminare segnalibri. Nessun server necessario — tutto gira nel browser con localStorage.
02 · Modello di prompt
Dai a Claude una descrizione dettagliata del progetto. Nota quanto è specifico questo prompt — elenca ogni funzionalità, descrive i comportamenti e indica l'approccio tecnico.
Crea una semplice web app per gestire segnalibri:
- Una pagina HTML con un form per aggiungere segnalibri (URL e titolo)
- JavaScript per salvare i segnalibri in localStorage
- Una lista che mostra tutti i segnalibri salvati
- Un pulsante di eliminazione per ogni segnalibro
- Stile CSS pulito e moderno
- Tutto come single-page app (nessun server necessario)
03 · Pratica reale
Apri nel browser il file HTML creato da Claude e provalo. Aggiungi qualche segnalibro, aggiorna la pagina per verificare che si conservino, testa il pulsante di eliminazione.
open index.html
04 · Lista di controllo
Testa a fondo il gestore di segnalibri. Spunta ogni funzionalità man mano che verifichi che funziona.
- Riesco ad aggiungere segnalibri con URL e titolo
- I segnalibri sono elencati nella lista
- Il pulsante Elimina rimuove i segnalibri
- I segnalibri restano dopo il refresh
05 · Quiz
Cosa rende un prompt più efficace per Claude Code?
- Più corto è, meglio è
- Scritto in codice invece che in linguaggio naturale
- Chiedere tutto in una volta
- Essere specifici sulle funzionalità, lo stack tecnologico e la struttura
06 · Completa
Quando chiedi a Claude Code di costruire un progetto, una descrizione _____ con funzionalità concrete produce risultati molto migliori di una richiesta vaga.
07 · Leggi
Hai appena costruito una web app completa e funzionante descrivendola in linguaggio naturale. Pensa a quanto avrebbe richiesto scriverla a mano — impostare la struttura HTML, scrivere il JavaScript per localStorage, gestire l'invio del form, implementare la logica di eliminazione, formattare tutto con CSS.
Con Claude Code, la prima versione richiede pochi secondi. Se qualcosa non va, itero: chiedi a Claude di correggere, aggiungere funzionalità, cambiare il design.
Questa è la potenza dello sviluppo assistito dall'AI. Tu porti le idee e il giudizio, Claude porta la velocità.
Punti chiave
- Prompt dettagliati producono risultati migliori — elenca ogni funzionalità che vuoi
- Testa sempre tu stesso l'output prima di andare avanti
- Se qualcosa non va, descrivi il problema e chiedi a Claude di correggerlo
- Claude costruisce in secondi, farlo a mano richiederebbe molto di più
08 · Quiz
Vuoi chiedere a Claude Code di costruire una to-do list app. Quale prompt produrrà i risultati migliori al primo tentativo?
- Crea una web app per to-do list con un campo di input per aggiungere task, una lista che mostra tutti i task, la possibilità di spuntarli come completati, un pulsante Elimina per ogni task e localStorage per conservarli dopo il refresh
- Crea una to-do app
- Fai qualcosa di utile con JavaScript
- Crea una to-do app con tutte le funzionalità
09 · Completa
Dopo che Claude ha costruito il progetto, prima di andare avanti testa sempre _____ l'output.
Altre lezioni di questo capitolo
⚠ L'esperienza interattiva completa richiede JavaScript. Attivalo e ricarica la pagina.
※ Questo è un progetto educativo indipendente — non è un prodotto ufficiale di Anthropic. Claude™ è un marchio di Anthropic, PBC.