[!IMPORTANT] Contexto de IA e Herança de Conhecimento
- Subsistema: Registro de Skills do Agente / diretrizes-de-interface-web
- Arquitetura:
@docs ARCHITECTURE:Documentation- Caminho de Falha: Deriva de informação, terminologia legada ou incompatibilidade de documentação.
- Observabilidade: Rastreabilidade via
execution/parity_guard.py([SKILL])
Diretrizes de Interface Web
Revise arquivos em busca de conformidade com as Diretrizes de Interface Web.
Como Funciona
- Busque as diretrizes mais recentes da URL de origem abaixo
- Leia os arquivos especificados (ou pergunte ao usuário quais arquivos/padrão)
- Verifique todas as regras nas diretrizes obtidas
- Produza os resultados no formato sucinto
arquivo:linha
Fonte das Diretrizes
Busque diretrizes atualizadas antes de cada revisão:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use WebFetch para recuperar as regras mais recentes. O conteúdo obtido contém todas as regras e instruções de formato de saída.
Uso
Quando um usuário fornecer um argumento de arquivo ou padrão:
- Busque as diretrizes da URL de origem acima
- Leia os arquivos especificados
- Aplique todas as regras das diretrizes obtidas
- Produza os resultados usando o formato especificado nas diretrizes
Se nenhum arquivo for especificado, pergunte ao usuário quais arquivos revisar.
Skills Relacionadas
| Skill | Quando Usar |
|---|---|
| frontend-design | Antes de codificar - Aprenda princípios de design (cor, tipografia, psicologia UX) |
| diretrizes-de-interface-web (esta) | Após codificar - Audite acessibilidade, performance e melhores práticas |
Fluxo de Trabalho de Design
1. DESIGN → Leia os princípios de frontend-design
2. CODE → Implemente o design
3. AUDIT → Execute a revisão de diretrizes-de-interface-web ← VOCÊ ESTÁ AQUI
4. FIX → Corrija os resultados da auditoria