Tailwind CSS

Fluxo

1. Confirmar versão, integração, fonte de tokens e componentes existentes.
2. Traduzir layout e estados em constraints responsivas.
3. Reutilizar tokens semânticos antes de valores arbitrários.
4. Implementar mobile-first, estados interativos e preferências do usuário.
5. Extrair componente quando houver unidade semântica, não só repetição visual.
6. Revisar conflitos, classes dinâmicas e CSS gerado.
7. Validar navegadores, temas, zoom e tamanhos extremos.

Padrões