I migliori progetti di vibe coding per principianti sono piccole app che girano nel browser e mostrano subito il risultato: una calcolatrice, un timer per la pasta, un'app per dividere il conto alla romana o un quiz. Descrivi a Claude Code in parole normali cosa deve fare l'app, la provi e la migliori un passo alla volta. Qui trovi 30 idee in ordine di difficoltà.

Che cos'è il vibe coding e perché è adatto a chi inizia?

Fare vibe coding significa descrivere a un'intelligenza artificiale, in linguaggio di tutti i giorni, cosa deve fare un programma, e lasciare che sia lei a scrivere il codice. Non leggi ogni riga: controlli il risultato usando l'app. È proprio per questo che il metodo funziona anche per chi non ha mai programmato.

Il termine è recente. Lo ha coniato Andrej Karpathy, cofondatore di OpenAI, il 2 febbraio 2025 in un post su X, in cui raccontava di "lasciarsi andare alle vibes" e dimenticare che il codice esiste. Il 6 novembre 2025 il dizionario Collins ha scelto "vibe coding" come parola dell'anno 2025, spiegando che l'uso del termine era cresciuto molto da febbraio.

Anche tra i professionisti l'intelligenza artificiale è ormai quotidiana. Nel sondaggio di Stack Overflow pubblicato il 29 luglio 2025, con oltre 49.000 risposte da 177 Paesi, l'84 % dichiarava di usare o di voler usare strumenti di IA. Nello stesso sondaggio quasi il 77 % diceva che il vibe coding non fa parte del proprio lavoro di sviluppo, e il 46 % non si fida dell'accuratezza dei risultati dell'IA.

Cosa significa per te? Il vibe coding è un ottimo modo per costruire piccoli strumenti tuoi e capire come nasce un software. Per un prodotto che gestisce dati di clienti o pagamenti da solo non basta. Per i 30 progetti di questo articolo è perfetto: girano nel browser, salvano al massimo qualche dato in locale e non fanno danni se qualcosa va storto.

In breve

  • Parti da un progetto che sta in un solo file HTML e si apre con un doppio clic nel browser.
  • Chiedi una funzione alla volta: un messaggio, una modifica, una prova.
  • Controlla sempre il risultato da solo: il 46 % dei professionisti intervistati da Stack Overflow non si fida dell'accuratezza dell'IA.
  • Non mettere mai dati personali veri o chiavi di accesso in un progetto pubblico.
  • Con i dati aperti italiani, come i prezzi dei carburanti del MIMIT, un esercizio diventa uno strumento che usi davvero.
  • Pubblica il risultato gratis con GitHub Pages quando vuoi mostrarlo a qualcuno.

Di cosa hai bisogno per iniziare con Claude Code?

Ti servono un computer, un account Claude con un abbonamento adatto e una decina di minuti per l'installazione. Secondo la documentazione di Anthropic, Claude Code funziona nel terminale, come estensione per VS Code e JetBrains, come app desktop e nel browser su claude.ai/code.

Sulla pagina ufficiale dei prezzi Claude Code risulta incluso nel piano Pro. Il 2 novembre 2026 Pro costava 20 dollari al mese, oppure 17 dollari al mese con pagamento annuale (200 dollari in anticipo), e il piano Max partiva da 100 dollari al mese. La pagina mostra i prezzi in dollari: controlla l'importo finale in euro al momento dell'acquisto.

Se il terminale ti spaventa, comincia dall'app desktop o dalla versione web: scrivi la richiesta in una finestra di chat e Claude Code crea i file al posto tuo. Per installarlo sul tuo computer passo dopo passo trovi la guida completa al vibe coding.

Un consiglio pratico: crea una cartella dedicata, per esempio "progetti-vibe", e apri Claude Code proprio lì. Ogni progetto avrà la sua sottocartella, così non mescoli i file e puoi tornare indietro quando vuoi.

Quali sono i 10 progetti più semplici per iniziare?

