frontend-ux-tailwind

name	frontend-ux-tailwind
description	Use this skill when improving UX/UI in React frontend using Tailwind CSS, focusing on clear navigation, operational dashboards, and accessible emergency workflows.

Frontend UX Tailwind

Quando usar

• Pedidos para melhorar UX/UI.
• Necessidade de design consistente em páginas operacionais.
• Refatorar telas com foco em rapidez de ação.

Workflow

1. Mapear jornada principal (ex.: abrir ocorrência, acionar equipe, concluir).
2. Criar shell com navegação clara (dashboard, mapa, boletins).
3. Implementar componentes com Tailwind utilitário e semântica visual de risco.
4. Validar acessibilidade visual (contraste, estados e hierarquia).
5. Executar npm run lint e npm run build.