Comment générer des UI avec Cursor et v0

Avez-vous déjà essayé de générer des éléments UI avec Cursor ? Ce n'est pas le meilleur.

Cursor est excellent pour implémenter des fonctionnalités ou corriger des bugs, pas tant pour le design UI. C'est là qu'intervient v0 de Vercel.

Mise à jour : Depuis septembre 2025, si vous voulez générer des UI directement dans Cursor, le meilleur modèle d'après nos tests est GPT-5.

Flux de travail Cursor + v0

Voici un flux de travail que vous pouvez utiliser, qui crée un prompt v0 directement depuis Cursor Composer :

0. Assurez-vous d'avoir shadcn installé dans votre projet.

1. Créez un fichier v0.md. À l'intérieur, ajoutez le prompt suivant :

   • Réfléchissez attentivement au composant
   • Générez un prompt
   • Ensuite, avec le prompt, créez un lien cliquable : nom du composant
   • Assurez-vous que le prompt est encodé en URL

2. Ouvrez Cursor Composer avec SHIFT + CMD + I (MacOS) ou SHIFT + CTRL + I (Windows).

3. Décrivez ce que vous voulez construire et mentionnez le fichier de prompt avec @v0.md.

4. Cliquez sur le lien v0 et modifiez votre composant, ou laissez-le tel quel.

5. Ajoutez le composant à votre base de code...et c'est fait !

Voir en action

Utilisons ce flux de travail pour générer un formulaire d'inscription. Avec ce flux de travail, vous n'avez pas besoin de créer un long prompt. Cursor le génère, pour que vous puissiez vous concentrer sur la construction de votre application.