30 prompt di vibe coding da copiare (guida rapida)

I migliori prompt di vibe coding sono brevi, specifici e parlano di comportamento: chi usa l'app, cosa può fare, cosa conserva e che aspetto ha. Qui sotto trovi 30 prompt da copiare e incollare, divisi per la fase in cui ti trovi, dalla prima versione alla pubblicazione. Sostituisci le parti tra [parentesi quadre] con i tuoi dettagli.

Funzionano in qualsiasi AI app builder o agente di programmazione. Se vuoi il ragionamento che sta dietro, la nostra guida più lunga su come scrivere prompt per gli AI app builder spiega i principi. Questa pagina è la guida rapida.

Come usare questa guida rapida

• Parti da un prompt di prima versione, poi usa gli altri uno alla volta.
• Testa dopo ogni prompt. Prova la modifica prima di inviare la successiva.
• Conserva ciò che funziona. La maggior parte dei prompt successivi qui finisce con "mantieni tutto il resto invariato" per un motivo.
• Incolla il testo esatto. Messaggi di errore, etichette dei pulsanti e parole sullo schermo battono ogni volta le descrizioni.

Prompt per la prima versione

Danno forma all'app. Ognuno nomina gli utenti, le azioni, i dati e l'aspetto.

1. Un semplice tracker

Crea per me un tracker di [abitudini]. Posso aggiungere una [abitudine] con un nome e un colore, spuntarla una volta al giorno e vedere una griglia di 30 giorni e la mia serie attuale. Salva tutto in modo che ci sia ancora dopo un aggiornamento della pagina. Design pulito e minimale che funzioni su un telefono.

2. Una pagina di prenotazione per una piccola attività

Crea una pagina di prenotazione per il mio [salone di parrucchiere]. I clienti scelgono un servizio ([taglio 30 min, colore 90 min]), una data e un orario libero tra [le 9:00 e le 18:00], poi inseriscono nome, telefono ed email. Due persone non possono prenotare lo stesso slot. Mi serve una pagina admin privata, dietro un login, che elenchi le prossime prenotazioni per giorno.

3. Uno strumento interno

Crea uno strumento interno per il mio team per tracciare [i prestiti di attrezzature]. Ogni articolo ha un nome, un codice e uno stato (disponibile, in prestito, guasto). Il personale accede, può prendere in prestito un articolo a proprio nome e restituirlo. Mostra una tabella con filtri per stato e uno storico di chi ha avuto ogni articolo.

4. Una landing page con lista d'attesa

