Ce dont vous avez besoin.
Cursor installé avec les aides de design gratuites du guide de configuration, un dossier vide, et une idée claire de la personne à qui la page s'adresse. Le forfait Hobby gratuit suffit pour un premier prototype.
Rédiger le brief avant le prompt.
Un paragraphe, écrit une fois, vaut mieux que vingt corrections plus tard. Nommez l'audience, l'unique appel à l'action, et les sections dans l'ordre — par exemple : hero avec titre et CTA, trois blocs de fonctionnalités, un témoignage, footer. Contraignez aussi le résultat : un fichier HTML, styles inline, pas de frameworks, polices système.
La construire en six étapes.
- Ouvrez le dossier vide dans Cursor et collez votre brief dans le chat.
- Demandez un seul index.html avec CSS inline — un seul fichier garde l'itération rapide.
- Ouvrez le fichier dans votre navigateur et lisez-le comme un visiteur, pas comme un constructeur.
- Dites à l'agent ce qu'il faut changer en termes de design — espacement, hiérarchie, contraste — un ou deux changements par message.
- Lancez la commande /responsive-preview pour auditer les largeurs mobile, tablette et desktop.
- Corrigez ce que l'audit signale, puis arrêtez-vous — le rôle d'un prototype est d'être jugé, pas peaufiné.
L'examiner comme un designer.
L'outil gratuit dans le navigateur Responsive Preview affiche la page à trois largeurs côte à côte avec un défilement synchronisé — plus rapide que de redimensionner une fenêtre. Surveillez le débordement horizontal sur mobile, les longueurs de ligne dépassant environ 80 caractères, et les zones tactiles de moins de 44 pixels.
Du prototype à la page en ligne.
Si le prototype est validé, publiez le HTML sur n'importe quel hébergement statique gratuit, ou évitez la maintenance de code et reconstruisez-le sur un modèle Carrd avec un domaine personnalisé pour 19 $ par an. Avant l'une ou l'autre voie, lancez l'audit Launch Checklist Prompt.
Ce que ça coûte.
Le prototype en lui-même : rien, sur le forfait Hobby gratuit de Cursor. Si vous prototypez régulièrement, Pro à 20 $ par mois supprime les limites de l'agent — vous pouvez utiliser ce lien de parrainage Cursor pour 50 % de réduction sur votre premier mois.