Pautas de Interfaz Web
Revisa archivos para cumplir con las Pautas de Interfaz Web.
Cómo funciona
- Obtén las últimas pautas desde la URL de origen que aparece a continuación
- Lee los archivos especificados (o pide al usuario que proporcione archivos/patrón)
- Comprueba todas las reglas de las pautas obtenidas
- Muestra los hallazgos en el formato conciso
archivo:línea
Origen de las pautas
Obtén las pautas actualizadas antes de cada revisión:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Usa WebFetch para recuperar las últimas reglas. 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 pautas desde la URL de origen anterior
- Lee los archivos especificados
- Aplica todas las reglas de las pautas obtenidas
- Muestra los hallazgos usando el formato especificado en las pautas
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 buenas 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 → Aborda los hallazgos de la auditoría