Frontend & UI
imagegen-frontend-web
Génère une image de référence horizontale par section de landing page.
De quoi il s’agit
Un skill de direction artistique pour les références de design de site. Il génère une image horizontale distincte par section, avec une palette unique verrouillée et une composition de hero variée sur l’ensemble.
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections pro
Pourquoi ça compte pour le design
- Une landing page à huit sections donne huit comps lisibles, pas un panneau compressé unique.
- La composition du hero varie au-delà du réflexe surexploité texte à gauche, image à droite.
- Une seule palette, une échelle typo et une famille de CTA tiennent sur toutes les images générées.
Ce que ça couvre
- Image count and page slicing
- The combinatorial variation engine
- Hero minimalism rules
- Color and material rules
- Multi-image consistency rule
- Default site packs
Comment l’installer
imagegen-frontend-web
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/imagegen-frontend-web/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Précisez le nombre de sections voulu ; sans indication, les landing pages passent par défaut à six.
-
Le skill annonce le compte, puis étiquette chaque image par numéro de section.
-
Donnez des mots d’ambiance comme éditorial ou cinématographique pour orienter l’échelle du hero et le fond.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.