Frontend & UI
minimalist-ui
Construit des interfaces éditoriales monochromes et chaudes, avec des grilles bento plates.
De quoi il s’agit
Un protocole frontend pour interfaces minimales façon document. Il fixe une palette monochrome chaude, une hiérarchie typographique serif et mono, des cartes bento bordées en 1px, et des accents pastel discrets.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Pourquoi ça compte pour le design
- Chaque carte et chaque séparateur utilise une seule bordure gris clair en 1px, avec un rayon net.
- Les accents viennent uniquement de quatre pastels délavés, réservés aux tags et au code inline.
- Les sections gagnent en profondeur grâce à des images en faible opacité, plutôt qu’à des fonds vides et plats.
Ce que ça couvre
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
Comment l’installer
minimalist-ui
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/minimalist-skill/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Demandez une page ; le skill fixe d’abord le macro-espace blanc, py-24 ou py-32.
-
Il limite la largeur du texte à max-w-4xl et applique aussitôt les variables monochromes.
-
Les fondus d’entrée au scroll passent par IntersectionObserver, uniquement sur transform et opacity.
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.