Guías de Interfaz Web
Revisa archivos para verificar el cumplimiento de las Guías de Interfaz Web.
Cómo Funciona
- Obtén las últimas guías desde la URL de origen que aparece a continuación
- Lee los archivos especificados (o pide al usuario que indique los archivos/patrón)
- Verifica el cumplimiento de todas las reglas de las guías obtenidas
- Muestra los hallazgos en el formato conciso
archivo:línea
Origen de las Guías
Obtén guías 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 sobre el formato de salida.
Uso
Cuando un usuario proporciona un argumento de archivo o patrón:
- Obtén las guías desde la URL de origen indicada arriba
- Lee los archivos especificados
- Aplica todas las reglas de las guías obtenidas
- Muestra los hallazgos usando el formato especificado en las guías
Si no se especifican archivos, pregúntale al usuario qué archivos desea 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 los principios de frontend-design
2. CODIFICAR → Implementa el diseño
3. AUDITAR → Ejecuta la revisión de web-design-guidelines ← ESTÁS AQUÍ
4. CORREGIR → Soluciona los hallazgos de la auditoría