Frontend & UI
UI-UX Pro Max · Slides
Constrói decks de apresentação em HTML com Chart.js e padrões de layout.
O que é
Uma pequena skill de roteamento para apresentações estratégicas em HTML. Ela interpreta um subcomando e depois carrega arquivos de referência que cobrem padrões de layout, um template HTML, fórmulas de copywriting e estratégias de slide.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Por que isso importa para design
- Os slides são HTML, então tipografia e espaçamento seguem design tokens de verdade.
- O Chart.js cuida dos slides de dados, então os números ficam vivos em vez de imagens coladas.
- Os padrões de layout são escolhidos de um conjunto, mantendo o deck visualmente consistente.
O que cobre
- When to use
- Subcommands
- References
- Routing
Como instalar
UI-UX Pro Max · Slides
-
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/slides/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Chame-a com o subcomando create mais um tema e a quantidade de slides.
-
Ela carrega references/create.md e segue esse fluxo de criação.
-
Ela puxa padrões de layout e fórmulas de copywriting dos arquivos de referência.
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.