Crea un sito di una pagina per [il mio prodotto: un'app di pianificazione dei pasti per genitori impegnati]. Sezione iniziale con titolo, sottotitolo di una frase e iscrizione con email. Poi tre vantaggi, una breve sezione come funziona e una FAQ. Salva le email di iscrizione in un database e mostrami l'elenco in una pagina admin privata.

5. Un portale clienti

Crea un portale clienti per il mio [studio di design]. Ogni cliente accede e vede solo i propri progetti, con stato, file che ho caricato e una discussione di commenti. Io accedo come admin e vedo tutti i clienti. I clienti non devono mai vedere i dati degli altri.

6. Un calcolatore o strumento di preventivi

Crea un calcolatore di preventivi per la mia [impresa di pulizie]. Input: numero di camere da letto, bagni, servizi extra (forno, finestre, frigorifero) e frequenza (una tantum, settimanale, mensile). Mostra il prezzo mentre cambiano le opzioni, con il dettaglio. Prezzi: [incolla il tuo listino]. Aggiungi un pulsante per inviarmi la richiesta di preventivo per email.

Prompt di pianificazione

Usali prima di una funzione importante, o ogni volta che non sai come descrivere qualcosa.

7. Pianifica prima di costruire

Prima di scrivere codice, descrivi con parole semplici le schermate che costruirai, i dati che conserverai e le decisioni che servono da me. Aspetta il mio OK.

8. Trasforma un'idea confusa in una prima versione

Ecco la mia idea: [incolla gli appunti]. Suggerisci la versione iniziale più piccola che sia comunque utile, in 5-8 punti elenco. Elenca cosa lasceresti per dopo e perché.

9. Chiedi cosa manca

Quali domande mi farebbe uno sviluppatore prima di costruire questa app? Fammele una alla volta, poi riassumi le mie risposte in una breve specifica.

10. Valuta prima una modifica importante

Voglio aggiungere [account di team in cui più persone condividono un workspace]. Spiega cosa deve cambiare nei dati, nelle schermate e nei permessi, e cosa potrebbe rompersi. Per ora non cambiare nulla.

Prompt di design

11. Definisci uno stile chiaro

Cambia lo stile dell'app: sfondo bianco caldo, testo scuro, un solo colore di accento [#1F6F50], angoli arrotondati, spaziatura generosa e un font sans-serif moderno. Mantieni layout e ogni funzione esattamente come sono.

12. Copia il feeling di un riferimento

Fai in modo che la dashboard dia la sensazione di un'app finanziaria rilassata: molto spazio bianco, numeri grandi e in grassetto, etichette piccole e grigie, un semplice grafico in alto. Non copiare il logo né il testo di nessun marchio.

13. Correggi il layout su telefono

Su un telefono largo 375px, la tabella di [la pagina Ordini] scorre di lato e i pulsanti si sovrappongono. Trasforma ogni riga in una scheda impilata sugli schermi piccoli. Non cambiare il layout desktop.

14. Stati vuoto, caricamento ed errore

Aggiungi stati adeguati a [l'elenco Progetti]: uno stato vuoto amichevole con un pulsante per aggiungere il primo progetto, uno scheletro di caricamento mentre i dati arrivano e un messaggio chiaro con un pulsante per riprovare se il caricamento fallisce.

15. Supporto da destra a sinistra

Aggiungi una versione araba dell'interfaccia con layout completo da destra a sinistra. Le icone che indicano una direzione devono invertirsi; numeri e date devono usare il formato locale. Mantieni l'inglese come predefinito.

Prompt per dati e funzioni

16. Rendi persistenti i dati

Ora i miei dati spariscono quando aggiorno la pagina. Conservali invece in un vero database e fai funzionare le schermate attuali allo stesso modo.

17. Aggiungi il login

Aggiungi registrazione e login con email e password. Ogni utente deve vedere e modificare solo i propri [elementi]. Mostra l'email dell'utente nella barra in alto con un pulsante di uscita.

18. Aggiungi i ruoli

Aggiungi due ruoli: admin e membro. Gli admin possono aggiungere, modificare ed eliminare [prodotti]; i membri possono solo vederli. Applica la regola sul server, non solo nascondendo i pulsanti.

19. Aggiungi ricerca e filtri

Aggiungi sopra [l'elenco dei contatti] una casella di ricerca che cerchi per nome, azienda o email mentre scrivo, più un filtro per [stato]. Mantieni l'ordinamento attuale.

20. Aggiungi il caricamento di file

Permetti agli utenti di allegare fino a [5] immagini a ogni [annuncio], max [5 MB] ciascuna. Mostra le miniature nell'annuncio e una vista più grande al clic. Solo il proprietario può eliminare le proprie immagini.

21. Importa da un foglio di calcolo

Aggiungi un pulsante Importa che accetti un CSV con le colonne [nome, email, telefono, note], mostri un'anteprima delle prime 10 righe e mi lasci confermare prima di salvare. Salta le righe senza email e dimmi quante sono state saltate.

Prompt di correzione

22. Segnala un bug in modo chiaro

Quando [clicco Salva nel modulo di modifica], vedo "[testo esatto dell'errore]" e la modifica non viene salvata. Atteso: la modifica viene salvata e torno all'elenco. Trova la causa, spiegala in una o due frasi, poi correggila.

23. Interrompi un ciclo di correzioni

Abbiamo provato a correggerlo tre volte e continua a fallire. Smetti di cambiare il codice. Elenca le tre cause più probabili, come verificare ciascuna e quale pensi sia.

24. Annulla gli effetti collaterali

La tua ultima modifica ha sistemato il selettore di date ma la [barra laterale] è sparita. Riporta la barra laterale esattamente com'era e mantieni la correzione del selettore di date.

25. Spiega prima di cambiare

Spiega come viene calcolato adesso [il totale del checkout], passo dopo passo, indicando i file coinvolti. Non cambiare nulla.

Prompt di test e revisione

26. Casi limite

Elenca 10 modi in cui un utente reale potrebbe rompere [il modulo di prenotazione]: campi vuoti, testo molto lungo, doppi clic, due persone insieme, fusi orari sbagliati. Prova ciascuno e correggi ciò che fallisce. Riferiscimi cosa hai cambiato.

27. Riassumi le modifiche recenti

Riassumi con parole semplici ogni modifica fatta negli ultimi [cinque] passaggi e segnala tutto ciò che potrebbe influire sui dati esistenti.

Prompt di sicurezza

Abbinali alla nostra pagina su se il vibe coding è sicuro.

28. Controlla l'accesso ai dati

Controlla il codice del server: un utente connesso può leggere o modificare i [record] di un altro utente cambiando un ID in una richiesta? Mostrami dove viene controllato l'accesso e correggi eventuali lacune.

29. Controlla se ci sono segreti esposti

Elenca ogni chiave API, password o token usato da questa app e dove è conservato. Assicurati che nessuno si trovi in codice che gira nel browser o salvato nei file. Se ci sono, spostali nei segreti.

Prompt di pubblicazione

30. Controllo prima del lancio

Sto per pubblicare questa app per utenti reali. Passala in rassegna come un revisore: link rotti, titoli e descrizioni di pagina mancanti, moduli senza validazione, pagine lente, errori nella console e tutto ciò che sul telefono sembra non finito. Dammi un elenco ordinato per importanza, poi correggi i primi cinque.

Prompt da evitare

Alcuni prompt producono in modo affidabile risultati peggiori:

• "Rendilo migliore." Migliore in che senso? Indica la schermata e la modifica.
• "Sistema tutto." L'AI cambierà molto e non saprai cosa si è spostato.
• "Usa [libreria] e [framework] e [pattern]." A meno che tu non abbia un motivo, descrivi il comportamento e lascia scegliere lo stack allo strumento.
• "Ecco la mia chiave API: …" Non incollare mai segreti in una chat. Usa le impostazioni dei segreti dello strumento.
• Dieci funzioni in un solo messaggio. Dividile.

Trasformare i prompt in un'abitudine

Dopo qualche progetto avrai le tue versioni di questi prompt. Tienile in una nota e riusa quelle che funzionano. Mythex ricorda anche chi sei e come lavori tra un progetto e l'altro, quindi le preferenze che ripeti, come il tuo stile o stack abituale, si portano dietro senza doverle riscrivere.

Se sei bloccato sul primo prompt, il generatore di prompt per app gratuito trasforma un'idea di una riga in un prompt di partenza più completo. E per vedere cosa producono questi prompt nella pratica, leggi i nostri esempi di vibe coding, oppure incolla il prompt 1 nell'AI app builder e cambia le parentesi con la tua idea.

Domande