Frontend & UI
high-end-visual-design
Bloque les défauts génériques de l’IA et impose une mise en page et un mouvement dignes d’une agence.
De quoi il s’agit
Un skill directif qui bannit les réflexes de design par défaut de l’IA, puis force l’agent à choisir un archétype d’ambiance et un archétype de mise en page avant d’écrire la moindre ligne de code UI.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Pourquoi ça compte pour le design
- Inter, Roboto et les icônes Lucide épaisses sont bannis : le rendu cesse de sentir le gabarit.
- Les cartes reçoivent une coque externe et un cœur interne imbriqués, donnant aux conteneurs une vraie profondeur usinée.
- Le padding des sections démarre à py-24 : les mises en page respirent au lieu de s’entasser.
Ce que ça couvre
- Absolute zero directive
- Creative variance engine
- Haptic micro-aesthetics
- Motion choreography
- Performance guardrails
- Pre-output checklist
Comment l’installer
high-end-visual-design
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/soft-skill/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Demandez une page à Codex ; il lance d’abord son moteur de variance en silence.
-
Il pose la texture de fond et l’échelle typo, puis construit des conteneurs à double biseau.
-
Il injecte un mouvement cubic-bezier sur mesure, puis déroule sa checklist avant sortie.
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.