I progetti più semplici sono app con un'interfaccia visibile subito e nessun dato esterno: li finisci in una sola sessione. Vedi dopo il primo prompt se funzionano, e intanto impari a formulare le richieste con precisione.

  1. Calcolatrice: le quattro operazioni con pulsanti grandi, e la virgola come separatore dei decimali, come si usa in Italia.
  2. Generatore di citazioni: un clic mostra una frase scelta a caso da una lista che scrivi tu, per esempio i proverbi della nonna.
  3. Timer per la pasta: imposti i minuti indicati sulla confezione, parte il conto alla rovescia e suona un avviso quando è al dente.
  4. Convertitore di valute: da euro a dollari, sterline o franchi svizzeri. Nella versione evoluta legge i tassi di riferimento della Banca centrale europea, pubblicati nei giorni lavorativi verso le 16 ora dell'Europa centrale.
  5. Lista delle cose da fare: aggiungi, spunta ed elimini le attività.
  6. Generatore di password: crea password casuali di lunghezza a scelta, con o senza simboli.
  7. Contatore di clic: un pulsante e un numero. Il progetto sensato più piccolo che esista.
  8. Orologio digitale: mostra l'ora che scorre, con data in italiano ("lunedì 2 novembre").
  9. Conto alla romana: inserisci il totale dello scontrino e il numero di persone, l'app calcola la quota di ciascuno e arrotonda ai centesimi.
  10. Generatore di colori: a ogni clic cambia il colore di sfondo e mostra il codice del colore da copiare.

Come apri un progetto del genere? Chiedi a Claude Code di mettere tutto in un unico file chiamato index.html. Poi fai doppio clic sul file: si apre nel browser, senza server e senza installare altro. È proprio questa semplicità a rendere ideali i primi dieci progetti.

La lista delle cose da fare mostra bene come un piccolo progetto cresce a tappe. Puoi farla evolvere in sette versioni:

  1. Aggiungere ed eliminare attività.
  2. Spuntare un'attività come fatta.
  3. Salvare la lista nel browser, così resta dopo la chiusura.
  4. Aggiungere una scadenza a ogni attività.
  5. Colorare in rosso quelle in ritardo.
  6. Filtrare tra "tutte", "da fare" e "fatte".
  7. Esportare la lista in un file di testo.

Sette tappe, sette prompt brevi, e alla fine hai uno strumento che usi davvero. Se vuoi vedere come si costruisce dall'inizio alla fine, segui la guida al primo progetto: una todo app in un'ora.

Quali progetti creativi puoi realizzare?

I progetti creativi sono generatori, editor e piccoli strumenti di grafica in cui giochi con colori, caratteri e impaginazione. Ti insegnano il linguaggio visivo che poi userai in tutti i prompt successivi.

  1. Generatore di palette: crea cinque colori che stanno bene insieme e li blocca uno per uno.
  2. Generatore di nomi: propone nomi per un gatto, una squadra di calcetto o un gruppo musicale.
  3. Biglietto di auguri: scrivi un testo, scegli lo sfondo e scarichi un'immagine per compleanni, onomastici o Natale.
  4. Editor di testo con stili: grassetto, corsivo, titoli e conteggio delle parole.
  5. Generatore di storie: combina a caso personaggi, luoghi e situazioni per scrivere una favola ai bambini.
  6. Pagina portfolio: una pagina di presentazione con foto, testo e contatti, da usare come biglietto da visita.
  7. Ricettario digitale: le ricette di famiglia con ingredienti, tempi e una funzione che ricalcola le dosi per 2, 4 o 6 persone.
  8. Generatore di meme: un'immagine, una scritta sopra e una sotto, e scarichi il risultato.
  9. Album fotografico: una galleria che mostra le foto a griglia e le ingrandisce al clic.
  10. Diario dell'umore: ogni giorno scegli un'emozione e vedi il riepilogo del mese.

Un buon trucco per i progetti creativi: chiedi a Claude Code tre versioni dello stesso progetto in stili diversi, per esempio minimalista, colorato e rétro. Le confronti affiancate e impari termini come spaziatura, contrasto e dimensione del carattere, che ti serviranno nei prompt successivi.

Attenzione alla pagina portfolio: provala con dati inventati finché è online, e aggiungi il tuo numero di telefono solo se sei sicuro di volerlo rendere pubblico.

Quali giochi puoi creare con il vibe coding?

