Lezione 6: Mini-app e strumenti interattivi senza codice

Introduzione e obiettivi

Questa è, per molti, la lezione «wow» del corso. Nella Lezione 5 hai visto gli Artifacts come documenti; oggi scopri che un Artifact può anche essere un piccolo programma con cui si interagisce: clicchi, digiti, scegli, e lo strumento risponde. E la cosa sorprendente è che non devi saper programmare: lo descrivi a parole e Claude lo costruisce.

Attenzione a non fraintendere: non stiamo per diventare sviluppatori (quello, semmai, è il Modulo 4 con Claude Code). Qui impariamo a farci costruire strumenti leggeri e utili per risolvere problemi concreti, in pochi minuti. Vedremo:

• Come Claude trasforma una descrizione in uno strumento funzionante.
• Esempi di mini-app utili nel lavoro di tutti i giorni.
• Come iterare su aspetto e comportamento.
• I limiti da conoscere, per usarle bene senza illusioni.

Come Claude costruisce uno strumento

Sotto il cofano, Claude scrive il codice della mini-app (di solito una piccola pagina o app che gira nel browser) e la mostra già funzionante nel pannello dell'Artifact. Tu non vedi il codice se non vuoi: interagisci direttamente con lo strumento.

Il segreto è descrivere bene cosa deve fare, come per un buon prompt (Lezione 2): quali dati entrano, cosa succede, cosa deve uscire. Un esempio:

Costruiscimi un calcolatore di preventivi come app interattiva.
- Input: numero di ore, tariffa oraria, eventuale sconto in %.
- Deve mostrare: imponibile, sconto applicato, totale.
- Aggiungi un pulsante "Copia riepilogo" che copia il risultato.
- Aspetto pulito e professionale, adatto a uno studio.

Claude apre un Artifact con il calcolatore pronto all'uso: inserisci i numeri e vedi il totale. Da qui, come sempre, si itera.

Esempi di strumenti utili

Ecco alcuni strumenti che si costruiscono in pochi minuti e che tornano utili in tanti contesti.

Il filo comune: sono strumenti piccoli, monouso, personali o di team, che prima avresti costruito faticosamente in Excel o non avresti fatto affatto. Ora costano una frase.

Iterare su aspetto e comportamento

Come per i documenti, migliori lo strumento con richieste mirate — e puoi intervenire su due piani.

Comportamento (cosa fa)

• «Aggiungi un campo per l'IVA e mostrala nel totale.»
• «Se lo sconto supera il 30%, mostra un avviso.»
• «Fai partire il timer da 25 minuti invece di 10.»

Aspetto (come appare)

• «Usa i colori del mio brand: rosso scuro e grigio.»
• «Rendi i pulsanti più grandi e leggibili su telefono.»
• «Metti il risultato in evidenza, in grande, in alto.»

Procedi un passo alla volta e provalo dopo ogni modifica: è il modo più rapido per arrivare a qualcosa che ti piace davvero.

I limiti da conoscere

Le mini-app sono potenti ma vanno inquadrate. Ecco cosa aspettarsi, per evitare delusioni.

• Girano nel browser: sono ottime per calcoli, moduli, prototipi e uso personale/di team, ma non sostituiscono un gestionale o un software aziendale strutturato.
• I dati normalmente non si salvano da soli tra una sessione e l'altra: sono strumenti «di lavoro», non archivi. Se ti serve conservare i dati, va progettato apposta (o si usa un altro strumento).
• Non fare conti che «pesano» senza verifica: se il calcolo è delicato (fiscale, contrattuale), controlla i risultati su un caso noto prima di fidarti.
• Complessità: più lo strumento diventa grande e articolato, più conviene passare a strumenti veri di sviluppo (Modulo 4) o a software dedicati.

Laboratorio: costruisci il tuo strumento

Trasformiamo una tua seccatura ricorrente in uno strumento.

Consegna

1. Individua un compito ripetitivo del tuo lavoro che oggi fai a mano o in Excel (un conto, una checklist, una piccola configurazione).
2. Descrivilo a Claude (input, cosa fa, output) e fatti costruire la mini-app come Artifact.
3. Provala con dati reali e iterala 2–3 volte: una modifica di comportamento e una di aspetto.
4. Verifica il risultato su un caso di cui conosci già la risposta, per accertarti che i conti tornino.

Consegna finale

La mini-app funzionante + una scheda con: il problema che risolve, il prompt iniziale, le iterazioni fatte e l'esito della verifica su un caso noto.

Mini-test di autoverifica

Sezione A: risposta multipla

1. Per far costruire una mini-app a Claude devi:
   a) saper programmare   b) descrivere a parole cosa deve fare   c) usare Claude Code   d) pagare Max
2. Una mini-app costruita come Artifact di solito:
   a) gira nel browser   b) si installa sul PC   c) è un gestionale   d) sostituisce Excel per sempre
3. Quale NON è un buon candidato per una mini-app?
   a) Calcolatore di preventivi   b) Checklist interattiva   c) Il gestionale contabile di tutta l'azienda   d) Un quiz di autovalutazione
4. Per descrivere bene lo strumento conviene indicare:
   a) solo il colore   b) input, comportamento e output   c) il modello   d) il piano
5. I dati inseriti in una mini-app, di norma:
   a) si salvano per sempre   b) non si conservano tra le sessioni salvo progettazione apposita   c) finiscono in Memoria   d) vanno su Drive
6. Se la mini-app fa calcoli delicati, prima di fidarti devi:
   a) cambiare modello   b) verificarla su un caso noto   c) pubblicarla   d) nulla

Sezione B: risposta aperta

7. (3 punti) Descrivi una mini-app utile al tuo lavoro e scrivi il prompt per farla costruire (input, comportamento, output, aspetto).
8. (3 punti) Indica due limiti delle mini-app e spiega, con un esempio, quando invece serve uno strumento diverso.

Riepilogo della lezione