O que ui-ux-audit-skill faz?
Audite o código de UI web e mobile com IA para detectar falhas de layout, erros de responsividade e desvios do design system antes da implantação.
Visão Geral
Esta skill automatiza a auditoria de interfaces de usuário (UI) em projetos web e mobile usando inteligência artificial. Ela escaneia o código-fonte para encontrar problemas que poderiam passar despercebidos em revisões manuais, ajudando a manter a qualidade visual e a consistência do design.
Funcionalidades
- Detecção de falhas de layout: Identifica quebras de alinhamento, sobreposição de elementos, vazamento de conteúdo e outros defeitos visuais.
- Verificação de responsividade: Testa o comportamento da UI em diferentes tamanhos de tela e resoluções.
- Análise de design system: Compara o código com variáveis de estilo definidas (cores, espaçamentos, tipografia) para detectar inconsistências.
Plataformas Suportadas
- Claude Code
- Cursor
- Codex
Como Usar
- Adicione esta skill ao seu projeto.
- Execute o comando de auditoria (por exemplo,
ui-ux-audit). - Revise os problemas detectados e aplique as correções sugeridas.
Exemplo de Saída
[UI-UX AUDIT] Analisando layout...
- Problema 1: Sobreposição de div no componente Header.
- Problema 2: Cor do botão inconsistente com o design system (esperado: #1a73e8, encontrado: #1a73e9).
- Problema 3: Texto cortado em viewport de 375px.
Integração Contínua
Você pode integrar esta skill ao seu pipeline de CI/CD para executar auditorias automaticamente antes de cada deploy.
Skill mantida por Xza2792.