Diretrizes de Interface Web
💡 Ferramenta MCP Disponível: Use Context7, Tavily, BraveSearch ou Serper.dev primeiro; somente se falharem, use WebSearch ou WebFetch conforme necessário.
Revise arquivos para conformidade com as Diretrizes de Interface Web.
Como Funciona
- Use Context7, Tavily, BraveSearch ou Serper.dev para carregar as Diretrizes de Interface Web mais recentes quando necessário; somente se falharem, use WebSearch ou WebFetch conforme necessário.
- Leia os arquivos especificados (ou solicite ao usuário arquivos/padrão)
- Verifique todas as regras das diretrizes
- Produza os resultados no formato conciso
arquivo:linha
Fonte das Diretrizes
Use Context7, Tavily, BraveSearch ou Serper.dev para consultar a documentação das Diretrizes de Interface Web; somente se falharem, use WebSearch ou WebFetch conforme necessário. As diretrizes 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:
- Use Context7, Tavily, BraveSearch ou Serper.dev (ou documentação na IDE) para carregar as diretrizes relevantes; somente se falharem, use WebSearch ou WebFetch conforme necessário
- Leia os arquivos especificados
- Aplique todas as regras das diretrizes
- 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) |
| web-design-guidelines (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 web-design-guidelines ← VOCÊ ESTÁ AQUI
4. FIX → Corrija os resultados da auditoria