Vibe coding con Claude: chat di Claude, Claude Code e creare da Claude

Il vibe coding con Claude funziona in tre modi. La chat di Claude crea piccole app a pagina singola direttamente nella conversazione. Claude Code è un agente che modifica un progetto vero sul tuo computer o nel cloud, per chi ha confidenza con una codebase. E Claude più un app builder via MCP ti permette di creare, vedere in anteprima e pubblicare un'app full-stack con database senza uscire dalla conversazione con Claude. Quale scegliere dipende da cosa stai creando e da quanta parte della configurazione vuoi gestire.

Questa guida li copre tutti e tre, con prompt e limiti di ciascuno. Per l'idea di fondo, vedi cos'è il vibe coding.

Opzione 1: la chat di Claude per piccoli strumenti

Nell'app Claude normale puoi chiedere qualcosa di interattivo e Claude lo scrive come codice che gira accanto alla conversazione: un calcolatore, un esercizio con flashcard, un piccolo gioco, un grafico da dati che incolli. Lo modifichi rispondendo.

Un buon prompt qui è autosufficiente:

Crea uno strumento interattivo in cui incollo un elenco di spese (una per riga, "importo, categoria") e mostra un grafico a torta per categoria e un totale. Includi un elenco di esempio così funziona subito.

Dove è ottima: strumenti rapidi a pagina singola che usi tu o condividi come link, e per imparare, perché puoi chiedere a Claude di spiegare ogni parte.

Dove si ferma: girano dentro l'ambiente di Claude. Non c'è un database persistente tuo, né account utente, né dominio personalizzato, né un posto dove eseguire un server. Quando un'idea supera la singola pagina, serve una delle prossime due opzioni.

Opzione 2: Claude Code per una vera codebase

Claude Code è l'agente di programmazione di Anthropic. Funziona nel terminale, in editor come VS Code e JetBrains, in un'app desktop e sul web. Gli dai un compito in linguaggio naturale e lui legge il tuo progetto, modifica i file, esegue comandi e test e ti mostra cosa è cambiato. Al momento della scrittura è incluso nei piani a pagamento di Claude e disponibile tramite API; controlla il sito di Anthropic per i piani attuali.

Una tipica sessione di vibe coding è così:

Aggiungi una pagina /bookings che elenchi le prenotazioni dell'utente corrente, le più recenti per prime, con un pulsante di annullamento disabilitato meno di due ore prima della lezione. Usa l'helper di autenticazione esistente. Esegui i test quando hai finito.

Dove è ottimo: sviluppatori e fondatori tecnici che hanno già un progetto, vogliono il pieno controllo dello stack e sono contenti di eseguirlo e pubblicarlo da soli. È forte nelle modifiche su più file e nel seguire le convenzioni già presenti in una codebase.

Dove richiede più lavoro: serve un ambiente di sviluppo e Claude Code non ospita nulla. Database, segreti, pubblicazione e domini sono da organizzare tu. Per un confronto con altri strumenti per sviluppatori, vedi Cursor vs Windsurf vs Claude Code.

Abitudini che funzionano bene con Claude Code

• Chiedi un piano prima delle modifiche grandi. "Descrivi i passaggi e i file che toccherai, poi aspetta."
• Tieni un file di note del progetto. Claude Code legge un file di memoria del progetto (CLAUDE.md) per le convenzioni, così non le ripeti.
• Rivedi il diff. Anche facendo vibe coding, dai un'occhiata a ciò che è cambiato nelle aree sensibili: autenticazione, pagamenti, tutto ciò che riguarda dati degli utenti.
• Fai commit spesso. Piccoli commit rendono facile annullare un passo sbagliato.

Opzione 3: creare e pubblicare da Claude con Mythex

Se ti piace lavorare in Claude ma vuoi alla fine un'app vera, con database, login, storage di file e un URL pubblico, puoi collegare Claude a un AI app builder tramite MCP, il protocollo che permette a Claude di usare strumenti ospitati altrove. (Cos'è MCP lo spiega in parole semplici.)

