Il prompt che descrive l'app: cosa vuoi, in che ordine, con quali limiti

La schermata Aggiungi con le sei categorie, l'elenco e il totale. Li ottieni con un prompt in tre parti e con la prima skill, quella ufficiale di Anthropic per la grafica.

Perché conta

Un prompt con i limiti scritti evita le sorprese: l'AI non tocca quello che non le hai chiesto e non sceglie al posto tuo come si scrivono gli importi.

In pratica

Sai scrivere un prompt in tre parti (cosa vuoi, in che ordine, con quali limiti) e installare una skill ufficiale controllando che sia quella giusta.

Nella puntata 1 hai costruito lo scheletro: il titolo e il menu con quattro schermate vuote. Oggi ne riempi due. In **Aggiungi** scrivi una spesa e scegli la categoria con un tocco; in **Spese** le ritrovi tutte, dalla più recente, con il totale in fondo. Ma la cosa che conta di più è il prompt che le ottiene. Un buon prompt è come la lista che lasci al falegname prima di partire per le ferie: cosa vuoi, in che ordine farlo, cosa non deve toccare. Se manca una delle tre parti, al ritorno trovi una sorpresa.

Riparti dalla tua cartella

1. Apri Claude, scheda **Code**, e premi **Nuovo**: si apre una conversazione nuova. Ogni puntata parte da una conversazione pulita, la cartella resta la stessa.

2. Al centro scegli l'ambiente **App Spese**: è la cartella app-spese della puntata 1.

3. Metti la modalità su **Piano**.

Se ti sei perso o hai cambiato computer, scarica il codice di fine puntata 1 (lo trovi in fondo alla puntata), scompattalo in una cartella app-spese e crea l'ambiente come la volta scorsa.

Installa la prima skill

Una **skill** è un manuale che l'AI legge prima di fare un certo lavoro. Pensa al ricettario di uno chef: sa cucinare anche senza, ma con il ricettario della casa i piatti escono sempre nello stesso stile. Oggi installiamo la skill che Anthropic, l'azienda che fa Claude, ha scritto per la grafica. Si chiama **frontend-design** e insegna all'AI a scegliere colori, caratteri e impaginazione pensati per il tuo progetto, invece dell'aspetto tutto uguale di tante pagine fatte con l'AI.

1. Premi il **+** accanto al riquadro dove si scrive e scegli **Aggiungi plugin**. Se hai già qualche plugin, la voce si chiama **Plugin**: aprila e scegli **Esplora plugin**. Si apre la pagina **Plugin** delle **Impostazioni**. Un plugin è un pacchetto che contiene una o più skill.

2. Nella casella **Cerca** scrivi **front**. Compaiono tanti nomi simili: quello giusto si chiama **frontend-design**, tutto minuscolo, con il bollino di verifica, e sotto c'è scritto **Plugin · anthropics/claude-plugins-official**. Premi **Aggiungi** accanto a quello, oppure aprilo e premi **Aggiungi** in alto a destra.

3. Dopo l'installazione l'interruttore accanto al nome è acceso, e frontend-design compare nella scheda **I tuoi**. Chiudi le Impostazioni con la **X** in alto a destra.

4. Per controllare che l'AI la veda, scrivi **/fr** nel riquadro: nell'elenco deve comparire **frontend-design:frontend-design**. Poi cancella quello che hai scritto.

Il prompt in tre parti

Copia questo prompt e incollalo nel riquadro, sempre in modalità **Piano**.

Perché così

**Cosa voglio** descrive il risultato come lo vedrai tu: quali campi, quali categorie, cosa compare in ogni schermata. Non serve sapere come si programma: serve sapere cosa ti aspetti di vedere.

**In che ordine** divide il lavoro in pezzi che puoi controllare. Se il totale è sbagliato, sai che il problema è nel terzo pezzo, non nei primi due.

**I limiti** sono le cose che l'AI non deve fare, o deve fare in un modo preciso. Si dimenticano spesso, e sono quelli che evitano le sorprese.