I giochi sono i progetti più divertenti del vibe coding, perché provi subito ogni modifica. Ogni regola nuova diventa un prompt nuovo, e capisci il codice proprio guardando il gioco cambiare.

  1. Tris: due giocatori sullo stesso schermo, con il conteggio delle vittorie.
  2. Memory: trova le coppie di carte nel minor numero di mosse.
  3. Indovina il numero: il computer pensa un numero da 1 a 100 e ti dice "più alto" o "più basso".
  4. Quiz sulle capitali: dieci domande, punteggio finale e risposte corrette alla fine.
  5. Impiccato: indovina la parola lettera per lettera, con parole italiane.
  6. Serpente: il classico gioco del serpente che cresce mangiando.
  7. Sasso, carta, forbici: contro il computer, con il punteggio al meglio di cinque.
  8. Gioco di reazione: clicca il più in fretta possibile quando lo schermo diventa verde, e misura i millisecondi.
  9. Scopa semplificata: una versione ridotta del gioco di carte, da costruire regola dopo regola.
  10. Gioco di parole: componi più parole possibili con le lettere estratte, in un minuto.

Ogni gioco si può arricchire con un livello di difficoltà, un record salvato nel browser, effetti sonori o una modalità notte. Ogni aggiunta è un nuovo piccolo progetto, e ognuna ti insegna un mattoncino che riutilizzerai.

La scopa è il progetto più ambizioso della lista: inizia con il mazzo e la distribuzione delle carte, poi aggiungi una regola per messaggio. Se provi a descrivere tutte le regole insieme, il risultato sarà quasi sicuramente pieno di errori.

Quali progetti usano i dati aperti italiani?

I progetti più utili usano dati pubblici aggiornati, come i prezzi dei carburanti o il meteo, e trasformano un esercizio in uno strumento quotidiano. Ecco cinque idee in più, dalla più semplice alla più complessa.

  1. Confronto prezzi dei carburanti: il Ministero delle Imprese e del Made in Italy (MIMIT) pubblica ogni giorno i prezzi praticati dai distributori, quelli in vigore alle 8 del giorno precedente, in file CSV riutilizzabili con licenza IODL 2.0. La tua app legge il file e mostra il distributore più economico della tua città.
  2. Costo di un viaggio in auto: inserisci i chilometri e i consumi della tua auto, e l'app calcola la spesa usando il prezzo medio della benzina preso dai dati del MIMIT.
  3. Meteo del tuo comune: Open-Meteo offre previsioni gratuite e non chiede una chiave di accesso per l'uso non commerciale. L'app mostra se domani conviene stendere il bucato.
  4. Cambio aggiornato: il convertitore del progetto 4 legge i tassi di riferimento della BCE invece di usare numeri fissi.
  5. Calendario della raccolta differenziata: inserisci a mano i giorni di ritiro del tuo comune e l'app ti dice cosa esporre stasera.
Progetto Cosa impari Fonte dei dati Serve una chiave?
Prezzi dei carburanti Leggere un file CSV e filtrare MIMIT, open data No
Costo del viaggio Formule e campi numerici MIMIT, prezzo medio No
Meteo del comune Chiamare un'interfaccia web (API) Open-Meteo No, per uso non commerciale
Cambio aggiornato Leggere dati in tempo reale BCE No
Raccolta differenziata Date e salvataggio locale Inseriti da te No

Un dettaglio che fa capire come lavorano i dati reali: dal 10 febbraio 2026 il MIMIT ha cambiato il separatore dei campi nei file "Prezzi alle 8" e "Anagrafica alle 8", per evitare problemi con i nomi dei distributori. Se un'app scritta prima non funziona più, il motivo è questo. Chiedi a Claude Code di controllare il separatore prima di leggere il file.

Come si scrive un buon prompt per un progetto di vibe coding?

Un buon prompt descrive l'obiettivo, il funzionamento, l'aspetto e un limite, in quest'ordine. Così Claude Code non deve indovinare cosa hai in mente, e la prima versione è già vicina a quella che volevi.

Ecco un modello da copiare e adattare:

Crea un'app in un unico file index.html che divida il conto tra amici.
Funzionamento: inserisco il totale in euro e il numero di persone,
l'app mostra la quota di ciascuno arrotondata ai centesimi.
Aspetto: sfondo chiaro, pulsanti grandi, adatta al telefono.
Limite: niente librerie esterne, usa la virgola per i decimali.

Quando qualcosa non va, descrivi cosa vedi, non cosa pensi che sia il problema. Un esempio di correzione:

Se scrivo 45,50 come totale il risultato è NaN.
Accetta sia la virgola sia il punto come separatore dei decimali.

Questa abitudine vale più di qualsiasi trucco: un sintomo preciso porta a una correzione precisa. Molti degli errori dei principianti nascono proprio da richieste vaghe, come spiega la guida ai 10 errori da evitare nel vibe coding.

