normalize

Visão Geral

O que é a skill normalize?

A skill normalize foi criada para auditar e realinhar componentes da interface do usuário (UI) para que estejam em conformidade com os padrões do seu sistema de design, incluindo espaçamentos, tokens e padrões visuais. É ideal para equipes e designers que desejam manter a consistência da UI, corrigir desvios de design ou ajustar estilos incompatíveis em seus projetos frontend.

Quem deve usar a normalize?

Esta skill é indicada para desenvolvedores frontend, designers UI/UX e qualquer pessoa responsável por manter a integridade do sistema de design. Se você percebe inconsistências, tokens desatualizados ou elementos que não correspondem mais ao seu sistema de design, o normalize oferece um fluxo de trabalho estruturado para alinhar sua UI.

Problemas que resolve

• Detecta e corrige desvios dos padrões do sistema de design
• Ajuda a resolver desvios de design e elementos de UI incompatíveis
• Garante o uso consistente de tokens, espaçamentos e padrões
• Fornece um processo repetível para normalização da UI

Como Usar

Passos para Instalação

1. Instale a skill com o seguinte comando:

   npx skills add https://github.com/pbakaus/impeccable --skill normalize

2. Comece revisando o arquivo SKILL.md para seguir o fluxo de trabalho detalhado de normalização. Este arquivo descreve as fases de preparação, planejamento, execução e finalização.

3. Para mais contexto, consulte arquivos relacionados como README.md, AGENTS.md, metadata.json e pastas como rules/, resources/ ou references/.

Visão Geral do Fluxo de Trabalho

• Preparação Obrigatória: Antes de fazer alterações, invoque /frontend-design para coletar princípios e contexto de design. Se não houver contexto de design, execute /teach-impeccable primeiro.
• Planejamento: Estude a documentação do seu sistema de design e analise a funcionalidade atual para identificar desvios.
• Execução: Aplique as mudanças para realinhar a UI com os padrões do sistema de design, focando em tokens, espaçamentos e padrões.
• Finalização: Revise e documente as alterações para garantir consistência contínua.

Quando usar a normalize

• Ao identificar inconsistências ou desvios na UI
• Após atualizações significativas no sistema de design
• Durante auditorias de UI ou antes do lançamento de funcionalidades

Perguntas Frequentes

O que a normalize realmente faz?

A skill normalize audita sua UI e oferece um método estruturado para realinhar os componentes com seu sistema de design, focando em tokens, espaçamentos e consistência visual.

Preciso de um sistema de design para usar a normalize?

Sim, o normalize funciona melhor quando você já possui um sistema de design estabelecido. Caso não tenha, a skill recomenda executar /teach-impeccable para criar um contexto de design básico primeiro.

Por onde começo?

Comece pelo arquivo SKILL.md para seguir o fluxo de trabalho detalhado. Use a aba Files para explorar scripts e referências de suporte.

Esta skill é adequada para normalização de backend ou lógica de código?

Não, o normalize é focado em design de UI e consistência frontend. Não é indicado para normalização de backend ou código não visual.

Posso adaptar o fluxo de trabalho para minhas próprias ferramentas?

Sim, o processo de normalização é flexível e pode ser ajustado ao seu repositório, sistema de design e práticas da equipe.