«Il menu, Riepilogo e Chiedi restano come sono»: senza questa riga l'AI potrebbe «migliorare» anche quello che non le hai chiesto.

«Con la virgola, come 12,50»: in Italia scriviamo così, ma molti moduli fatti in fretta accettano solo il punto.

«Niente scaricato da internet»: la skill grafica ama i caratteri speciali, che di solito si scaricano. Il nostro limite vince, e l'AI userà i caratteri che ci sono già nel computer. Quando un limite tuo e una skill non vanno d'accordo, vince il tuo.

Leggi il piano, poi approva una modifica alla volta

L'AI risponde con il piano dei tre passi. Prima dice che carica la guida di design: è la skill al lavoro. Nella nostra prova ha anche elencato tre scelte da confermare (nessuna categoria già scelta, cosa resta compilato dopo l'inserimento, i colori di ogni categoria): leggile, perché sono decisioni sulla tua app. Se qualcosa non ti torna premi **Rivedi…** e scrivi cosa cambiare; se va bene premi **Accetta**, non **Accetta e usa la modalità automatica**.

Poi l'AI chiede il permesso di modificare index.html. Come nella puntata 1, apri la freccia accanto a **Consenti sempre** e scegli **Consenti una volta**. Questa volta le modifiche possono essere più d'una: approvale una per una, leggendo almeno il titolo di ognuna.

Prova tu: usala come un utente distratto

Apri la pagina, con un doppio clic su index.html o nel riquadro del browser dentro l'app, e prova a sbagliare apposta.

1. In **Aggiungi** prova a lasciare l'importo vuoto, poi a scrivere 0, poi -5.

2. Scrivi 12,50, tocca **Spesa**, descrizione «Pane e latte», poi **Aggiungi spesa**.

3. Scrivi 45, tocca **Trasporti**, descrizione «Benzina», poi **Aggiungi spesa**.

4. Vai in **Spese**.

L'aspetto della tua app sarà diverso dal nostro: la skill sceglie ogni volta uno stile pensato per l'argomento. Nella nostra prova ha scelto un libro dei conti di casa, con le cifre grandi e una riga doppia sopra il totale. Se il tuo non ti piace, chiedilo a parole («Rendi l'aspetto più sobrio», «Usa colori più caldi»); se peggiora, riavvolgi con **/rewind**.

Ricarica la pagina

Ricarica la pagina: le spese sono sparite. Non è un errore, è il limite che hai scritto tu. La pagina tiene le spese nella sua memoria di lavoro, che si svuota quando la chiudi, come quello che scrivi con il dito sul vetro appannato. Per tenerle davvero serve un posto dove salvarle: un database, nella puntata 4.

Cosa hai imparato

Un buon prompt ha tre parti: cosa vuoi, in che ordine, con quali limiti.
I limiti sono la parte che evita le sorprese, e vincono anche sulle skill.
Una skill è un manuale che l'AI legge prima di lavorare: si installa una volta e serve per tutti i progetti.
Si installano solo skill di cui ti fidi.

Se sei temerario

Facoltativo, per chi vuole andare oltre. Prima fai una copia della cartella app-spese e lavora sulla copia: la prossima puntata riparte dalla nostra versione. Se la tua ti piace, mandacela da «Dillo a SIGNAL».

**Facile · Un'icona per ogni categoria.** «Accanto al nome di ogni categoria metti una piccola icona disegnata dentro il file, senza scaricare niente: una casa, un carrello, una macchina, una croce, una stella, un punto».

**Media · Il budget del mese.** «In cima alla schermata Spese mostra una barra che si riempie: quanto ho speso su un budget di 500 euro. Quando supero il budget, la barra diventa rossa».

**Media · Annulla l'ultima spesa.** «Nel messaggio che compare dopo aver aggiunto una spesa metti un tasto Annulla: se lo tocco entro pochi secondi, la spesa sparisce».