Design systems
UI-UX Pro Max · Brand
Garde la charte de marque, les design tokens et les assets synchronisés.
De quoi il s’agit
Un skill d’identité de marque bâti autour de scripts qui injectent le contexte de marque dans les prompts, valident les assets, extraient les couleurs et synchronisent brand-guidelines.md vers du JSON de design tokens et des variables CSS.
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
Pourquoi ça compte pour le design
- Un seul fichier markdown fait foi pour les tokens et le CSS.
- Les couleurs extraites sont comparées à la palette, ce qui repère la dérive tôt.
- Les assets sont vérifiés en nommage, taille et format avant validation.
Ce que ça couvre
- When to use
- Quick start
- Brand sync workflow
- Subcommands
- References
- Scripts
Comment l’installer
UI-UX Pro Max · Brand
-
Clonez le dépôt.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Pointez Codex sur le fichier du skill.
cli/assets/skills/brand/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Éditez docs/brand-guidelines.md, puis lancez scripts/sync-brand-to-tokens.cjs.
-
Vérifiez avec scripts/inject-brand-context.cjs --json.
-
Contrôlez tout nouveau fichier avec scripts/validate-asset.cjs avant de le livrer.
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.