Pautas de Interfaz Web
💡 Herramienta MCP Disponible: Usa Context7, Tavily, BraveSearch o Serper.dev primero; solo si fallan, usa WebSearch o WebFetch según sea necesario.
Revisa archivos para verificar el cumplimiento de las Pautas de Interfaz Web.
Cómo Funciona
- Usa Context7, Tavily, BraveSearch o Serper.dev para cargar las últimas Pautas de Interfaz Web cuando sea necesario; solo si fallan, usa WebSearch o WebFetch según sea necesario.
- Lee los archivos especificados (o solicita al usuario que proporcione archivos/patrones)
- Verifica todas las reglas de las pautas
- Muestra los hallazgos en el formato conciso
archivo:línea
Fuente de las Pautas
Usa Context7, Tavily, BraveSearch o Serper.dev para consultar la documentación de las Pautas de Interfaz Web; solo si fallan, usa WebSearch o WebFetch según sea necesario. Las pautas contienen todas las reglas e instrucciones de formato de salida.
Uso
Cuando un usuario proporciona un argumento de archivo o patrón:
- Usa Context7, Tavily, BraveSearch o Serper.dev (o documentación en el IDE) para cargar las pautas relevantes; solo si fallan, usa WebSearch o WebFetch según sea necesario
- Lee los archivos especificados
- Aplica todas las reglas de las pautas
- Muestra los hallazgos usando el formato especificado en las pautas
Si no se especifican archivos, pregunta al usuario qué archivos revisar.
Skills Relacionadas
| Skill | Cuándo Usar |
|---|---|
| frontend-design | Antes de codificar - Aprende principios de diseño (color, tipografía, psicología UX) |
| web-design-guidelines (esta) | Después de codificar - Audita accesibilidad, rendimiento y mejores prácticas |
Flujo de Trabajo de Diseño
1. DISEÑO → Lee los principios de frontend-design
2. CÓDIGO → Implementa el diseño
3. AUDITA → Ejecuta web-design-guidelines review ← ESTÁS AQUÍ
4. CORRIGE → Aborda los hallazgos de la auditoría