1. I due protagonisti del corso 10 min
Esistono decine di strumenti AI per costruire software. In questo corso ne padroneggerai due, complementari, che insieme coprono tutto:
| Strumento | Cos'è | Il suo superpotere |
|---|---|---|
| Claude Code (Anthropic) | Un agente AI: gli descrivi il compito e lavora in autonomia — crea file, esegue comandi, verifica, pubblica. Si usa dal terminale, dall'app desktop o dal browser | Delegare compiti interi con una frase |
| Antigravity (Google) | Una IDE agentica: un ambiente di sviluppo completo dove gli agenti AI lavorano con editor, terminale e perfino il browser, mentre tu supervisioni | Vedere tutto: file, anteprima e agenti al lavoro |
| Servizi di contorno | I "pezzi" che ogni progetto usa: versioni, hosting, database | GitHub, Netlify/Vercel, Supabase |
La differenza pratica? Claude Code lavora, Antigravity ti fa guardare mentre gli agenti lavorano. E non devi scegliere per sempre: molti pro li usano insieme — Antigravity aperto sul progetto, Claude Code nel suo terminale integrato. Esistono alternative (Codex, Cursor, Windsurf: le trovi nella pagina Strumenti), ma il metodo che impari qui vale identico ovunque.
Il terminale è solo una chat più vecchia: scrivi un comando, risponde. Con gli agenti AI ne userai pochissimi (aprire l'agente, poco altro) — tutto il resto lo digiti in italiano. Cinque minuti di pratica e la paura passa.
2. Prepara la postazione 10 min
Quattro passi, una volta sola, e sei operativo per sempre:
Passo 1 — Scarica Antigravity
Vai su antigravity.google e scarica l'app (Mac, Windows o Linux). È gratuita in anteprima pubblica: basta accedere con un account Google. Antigravity sarà anche il tuo editor: dentro ci sono i file del progetto, il terminale e gli agenti.
Passo 2 — Gli account
Passo 3 — Installa Claude Code
Segui le istruzioni su claude.com/claude-code: si installa incollando un comando nel terminale (va benissimo il terminale integrato di Antigravity: menu Terminal → New Terminal). In alternativa esiste nel browser su claude.ai/code: zero installazione, perfetto per iniziare oggi stesso.
Passo 4 — Verifica
Apri il terminale, scrivi claude e premi Invio: se l'agente si presenta, sei pronto.
Copia l'errore del terminale e incollalo in una chat AI (claude.ai o Gemini): "Sto installando Claude Code su [Mac/Windows] e ottengo questo errore: … Guidami passo passo." È il tuo primo esercizio di vibe coding: gli errori si delegano.
3. Claude Code in 10 minuti 10 min
Il flusso di lavoro con Claude Code è sempre lo stesso:
- Crea una cartella per il progetto (es. mio-sito) e aprila in Antigravity.
- Apri il terminale integrato e scrivi
claude. L'agente si avvia dentro la cartella. - Scrivi cosa vuoi, in italiano. L'agente propone, crea file, esegue comandi.
- Approva o correggi. Prima di toccare i file l'agente ti chiede il permesso: leggi cosa sta per fare e conferma.
› Crea una pagina web di prova: un file index.html con scritto "Funziona!" al centro, sfondo scuro. Poi dimmi come aprirla. › Perfetto. Ora rendi la scritta enorme e aggiungi sotto la data di oggi. › Spiegami in parole semplici cosa c'è nel file che hai creato.
Nota l'ultima richiesta: farti spiegare le cose è gratis e ti fa crescere a ogni sessione. E ricorda dal Modulo 1: una richiesta = una cosa.
L'agente chiede conferma prima di modificare file o eseguire comandi. All'inizio leggi sempre cosa approvi: è il modo più rapido per capire come lavora — e per restare tu al posto di guida.
4. Antigravity in 10 minuti 10 min
Antigravity ha due facce, e le userai entrambe:
La vista Editor
Un editor completo (è basato su VS Code) con i file del progetto a sinistra, il codice al centro e un agente AI nel pannello laterale: gli chiedi le cose in italiano, esattamente come a Claude Code, e vedi i file cambiare in diretta.
L'Agent Manager
La faccia più originale: una "sala di controllo" dove lanci uno o più agenti su compiti diversi e li supervisioni. Gli agenti di Antigravity non toccano solo i file: usano anche il browser — aprono la tua pagina, la provano, fanno screenshot e registrazioni per mostrarti che tutto funziona.
Mentre lavora, Antigravity produce artifact: il piano del compito, la lista delle cose fatte, screenshot e registrazioni del risultato. Tu non leggi il codice: leggi il piano e guardi le prove — perfetto per il vibe coding.
› Crea una pagina index.html con un contatore: un numero grande al centro e due bottoni + e −. Poi aprila nel browser e verifica tu stesso che i bottoni funzionino, mostrandomi uno screenshot.
Quella verifica automatica nel browser è il motivo per cui Antigravity è speciale: l'agente controlla il proprio lavoro prima di dirti "fatto".
5. Quando usare quale 10 min
- Compito chiaro da delegare ("aggiungi la pagina prezzi e pubblicala") → Claude Code.
- Vuoi vedere file e anteprima mentre l'AI lavora → Antigravity, vista Editor.
- Vuoi che l'AI provi il sito nel browser e ti mostri le prove → Antigravity, Agent Manager.
- Non vuoi installare nulla oggi → Claude Code dal browser (claude.ai/code).
- Il massimo → Antigravity aperto sul progetto + Claude Code nel suo terminale: vedi tutto, deleghi tutto.
E lo stack del corso, con cui completerai i prossimi moduli:
- Claude Code — l'agente a cui deleghi
- Antigravity — l'ambiente dove vedi e verifichi
- GitHub — versioni al sicuro (dal Modulo 3)
- Netlify o Vercel — pubblicazione gratuita (Modulo 3)
- Supabase — login e database per l'app (Modulo 4)
La "sindrome dello strumento nuovo": passare le serate a provare agenti invece di finire progetti. Due strumenti bastano; il metodo vale per tutti. Costruisci, pubblica.
6. Esercizio pratico 10 min + pratica
- Prepara la postazione: Antigravity installato, account GitHub e Claude, Claude Code funzionante (o aperto nel browser).
- Crea una cartella prova-agente, aprila in Antigravity e fatti creare da Claude Code la pagina "Funziona!" della sessione tipo.
- Fai 3 modifiche a piacere (colore, testo, un bottone) — una richiesta alla volta.
- Ora prova l'agente di Antigravity: fagli creare il contatore e chiedigli di verificarlo nel browser con uno screenshot.
- Chiudi con: "Spiegami cosa abbiamo costruito e come sono organizzati i file."
Cosa hai imparato:
- I due protagonisti: Claude Code (agente) e Antigravity (IDE agentica)
- La postazione completa: Antigravity + Claude Code + account
- Il flusso con Claude Code: cartella → agente → richieste → permessi
- Le due facce di Antigravity: Editor e Agent Manager, con verifica nel browser
- Quando usare l'uno, l'altro o entrambi insieme