Vibe coding per principianti: come iniziare, passo dopo passo
Il vibe coding per principianti si riduce a cinque passi: scegli uno strumento che esegue l'app per te, descrivi una piccola app con parole semplici, provala come un utente, chiedi una correzione alla volta e pubblica quando funziona. Non serve saper programmare. Questo tutorial percorre ogni passo con un vero primo progetto, i prompt esatti da scrivere e gli errori che quasi tutti i principianti fanno nella prima settimana.
Se vuoi prima il contesto, cioè da dove viene il termine e perché se ne discute, leggi cos'è il vibe coding. Questa pagina è il lato pratico.
Cosa ti serve prima di iniziare
Meno di quanto pensi:
- Un browser e un account con uno strumento di vibe coding. I principianti dovrebbero scegliere un AI app builder, che scrive il codice, lo esegue e lo ospita, invece di un assistente di programmazione che si aspetta che tu gestisca file e server da solo.
- Una piccola idea. Non la tua startup. Uno strumento per una persona (te) con una o due schermate.
- Un'ora o due senza interruzioni. La prima sessione ti insegna il ritmo.
Tutto qui. Nessuna installazione, nessun corso di programmazione, nessun terminale.
Quale strumento scegliere da principiante
Lo strumento conta meno delle abitudini, ma deve fare tre cose: mostrare un'anteprima dal vivo mentre costruisce, permetterti di annullare una modifica sbagliata e pubblicare su un link condivisibile. Il nostro confronto dei migliori strumenti di vibe coding tratta onestamente le opzioni principali. Mythex è una di queste: descrivi l'app in chat, costruisce una vera app full-stack con anteprima dal vivo, aggiunge un database quando l'app deve ricordare delle cose e pubblica con un clic. Il piano Free non richiede carta.
Passo 1: scegli un primo progetto che puoi finire
I principianti di solito falliscono puntando troppo in alto. Un buon primo progetto:
- È utile a te personalmente, così lo testerai come si deve.
- Sta in una o due schermate.
- Conserva una piccola quantità di dati tuoi.
- Non ha pagamenti, team né dati personali sensibili.
Buoni primi progetti:
| Idea | Perché funziona per un principiante |
|---|---|
| Tracker delle abitudini | Un elenco, una spunta al giorno, un conteggio della serie |
| Lista di letture | Aggiungi un libro, segnalo come letto, ordina per stato |
| Calcolatore di preventivi per un lavoretto | Un modulo in ingresso, un prezzo in uscita, nessun account |
| Bacheca delle faccende di famiglia | Pochi nomi, pochi compiti, da spuntare |
| Pagina RSVP per un evento | Un modulo, un elenco di risposte |
Nel resto del tutorial useremo la lista di letture.
Passo 2: scrivi il primo prompt
Il tuo primo messaggio dà forma a tutto. Di' per chi è, cosa fa e che aspetto deve avere. Tienilo in un breve paragrafo.
Un primo prompt debole:
Fammi un'app di libri.
Un buon primo prompt:
Crea per me un'app di lista di letture. Posso aggiungere un libro con titolo, autore e stato (da leggere, in lettura, finito). Mostra i libri come schede raggruppate per stato, con i più recenti per primi. Posso cambiare lo stato di un libro o eliminarlo. Mantieni lo stile pulito e semplice: sfondo bianco, un solo colore di accento, funziona sul mio telefono. Salva i libri in modo che ci siano ancora dopo un aggiornamento della pagina.
Nota cosa fa il secondo. Elenca i campi, le azioni, il layout e una regola che i principianti dimenticano sempre: salva i dati in modo che sopravvivano a un aggiornamento della pagina. Senza quella riga molti strumenti costruiscono una pagina che sembra finita ma dimentica tutto quando la ricarichi.
Per altri punti di partenza, vedi la nostra guida rapida ai prompt per il vibe coding.
Chiedi un piano quando hai dubbi
Se non sei sicuro di come descrivere qualcosa, chiedi all'AI di pianificare prima di costruire:
Prima di costruire qualsiasi cosa, dimmi con parole semplici quali schermate creerai, quali dati conserverai e cosa devo decidere io.
In Mythex è a questo che serve la modalità Plan: l'agente espone l'approccio e tu lo approvi prima che qualsiasi file cambi.
Passo 3: provala come un utente, non come chi l'ha costruita
Quando compare l'anteprima, non limitarti ad ammirarla. Usala:
- Aggiungi tre libri, di cui uno con un titolo molto lungo.
- Cambia uno stato. La scheda si sposta nel gruppo giusto?
- Aggiorna la pagina. I libri ci sono ancora?
- Prova ad aggiungere un libro con il titolo vuoto. Cosa succede?
- Apri l'anteprima sul telefono, oppure restringi la finestra del browser.
Annota cosa non va con parole semplici. "Il titolo lungo rompe il layout della scheda" è una segnalazione perfetta. "Non funziona" no.
Passo 4: correggi una cosa per messaggio
Questa è l'abitudine che separa chi finisce da chi si arrende. Invia una modifica, controllala, poi invia la successiva.
Il titolo lungo "The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" esce dalla scheda. Manda a capo i titoli lunghi su due righe e tronca il resto con "…".
Poi:
Se invio il modulo con il titolo vuoto non succede nulla e non c'è nessun messaggio. Mostra "Aggiungi un titolo" sotto il campo e non salvare il libro.
Perché una alla volta? Quando chiedi cinque modifiche in un solo messaggio, l'AI può farne quattro bene e rompere in silenzio qualcos'altro, e non saprai quale modifica l'ha causato. I piccoli passi rendono utile anche l'annullamento: se una modifica va male, torni alla versione appena precedente e provi con una richiesta più chiara.
Quando qualcosa si rompe
Succederà. Ogni builder incontra errori. Copia il testo esatto dell'errore, oppure descrivi esattamente cosa hai cliccato e cosa hai visto, e incollalo nella chat:
Quando clicco Elimina su una scheda vedo "Qualcosa è andato storto" e il libro resta. Scopri perché e correggilo. Dimmi qual era la causa.
Chiedere la causa è importante. Ti insegna come funzionano le app e impedisce all'AI di tirare a indovinare. La nostra guida su come fare il debug di un'app creata con l'AI va più a fondo.
Passo 5: rendila tua
Quando funziona, migliorala con gli stessi piccoli passi:
- "Aggiungi una valutazione da 1 a 5 stelle che compaia sui libri finiti."
- "Aggiungi una casella di ricerca sopra le schede che filtri per titolo o autore."
- "Usa uno sfondo bianco caldo e un accento verde scuro."
- "Aggiungi un contatore in alto: libri finiti quest'anno."
Ognuna è una singola modifica verificabile.
Passo 6: pubblica e condividi
Quando fa ciò che ti serve, pubblicala. Su Mythex basta un clic e ottieni un URL pubblico che puoi aprire su qualsiasi dispositivo o mandare a un amico. Se in seguito vorrai un dominio tuo, è una funzione Pro, e la nostra guida su come collegare un dominio personalizzato lo spiega.
Prima di condividere qualsiasi cosa oltre una cerchia di amici, leggi il vibe coding è sicuro?. Per una lista di letture personale il rischio è basso. Per un'app in cui degli sconosciuti si registrano e conservano dati, ci sono verifiche da fare prima.
Errori da principiante da evitare
- Chiedere tutto in una volta. "Costruiscimi Goodreads" produce qualcosa di impressionante all'aspetto che funziona male. Parti dalla versione utile più piccola.
- Non testare l'aggiornamento della pagina. I dati che spariscono al ricaricamento sono la sorpresa più comune per i principianti.
- Riscrivere ogni volta la richiesta da zero. Di' cosa cambiare e cosa mantenere: "Mantieni il layout, cambia solo i colori."
- Fidarsi di "è sistemato". L'AI dirà spesso che un bug è risolto. Controlla sempre di persona.
- Incollare password o chiavi API nella chat. Se la tua app ha bisogno di una chiave per un servizio esterno, mettila nelle impostazioni dei segreti dello strumento, mai in un messaggio o nel codice. Vedi come proteggere le chiavi API.
- Mollare dopo il primo errore. Gli errori sono normali. Incollali nella chat e chiedi la causa.
Cosa imparare strada facendo
Non serve un corso, ma alcuni concetti renderanno ogni richiesta più precisa. Chiedi all'AI di spiegarli nel contesto della tua app:
- Frontend e backend: cosa gira nel browser del visitatore e cosa su un server. (Frontend vs backend)
- Database: dove l'app conserva i dati. (Cos'è un database?)
- Autenticazione: come l'app sa chi è una persona.
- Segreti: chiavi private usate dall'app che i visitatori non devono mai vedere.
Un buon prompt per questo: "Spiegami come la mia lista di letture salva un libro, da quando clicco Aggiungi fino a quando il dato viene conservato. Usa parole semplici e fai riferimento ai file veri."
Il secondo e il terzo progetto
Dopo la prima app, scegline una un gradino più difficile. Un tracker delle abitudini con un grafico settimanale. Un modulo di prenotazione che ti manda un'email. Una piccola dashboard che legge da un Google Sheet. I nostri esempi di vibe coding mostrano tipi di app reali con i prompt che ci stanno dietro e cosa è andato storto, e come creare un'app con il vibe coding porta un progetto più grande dall'idea a un'app pubblicata con degli utenti.
Quando sei pronto a iniziare, apri l'AI app builder, incolla il prompt della lista di letture qui sopra e cambialo con la tua idea.
Domande
Un principiante assoluto può fare vibe coding?
Sì. Il vibe coding è pensato per chi descrive ciò che vuole con parole semplici e giudica il risultato a schermo. Imparerai più in fretta se scegli un primo progetto piccolo, lo provi come farebbe un utente e chiedi all'AI di spiegarti tutto ciò che non capisci.
Si può provare il vibe coding gratis?
La maggior parte degli strumenti di vibe coding ha un piano gratuito con una piccola quota giornaliera o mensile. Mythex Free non richiede carta di credito e dà 5 crediti al giorno (10 il primo giorno, fino a 30 al mese), abbastanza per creare e pubblicare una piccola app.
Devo prima imparare a programmare?
No. Aiuta conoscere qualche concetto, come cosa conserva un database e cosa fa un login, perché le tue richieste diventano più chiare. Puoi impararli strada facendo, chiedendo all'AI perché ha costruito qualcosa in un certo modo.
Qual è un buon primo progetto di vibe coding?
Qualcosa che useresti tu stesso questa settimana, con una o due schermate: un tracker delle abitudini, una lista di letture, un semplice modulo di prenotazione o un calcolatore di prezzi per la tua attività secondaria. Evita pagamenti, tanti ruoli utente e dati personali sensibili finché non hai completato un paio di piccoli progetti.
Quanto ci vuole per imparare il vibe coding?
Puoi pubblicare una prima piccola app in un pomeriggio. Per ottenere risultati buoni in modo affidabile servono alcuni progetti, perché la vera abilità sta nello scrivere richieste chiare, testare con attenzione e fare una modifica alla volta.