VIBEUI : 92 prompts de structure pour vos interfaces générées par IA
⏱️ Temps de lecture estimé : 3 minutes
📌 VIBEUI est une bibliothèque gratuite de prompts de mise en page pensée pour les vibe coders : 92 structures prêtes à copier, réparties en 15 catégories, à coller dans l’outil IA de votre choix pour obtenir la forme d’interface que vous avez en tête — pas une approximation.
Le constat de départ tient en une phrase : la plupart des générations d’UI ratent à cause de la forme, pas du style. Une grille tarifaire à trois paliers, un bento grid et un tableau comparatif parlent tous de pricing, mais ce sont trois mises en page différentes. En nommant la structure en amont, on donne au modèle un squelette qu’il n’a plus qu’à habiller.
Le principe d’utilisation est d’une simplicité désarmante. Vous choisissez un layout — split-screen avec visuel pour un formulaire de connexion, toggle mensuel/annuel pour une grille de prix — vous copiez le prompt, puis vous le collez dans Claude, Lovable, Cursor, Bolt ou v0, accompagné d’un screenshot de l’esthétique visée. Chaque prompt se termine par la même consigne : adapter style, couleurs et typographie à l’image fournie. Le prompt écrit la structure, votre capture impose le style. Je trouve cette séparation très saine : c’est la logique du wireframe, transposée aux prompts.
Les catégories couvrent l’essentiel de ce qui compose une page de produit. Authentification (magic link, inscription multi-étapes), pricing (curseur d’usage, packs de crédits), hero (terminal animé, typographie géante), dashboards (kanban, trois panneaux), onboarding, nav bars, footers, FAQ. La catégorie bonus contient même des pages 404, des bandeaux cookies et des squelettes de chargement — les sections qu’on oublie toujours.
- 🧱 92 structures en 15 catégories : auth, pricing, hero, bento, dashboards, footers
- 📋 Copier-coller dans Claude, Lovable, Cursor, Bolt ou v0, avec un screenshot de référence
- 🎨 Chaque prompt impose l’adaptation du style, des couleurs et de la typo à votre capture
- ⌨️ Recherche au clavier (/), sans compte ni inscription, accès direct aux prompts
- 🎁 Sections bonus : 404, cookie banner, squelettes de chargement
Petit détail que j’apprécie : la recherche se fait au clavier avec la touche /, sans compte à créer. On ouvre, on copie, on colle. C’est gratuit, et ça se sent — pas de fiche produit, pas de formulaire avant l’accès.
Deux nuances quand même. Le site est sponsorisé par GlowUp UI, un outil compagnon payant promu partout : bannière d’en-tête, pied de page et bouton « Generate in GlowUp » sur chaque carte. Le bouton « Copy prompt » reste là, donc on ignore la pub sans frustration. Et VibeUI ne fournit ni code ni composants : c’est une bibliothèque de texte, le reste est à faire générer. Amusant au passage : d’après l’hébergement de son image OpenGraph, le site semble lui-même avoir été vibe codé avec Lovable. La boucle est bouclée.
Pour qui enchaîne les interfaces générées, VibeUI rend un service très concret : arrêter de demander « quelque chose de moderne » et commencer par nommer la forme. C’est peu. Et pourtant, ça change tout le rendu.
