¿Qué hace Directrices de Interfaz Web?
Revisa archivos para verificar el cumplimiento de las Directrices de Interfaz Web.
Cómo Funciona
- Obtén las últimas directrices desde la URL de origen a continuación
- Lee los archivos especificados (o solicita al usuario archivos/patrón)
- Verifica contra todas las reglas de las directrices obtenidas
- Muestra los hallazgos en el formato conciso
archivo:línea
Origen de las Directrices
Obtén directrices actualizadas antes de cada revisión:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Usa WebFetch para recuperar las reglas más recientes. El contenido obtenido contiene todas las reglas e instrucciones de formato de salida.
Uso
Cuando un usuario proporciona un argumento de archivo o patrón:
- Obtén las directrices desde la URL de origen anterior
- Lee los archivos especificados
- Aplica todas las reglas de las directrices obtenidas
- Muestra los hallazgos usando el formato especificado en las directrices
Si no se especifican archivos, pregunta al usuario qué archivos revisar.
Habilidades Relacionadas
| Habilidad | Cuándo Usarla |
|---|---|
| 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ÑAR → Lee principios de frontend-design
2. CODIFICAR → Implementa el diseño
3. AUDITAR → Ejecuta revisión de web-design-guidelines ← ESTÁS AQUÍ
4. CORREGIR → Aborda los hallazgos de la auditoría