Design systems
Stitch Design Taste
Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques.
De quoi il s’agit
Génère un fichier DESIGN.md optimisé pour la génération d’écrans de Google Stitch. Il encode l’ambiance, la couleur, la typo, les composants, la mise en page, le mouvement et une liste explicite de patterns interdits.
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion,
Pourquoi ça compte pour le design
- Les écrans Stitch héritent d’un seul accent sous 80 % de saturation, au lieu de dégradés violets néon.
- Les heros centrés et les trois rangées de cartes égales sont interdits au-delà de la variance fixée.
- Les états de chargement et vides deviennent des squelettes composés, plus des spinners génériques.
Ce que ça couvre
- Overview
- Prerequisites
- Analysis and synthesis instructions
- Output format
- Best practices
- Common pitfalls to avoid
Comment l’installer
Stitch Design Taste
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/stitch-skill/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Décrivez l’ambiance du projet ; le skill fixe les scores de densité, de variance et de mouvement.
-
Il produit un DESIGN.md en sept sections, avec codes hex et rôles de couleur fonctionnels.
-
Fournissez ce fichier directement à Stitch, ou via le serveur MCP de Stitch.
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. 
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. 
Frontend & UI Ce qu’il fait imagegen-frontend-web Génère une image de référence horizontale par section de landing page. 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.