Design Systems
UI-UX Pro Max · Brand
Mantém guidelines de marca, design tokens e assets em sincronia.
O que é
Uma skill de identidade de marca construída em torno de scripts que injetam contexto de marca nos prompts, validam assets, extraem cores e sincronizam o brand-guidelines.md com o JSON de design tokens e as variáveis 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 que isso importa para design
- Um único arquivo markdown é a fonte de verdade para os tokens e o CSS.
- As cores extraídas são comparadas com a paleta, pegando o desvio cedo.
- Os assets são checados quanto a nome, tamanho e formato antes da aprovação.
O que cobre
- When to use
- Quick start
- Brand sync workflow
- Subcommands
- References
- Scripts
Como instalar
UI-UX Pro Max · Brand
-
Clone o repositório.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Aponte o Codex para o arquivo da skill.
cli/assets/skills/brand/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Edite docs/brand-guidelines.md e depois rode scripts/sync-brand-to-tokens.cjs.
-
Verifique com scripts/inject-brand-context.cjs --json.
-
Confira qualquer arquivo novo com scripts/validate-asset.cjs antes de entregá-lo.
Todo plugin aqui é gratuito, open source e leva até a sua fonte original.
Mais na lista codex-design ↗Mais plugins de design para o Codex
Frontend & UI O que ele faz gpt-taste Cria landing pages estilo premiado com movimento de scroll em GSAP e grids bento sem falhas. 
Design Systems O que ele faz Stitch Design Taste Escreve um DESIGN.md que guia o Google Stitch para telas que fogem do genérico. 
Frontend & UI O que ele faz image-to-code Gera imagens de design primeiro, analisa cada uma e só depois constrói o código de frontend correspondente. 
Frontend & UI O que ele faz imagegen-frontend-mobile Gera fluxos de telas de app mobile em nível premium, como imagens, não como código. Próximo passo
Projete com o Open Design, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do Codex com o Open Design. Use sua própria chave e seja dono do resultado.