Sistemas de diseño
UI-UX Pro Max · Brand
Mantiene sincronizados las guías de marca, los tokens de diseño y los assets.
Qué es
Una skill de identidad de marca construida en torno a scripts que inyectan el contexto de marca en los prompts, validan assets, extraen colores y sincronizan brand-guidelines.md con el JSON de tokens de diseño y las 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.
Por qué importa para el diseño
- Un único archivo markdown es la fuente de verdad para los tokens y el CSS.
- Los colores extraídos se comparan con la paleta, detectando la deriva a tiempo.
- Los assets se comprueban en nombre, tamaño y formato antes de aprobarlos.
Qué cubre
- When to use
- Quick start
- Brand sync workflow
- Subcommands
- References
- Scripts
Cómo instalarlo
UI-UX Pro Max · Brand
-
Clona el repositorio.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Señálale a Codex el archivo de la skill.
cli/assets/skills/brand/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Edita docs/brand-guidelines.md, y luego ejecuta scripts/sync-brand-to-tokens.cjs.
-
Verifica con scripts/inject-brand-context.cjs --json.
-
Comprueba cualquier archivo nuevo con scripts/validate-asset.cjs antes de publicarlo.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.