O que visual-taste-lab faz?
Habilidade de design de linguagem visual (VI-first) para UI/UX, para Codex e Claude Code｜Faça a IA fazer uma auditoria de identidade visual antes de escrever a página.
Visão Geral
Esta habilidade orienta o agente de IA a realizar uma auditoria de identidade visual antes de gerar qualquer código de página. Ela prioriza a consistência visual, analisando cores, tipografia, ícones e estilo de componentes para garantir que o resultado final esteja alinhado com a linguagem de design desejada.
Como Usar
- Adicione a habilidade ao seu projeto ou contexto.
- Execute a auditoria visual: O agente analisará a identidade visual existente ou solicitada.
- Gere a página: Após a auditoria, a IA escreverá o código da página respeitando a linguagem visual definida.
Plataformas Suportadas
- Codex (OpenAI)
- Claude Code (Anthropic)
Comportamento da Habilidade
- Primeiro: Auditar a identidade visual (cores, tipografia, ícones, estilos).
- Depois: Gerar o código da página com base na auditoria.
- Evitar: Gerar código sem análise visual prévia.
Exemplo de Auditoria Visual
Análise de Identidade Visual:
- Paleta de Cores: [primária, secundária, etc.]
- Tipografia: [fontes, tamanhos, pesos]
- Ícones: [estilo, tamanho]
- Componentes: [botões, cartões, inputs]
Notas
- Mantenha a habilidade ativa durante todo o fluxo de design.
- Forneça referências visuais ou guias de estilo se disponíveis.
- A habilidade funciona melhor com projetos que já possuem uma identidade visual definida.