SeConectai_Web/Conhecimento/skills/tailwind.md

Skill — Tailwind CSS

Use somente quando Tailwind já fizer parte do projeto ou houver decisão explícita de adotá-lo.

Regras

• reutilizar tokens/configuração do projeto;
• evitar classes arbitrárias repetidas;
• extrair componente quando sequência extensa representa padrão reutilizável;
• não substituir toda folha CSS existente sem necessidade;
• usar cn/merge de classes conforme convenção existente;
• respeitar variantes e dark mode existentes.

Evitar

• dezenas de valores [13px], [17px], [#123456] sem sistema;
• ! modifiers para vencer conflitos mal compreendidos;
• copiar blocos enormes de classes em várias telas.