normalize

Visão Geral

O que é a skill normalize?

A skill normalize é uma ferramenta de design de UI que audita e realinha elementos da interface do usuário para que estejam em conformidade com os padrões do seu sistema de design, incluindo espaçamentos, tokens e padrões estabelecidos. É ideal para equipes e indivíduos que precisam corrigir desvios de design, estilos incompatíveis ou alinhar funcionalidades às diretrizes do sistema.

Quem deve usar a normalize?

A normalize é indicada para designers, desenvolvedores frontend e equipes de produto que mantêm um sistema de design ou buscam uma interface consistente. Use-a quando notar inconsistências, quiser corrigir desvios de design ou garantir que novas funcionalidades sigam seu sistema de design.

Quais problemas a normalize resolve?

• Identifica e corrige desvios dos padrões do sistema de design
• Realinha componentes de UI com tokens, espaçamentos e padrões
• Ajuda a manter a consistência visual e de interação em todo o produto

Como Usar

Passos para Instalação

1. Instale a normalize usando:
   npx skills add https://github.com/pbakaus/impeccable --skill normalize
2. Consulte o arquivo SKILL.md para instruções detalhadas do fluxo de trabalho e contexto.
3. Explore arquivos de suporte como README.md, AGENTS.md e metadata.json para orientações adicionais.

Visão Geral do Fluxo de Trabalho

• Comece invocando /frontend-design para coletar contexto e princípios de design.
• Se não houver contexto de design, execute /teach-impeccable para estabelecer padrões básicos.
• Estude a documentação do seu sistema de design, diretrizes de UI e bibliotecas de componentes.
• Analise a funcionalidade em busca de inconsistências e crie um plano de normalização.
• Execute o plano, ajustando a UI para alinhar com tokens e padrões de design.
• Faça a limpeza e documente as alterações para referência futura.

Quando a normalize é indicada?

• Quando precisar auditar a UI para garantir consistência
• Quando funcionalidades se afastaram dos padrões do sistema de design
• Ao integrar novos membros à equipe nas práticas do sistema de design

Quando a normalize não é recomendada?

• Se você não possui um sistema de design ou diretrizes de UI
• Para tarefas puramente backend ou não visuais

Perguntas Frequentes

Onde encontro os arquivos de suporte?

Abra a aba Files no repositório para visualizar SKILL.md e outros arquivos relevantes, incluindo referências e scripts auxiliares.

A normalize exige um sistema de design?

Sim, a normalize funciona melhor quando você tem um sistema de design ou diretrizes de UI estabelecidos. Caso contrário, use /teach-impeccable para criar um antes de prosseguir.

A normalize corrige problemas funcionais?

A normalize foca na consistência visual e de design. Problemas funcionais devem ser tratados separadamente, mas a normalização pode destacar áreas onde design e funcionalidade se cruzam.

Como adaptar a normalize ao meu fluxo de trabalho?

Siga as orientações do SKILL.md e arquivos de suporte, mas ajuste o processo conforme seu repositório, ferramentas e necessidades da equipe. Evite copiar fluxos de trabalho literalmente; use-os como base para suas próprias auditorias de design de UI.