Pautas de Interfaz Web
Regla de Lectura Selectiva
Comienza con:
references/senior-master-standard.mdreferences/usage-routing.mdreferences/quality-checklist.md
Luego carga solo los documentos, scripts, activos o ejemplos heredados que coincidan con la tarea real del usuario.
Revisa los archivos para verificar el cumplimiento de las Pautas de Interfaz Web.
Cómo Funciona
- Obtén las pautas más recientes desde la URL de origen a continuación
- Lee los archivos especificados (o solicita al usuario los archivos/patrón)
- Verifica contra todas las reglas de las pautas obtenidas
- Muestra los hallazgos en el formato conciso
archivo:línea
Fuente de las Pautas
Obtén pautas nuevas 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 archivo o patrón como argumento:
- 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 utilizando 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 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 ← TÚ ESTÁS AQUÍ
4. CORREGIR → Aborda los hallazgos de la auditoría