Design Systems
UI-UX Pro Max · Design
Um único ponto de entrada que roteia trabalho de logo, identidade, slides, banner e ícone.
O que é
Uma skill de design unificada que roteia tarefas para sub-skills ou módulos internos. Os módulos internos cobrem geração de logo, mockups de identidade corporativa, slides em HTML, banners, fotos sociais e ícones em SVG via scripts do Gemini.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
Por que isso importa para design
- Logo, mockups de identidade e deck saem todos de uma única entrada de marca.
- Os ícones são gerados como texto SVG, então continuam editáveis, não raster.
- As regras de banner impõem zonas seguras, no máximo duas fontes e um único CTA.
O que cobre
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
Como instalar
UI-UX Pro Max · Design
-
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/design/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Exporte a GEMINI_API_KEY e instale google-genai e pillow primeiro.
-
Rode scripts/logo/search.py para um briefing de design e depois generate.py para as imagens.
-
Alimente o logo em scripts/cip/generate.py para produzir os mockups entregáveis.
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.