Frontend & UI
high-end-visual-design
Bloqueia os padrões genéricos de IA e impõe layout e movimento de agência.
O que é
Uma skill diretiva que proíbe os padrões de design de IA mais comuns e obriga o agente a escolher um arquétipo de clima e um arquétipo de layout antes de escrever qualquer código de UI.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Por que isso importa para design
- Inter, Roboto e ícones grossos do Lucide são proibidos, então a saída deixa de parecer template.
- Os cards ganham casca externa e núcleo interno aninhados, dando profundidade usinada de verdade aos containers.
- O padding de seção começa em py-24, então os layouts respiram em vez de se amontoar.
O que cobre
- Absolute zero directive
- Creative variance engine
- Haptic micro-aesthetics
- Motion choreography
- Performance guardrails
- Pre-output checklist
Como instalar
high-end-visual-design
-
Clone o repositório.
git clone https://github.com/Leonxlnx/taste-skill -
Aponte o Codex para o arquivo da skill.
skills/soft-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 ao Codex; primeiro ele roda o motor de variação em silêncio.
-
Ele estrutura a textura de fundo e a escala tipográfica, depois monta containers de moldura dupla.
-
Ele injeta movimento com cubic-bezier customizado e depois roda a checklist de pré-entrega.
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.