Frontend & UI
design-taste-frontend
Lit le brief, choisit une direction, livre des interfaces sans effet de gabarit.
De quoi il s’agit
Un skill frontend anti-générique pour landing pages, portfolios et refontes. Il énonce une lecture du design, règle les curseurs de variance, de mouvement et de densité, puis fait passer un long contrôle de pre-flight.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Pourquoi ça compte pour le design
- Les briefs enterprise reçoivent le package officiel du design system, pas du CSS imitatif fait main.
- Le pre-flight bannit les tirets cadratins, les eyebrows de numérotation de section, les indices de scroll et les intentions de CTA en double.
- La répétition de mise en page est plafonnée : huit sections utilisent au moins quatre familles différentes.
Ce que ça couvre
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
Comment l’installer
design-taste-frontend
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/taste-skill/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
L’agent énonce une lecture du design en une ligne avant d’écrire le moindre code.
-
Il règle trois curseurs : variance du design, intensité du mouvement et densité visuelle.
-
Chaque case du pre-flight doit être cochée, sinon la page n’est pas terminée.
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.