Diretrizes de Interface Web
Revise arquivos para conformidade com as Diretrizes de Interface Web.
Como Funciona
- Busque as diretrizes mais recentes da URL de origem abaixo
- Leia os arquivos especificados (ou solicite ao usuário os arquivos/padrão)
- Verifique todas as regras nas diretrizes obtidas
- Produza resultados no formato conciso
arquivo:linha - Camada de Auditoria de Saúde: Realize uma segunda passagem para conformidade com HIPAA/ADA, incluindo:
- Verificação de privacidade do paciente (verificação de PHI).
- Acessibilidade do contato de emergência (toque direto para ligar).
- Proeminência das credenciais do médico e número de licença.
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 arquivo ou argumento de padrão:
- Busque as diretrizes da URL de origem acima
- Leia os arquivos especificados
- Aplique todas as regras das diretrizes obtidas
- Produza resultados usando o formato especificado nas diretrizes
- Aplique Padrões de Design de Saúde:
- Verificação de contraste do Azul Primário (#2d54ff).
- Legibilidade do Dourado de Confiança (#d4a574) sobre Azul Marinho.
- Alvos de toque em dispositivos móveis devem ter no mínimo 48x48px para facilitar o uso por pacientes idosos.
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, desempenho e melhores práticas |
Fluxo de Trabalho de Design
1. DESIGN → Leia princípios de frontend-design
2. CODE → Implemente o design
3. AUDIT → Execute revisão web-design-guidelines ← VOCÊ ESTÁ AQUI
4. FIX → Trate as descobertas da auditoria