Cosa serve.
Cursor installato con gli helper di design gratuiti dalla guida di configurazione, una cartella vuota e un'idea chiara di a chi è rivolta la pagina. Il piano Hobby gratuito basta per un primo prototipo.
Scrivere il brief prima del prompt.
Un paragrafo, scritto una volta, vale più di venti correzioni successive. Indica il pubblico, l'unica call to action e le sezioni in ordine — per esempio: hero con titolo e CTA, tre blocchi funzionalità, una testimonianza, footer. Vincola anche l'output: un file HTML, stili inline, nessun framework, font di sistema.
Costruirla in sei passaggi.
- Apri la cartella vuota in Cursor e incolla il tuo brief in chat.
- Chiedi un singolo index.html con CSS inline — un solo file mantiene veloce l'iterazione.
- Apri il file nel tuo browser e leggilo come un visitatore, non come un costruttore.
- Dì all'agente cosa cambiare in termini di design — spaziatura, gerarchia, contrasto — una o due modifiche per messaggio.
- Esegui il comando /responsive-preview per verificare le larghezze mobile, tablet e desktop.
- Correggi ciò che l'audit segnala, poi fermati — il compito di un prototipo è essere giudicato, non rifinito.
Controllarla come un designer.
Lo strumento gratuito da browser Responsive Preview mostra la pagina a tre larghezze affiancate con scroll sincronizzato — più veloce che ridimensionare una finestra. Fai attenzione all'overflow orizzontale su mobile, alle righe più lunghe di circa 80 caratteri e ai tap target sotto i 44 pixel.
Dal prototipo alla pagina live.
Se il prototipo funziona, pubblica l'HTML su un qualsiasi host statico gratuito, oppure salta la manutenzione del codice e ricostruiscilo su un template Carrd con dominio personalizzato a $19 all'anno. Prima di entrambe le strade, esegui l'audit del Launch Checklist Prompt.
Quanto costa.
Il prototipo in sé: niente, sul piano Hobby gratuito di Cursor. Se prototipi regolarmente, Pro a $20 al mese rimuove i limiti dell'agente — puoi usare questo link di referral Cursor per il 50 percento di sconto sul primo mese.