Frontend & UI O que ele faz gpt-taste Cria landing pages estilo premiado com movimento de scroll em GSAP e grids bento sem falhas. Coleção curada
Os plugins de design que fazem o Codex entregar UI de verdade
O OpenAI Codex escreve código que funciona. Sozinho, ele cai nas fontes de sempre, no espaçamento mediano e no Helvetica centralizado. Estes são os plugins que dão bom gosto a ele: skills de estética e regras de design system. Instale um ou rode todos dentro do Open Design.
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. 
Frontend & UI O que ele faz imagegen-frontend-web Gera uma imagem de referência horizontal para cada seção da landing page. 
Frontend & UI O que ele faz minimalist-ui Cria interfaces editoriais monocromáticas e quentes, com grids bento planos. 
Frontend & UI O que ele faz design-taste-frontend Lê o briefing, escolhe uma direção e entrega interfaces que fogem do template. 
Design Systems O que ele faz industrial-brutalist-ui Cria interfaces rígidas de impressão suíça ou terminal CRT, com granulação analógica. 
Frontend & UI O que ele faz redesign-existing-projects Audita um site existente e o atualiza sem quebrar funcionalidade. 
Design Systems O que ele faz brandkit Gera painéis de guideline de marca, sistemas de logo e decks de identidade como imagens. 
Frontend & UI O que ele faz high-end-visual-design Bloqueia os padrões genéricos de IA e impõe layout e movimento de agência. 
Frontend & UI O que ele faz pick-ui-library Associa uma tarefa de frontend a uma única escolha de biblioteca, curada e com opinião. 
Frontend & UI O que ele faz apple-design Os princípios de interface fluida da Apple traduzidos em springs e gestos na web. 
Frontend & UI O que ele faz animation-vocabulary Transforma uma descrição vaga de movimento no seu termo técnico exato. 
Frontend & UI O que ele faz emil-design-eng As regras de Emil Kowalski para timing de animação, easing e acabamento de componentes. 
Design Systems O que ele faz UI-UX Pro Max · Design Um único ponto de entrada que roteia trabalho de logo, identidade, slides, banner e ícone. 
Frontend & UI O que ele faz UI-UX Pro Max · Banner Design Projeta banners no tamanho certo em HTML e depois os exporta como PNGs. 
Frontend & UI O que ele faz UI-UX Pro Max · UI Styling Constrói interfaces acessíveis com componentes shadcn e utilitários Tailwind. 
Design Systems O que ele faz UI-UX Pro Max · Brand Mantém guidelines de marca, design tokens e assets em sincronia. 
Frontend & UI O que ele faz UI-UX Pro Max · Slides Constrói decks de apresentação em HTML com Chart.js e padrões de layout. 
Design Systems O que ele faz UI-UX Pro Max · Design System Design tokens em três camadas, specs de componente e geração de slides fiel aos tokens. 
Frontend & UI O que ele faz design-skills · Editorial Layout de revista em serifa Gelasio sobre um grid rígido de 8pt. 
Frontend & UI O que ele faz design-skills · Terracotta Destaque terracota sobre creme, títulos em DM Serif Display, leitura longa. 
Frontend & UI O que ele faz design-skills · Dithered Sombreamento em padrão de pontos e paleta limitada para telas retrô de alto contraste. 
Frontend & UI O que ele faz design-skills · Neumorphism Superfícies extrudadas suaves em cinza-pedra com tipografia Space Mono. 
Frontend & UI O que ele faz design-skills · Bento Grid de blocos variados sobre creme, tipografia Inter, escala compacta. 
Frontend & UI O que ele faz design-skills · Claymorphism Formas 3D roliças e arredondadas, títulos em Poppins, azul sobre branco. 
Frontend & UI O que ele faz design-skills · Brutalism Layouts inspirados em concreto bruto, display Darker Grotesque, vermelho e ocre. 
Frontend & UI O que ele faz Hallmark Fluxo de design anti-genérico com 58 portões e variedade estrutural obrigatória. 
Frontend & UI O que ele faz Impeccable Duas dúzias de comandos para construir, criticar e refinar interfaces de frontend. 
Design Systems O que ele faz Design DNA Extrai um design de referência para JSON estruturado e depois gera a partir dele. 
Design Systems O que ele faz Material 3 Implementa o Material Design 3 do Google em Compose, Flutter e web. 
Frontend & UI O que ele faz Details that make interfaces feel better Dezesseis regras concretas de acabamento de UI com uma checklist de revisão. 
Frontend & UI O que ele faz Agent-Native Plans Transforma planos em texto em documentos revisáveis, com wireframes e protótipos. 
Design Systems O que ele faz Kami Compõe currículos, white papers, decks e landing pages sobre uma única linguagem de design. 
Frontend & UI O que ele faz Border Gradients Adiciona uma borda em gradiente refinada a cards, modais e superfícies de hero. 
Frontend & UI O que ele faz Masked Reveal Revela títulos palavra por palavra através de uma máscara de overflow no scroll. 
Frontend & UI O que ele faz Framed Grid Layout Constrói layouts editoriais precisos com molduras finas e cantoneiras. 
Frontend & UI O que ele faz Container Lines Desenha linhas-guia verticais discretas nas bordas do seu container de conteúdo. 
Frontend & UI O que ele faz Skeuomorphic UI Dá profundidade tátil a botões e painéis com gradientes e sombras em camadas. 
Design Systems O que ele faz Beautiful Shadows Três utilitários de sombra prontos em Tailwind para elevação neutra em camadas. 
Frontend & UI O que ele faz Dither Background Fundo em canvas com dithering Bayer 4x4 visível e pixels quadrados. 
Frontend & UI O que ele faz WebGL Laser Feixe em shader de tela cheia, com núcleo incandescente e névoa na cor da marca. 
Design Systems O que ele faz Mesh Gradient Dark Blue Clean Sistema navy quase preto com um campo mesh dentro de uma casca de hero. 
Frontend & UI O que ele faz Cinematic Scroll Storytelling Receitas de Lenis com GSAP ScrollTrigger para landing pages guiadas pelo scroll. 
Design Systems O que ele faz Agency Grid Layout Minimal Grid editorial de várias colunas com títulos enormes e rótulos minúsculos em caixa alta. 
Design Systems O que ele faz Glass Dark Mode Clock Superfícies escuras foscas construídas em torno de um mostrador circular de calibração. 
Frontend & UI O que ele faz WebGL 3D Object Um mesh de hero iluminado em Three.js com material PBR e sombras reais. 
Frontend & UI O que ele faz GSAP Skills Conjunto oficial de animação GSAP, dos tweens do core ao ScrollTrigger e React. 
Frontend & UI O que ele faz Animation Review Encontra, melhora e revisa movimento com um padrão de ofício sênior. Próximo passo
Pule a configuração. Projete com o Codex dentro do Open Design
O Open Design é o workspace de design open source e agent-native que roda em volta do Codex. Ele mantém seus sistemas, skills e templates consistentes, então o agente entrega um trabalho que é seu.