SKILL06Frontend
Auditoria de Frontend Pixel-Perfect
Compara interfaces implementadas com referências visuais por meio de uma revisão no mesmo viewport e orientada por severidade.
Principal benefício
Produz achados acionáveis que direcionam a equipe primeiro às regressões visuais mais relevantes.Quando usar
Use ao revisar um frontend implementado em relação ao Figma, a capturas de tela, a uma referência publicada ou a critérios explícitos de aceite visual, quando for necessário identificar e priorizar regressões visuais concretas.
Quando não usar
Não use para perseguir diferenças subpixel antes de resolver incompatibilidades estruturais ou quando fidelidade não for um critério de aceite.
Casos de uso
Priorizar regressões visuais em relação a uma referência do Figma
Auditar layouts desktop e mobile de forma independente
Prompts de exemplo
Use auditing-pixel-perfect-frontend para revisar esta implementação em relação à referência fornecida e classificar cada diferença por severidade.Instalar esta skill
Escolha o comando do seu sistema operacional e execute na raiz do repositório.
Bash
./install.sh --skill auditing-pixel-perfect-frontendPowerShell
./install.ps1 --skill auditing-pixel-perfect-frontendChatGPT
Baixar ZIP da skillCompatibilidade
- Ambientes
- ChatGPT · Codex · Claude Code
- Sistemas operacionais
- Linux · macOS · Windows
- Modos de instalação
- PluginSistema de arquivos
Dependências
Sem dependências externas
Parte de sistemas
Sistemas curados que incluem canonicamente este método.