Frontend & UI
minimalist-ui
Cria interfaces editoriais monocromáticas e quentes, com grids bento planos.
O que é
Um protocolo de frontend para interfaces minimalistas com cara de documento. Ele fixa uma paleta monocromática quente, hierarquia tipográfica em serifa e mono, cards bento com borda de 1px e destaques em pastel suave.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Por que isso importa para design
- Todo card e divisor usa uma única borda cinza-claro de 1px com raio nítido.
- Os destaques vêm só de quatro pastéis lavados, reservados para tags e código inline.
- As seções ganham profundidade com imagens de baixa opacidade, não com fundos vazios e planos.
O que cobre
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
Como instalar
minimalist-ui
-
Clone o repositório.
git clone https://github.com/Leonxlnx/taste-skill -
Aponte o Codex para o arquivo da skill.
skills/minimalist-skill/SKILL.md -
Depois descreva a UI que você quer. O Codex segue a skill.
Como rodar com o Codex
-
Peça uma página; a skill estabelece primeiro o macro-espaço em branco, py-24 ou py-32.
-
Ela limita a largura do texto a max-w-4xl e aplica as variáveis monocromáticas de imediato.
-
As entradas com fade no scroll rodam via IntersectionObserver, só em transform e opacity.
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.