Mythex gestisce un server MCP. Una volta collegato, Claude può creare un progetto Mythex, scrivere il codice in una sandbox cloud privata, avviare un'anteprima dal vivo, collegare un database e uno storage di file e pubblicare l'app. Ogni risultato include un link per guardare il progetto dal vivo in Mythex.

Come collegarlo

1. In Mythex, apri Account settings e copia l'URL MCP: https://mcp.mythex.ai/mcp.
2. In Claude, vai su Settings → Connectors → Add custom connector, incolla l'URL e clicca Connect.
3. Si apre una pagina di Mythex. Accedi se serve e scegli Allow access. Non c'è nessuna chiave API da copiare.
4. Tornato in Claude, chiedi ciò che vuoi.

Chiunque può collegarsi con qualsiasi piano; gli strumenti sandbox richiedono Mythex Pro ($25 al mese). L'uso di Claude resta sul tuo piano Claude, e tempo di sandbox, anteprime e hosting vengono dai tuoi crediti Mythex. La guida completa è in creare app Mythex da Claude, Cursor o Codex.

Un primo prompt da provare

Usando Mythex, crea un nuovo progetto: un semplice CRM per il mio piccolo studio di design. Contatti con nome, azienda, email, telefono, fase (lead, attivo, passato) e note. Una vista a bacheca per fase in cui posso trascinare i contatti tra le colonne e una casella di ricerca. Aggiungi un database per rendere persistenti i dati e un login in modo che solo io possa vederlo. Avvia l'anteprima e mandami il link quando è in esecuzione.

Poi itera nella stessa conversazione, una modifica alla volta:

Nel progetto Mythex, aggiungi ai contatti una data di "prossimo follow-up" e nella schermata iniziale un elenco dei follow-up in scadenza questa settimana. Controllalo nell'anteprima.

Pubblica il CRM e dammi l'URL online.

Dove è ottimo: chi pensa meglio in Claude e vuole il risultato ospitato, con un database, senza configurare server. Puoi anche passare dall'uno all'altro: iniziare in Claude e continuare nella chat di Mythex, o il contrario, perché è lo stesso progetto.

Quale usare?

Consigli sui prompt che contano di più con Claude

Claude segue da vicino le istruzioni dettagliate, il che ha due facce.

• Di' cosa non cambiare. "Mantieni layout e colori; cambia solo la validazione del modulo."
• Dagli una definizione di completato. "Completato significa che un nuovo contatto viene salvato, compare nella bacheca e sopravvive a un aggiornamento della pagina."
• Chiedigli di controllare il proprio lavoro. In Claude Code significa eseguire i test; con Mythex significa controllare l'anteprima dal vivo o eseguire un test nel browser.
• Chiedi spiegazioni in parole semplici quando non segui una modifica. È il modo più rapido per capire cosa fa la tua app.

La nostra guida rapida ai prompt per il vibe coding contiene 30 prompt che funzionano in tutte e tre le configurazioni.

Note sulla sicurezza valide per tutti e tre

• Non incollare chiavi API o password reali in una conversazione con Claude. Con Mythex, i segreti vanno nelle impostazioni dei segreti del progetto, e Claude ne vede i nomi ma non i valori.
• Controlla chi può vedere cosa prima di pubblicare. "Un utente connesso può aprire i record di un altro utente?" è la prima domanda da porsi.
• Rivedi il codice sensibile. Claude è un bravo programmatore, ma fare vibe coding significa che non leggi ogni riga, quindi scegli quelle che contano. Vedi il vibe coding è sicuro?.

Se usi anche ChatGPT, la guida gemella tratta il vibe coding con ChatGPT e Codex. E se preferisci saltare del tutto la configurazione, apri l'AI app builder e descrivi lì la tua app.

Domande