Quando i progetti diventano tre o quattro, crea nella cartella un file chiamato CLAUDE.md con le tue preferenze fisse (italiano, virgola per i decimali, design chiaro). Secondo la documentazione di Anthropic, Claude Code legge questo file all'avvio: non dovrai ripetere le stesse istruzioni ogni volta.

Come scegli il tuo primo progetto?

Scegli il progetto che risolve un piccolo problema vero della tua giornata e che sta in un solo file. La motivazione batte l'ambizione: un'app finita per dividere il conto ti porta più lontano di un negozio online abbandonato a metà.

Un ordine che funziona: prima un progetto senza dati esterni, poi uno con il salvataggio nel browser, infine uno che legge dati aperti senza chiave. Per esempio: timer per la pasta, poi lista delle cose da fare, poi meteo del comune.

Fatti tre domande prima di iniziare. Lo userei davvero questa settimana? Posso descriverlo in cinque righe? Posso provarlo da solo in un minuto? Se le risposte sono tre sì, hai trovato il tuo primo progetto.

Se vuoi imparare prima le basi del dialogo con l'IA, la formazione "Le basi dell'IA" spiega come si scrive una richiesta chiara e come si controlla una risposta.

Come pubblichi il tuo progetto online?

Il modo più semplice per pubblicare un progetto che gira nel browser è GitHub Pages, che mette online pagine statiche direttamente da un repository. Chiedi a Claude Code di prepararti i passaggi: crea il repository, carica i file, attiva Pages nelle impostazioni.

Secondo GitHub, un sito pubblicato con Pages può pesare al massimo 1 GB, con un limite indicativo di 100 GB di traffico al mese e di 10 build all'ora. Per i progetti di questa lista sono margini molto ampi: un'app in un solo file pesa pochi kilobyte.

Prima di pubblicare, chiedi esplicitamente a Claude Code: "Questo progetto contiene password, chiavi di accesso o dati personali?" Per i progetti con i dati del MIMIT o di Open-Meteo la risposta dovrebbe essere no, perché nessuno dei due chiede una chiave. Se la risposta è sì, togli quei dati prima di caricare i file.

Quali errori devi evitare all'inizio?

L'errore più comune è un primo progetto troppo grande, seguito da troppe richieste in un solo messaggio. Tutti e due portano allo stesso risultato: un codice confuso che non sai più correggere.

Gli altri errori frequenti:

  • Non provare dopo ogni modifica: se cambi cinque cose insieme e qualcosa si rompe, non sai quale delle cinque è la colpevole.
  • Accettare tutto senza guardare: quasi metà dei professionisti intervistati da Stack Overflow non si fida dei risultati dell'IA, e non a caso.
  • Ricominciare da zero a ogni problema: descrivi il sintomo e chiedi una correzione, invece di cancellare tutto.
  • Dimenticare il telefono: prova l'app anche sullo smartphone, dove la maggior parte delle persone la aprirà.
  • Mettere dati veri in un progetto di prova: usa nomi e numeri inventati finché il progetto è pubblico.

Dopo tre progetti finiti saprai che tipo di strumento ti diverte costruire, e potrai scegliere con criterio le prossime dieci idee da questa lista. Prima di comprare un abbonamento, confronta i costi aggiornati nella pagina dei prezzi delle IA.

Fonti

  • Anthropic, prezzi di Claude: claude.com/pricing, consultata il 2 novembre 2026.
  • Anthropic, documentazione di Claude Code: code.claude.com/docs/en/overview, consultata il 2 novembre 2026.
  • Stack Overflow, comunicato sul sondaggio sviluppatori 2025 del 29 luglio 2025: stackoverflow.co, consultata il 2 novembre 2026.
  • Collins Dictionary, parola dell'anno 2025, notizia del 6 novembre 2025: i-programmer.info, consultata il 2 novembre 2026.
  • MIMIT, open data carburanti, prezzi praticati e anagrafica degli impianti: mimit.gov.it, consultata il 2 novembre 2026.
  • Open-Meteo, documentazione dell'API meteo: open-meteo.com/en/docs, consultata il 2 novembre 2026.
  • Banca centrale europea, tassi di cambio di riferimento dell'euro: ecb.europa.eu, consultata il 2 novembre 2026.
  • GitHub, limiti di GitHub Pages: docs.github.com, consultata il 2 novembre 2026.