[!IMPORTANTE] Contexto de IA y Herencia de Conocimiento
- Subsistema: Registro de Habilidades del Agente / guías-de-interfaz-web
- Arquitectura:
@docs ARQUITECTURA:Documentación- Ruta de Falla: Deriva de información, terminología obsoleta o desajuste de documentación.
- Observabilidad: Trazabilidad mediante
execution/parity_guard.py([SKILL])
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 a continuación
- Lee los archivos especificados (o solicita al usuario que proporcione archivos/patrón)
- Verifica contra todas las reglas de las guías obtenidas
- Muestra los resultados en el formato conciso
archivo:línea
Fuente de las Guías
Obtén guías frescas 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 proporcione un archivo o un argumento de patrón:
- Obtén las guías desde la URL de origen anterior
- Lee los archivos especificados
- Aplica todas las reglas de las guías obtenidas
- Muestra los resultados utilizando el formato especificado en las guías
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) |
| guías-de-interfaz-web (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 diseño frontend
2. CODIFICAR → Implementa el diseño
3. AUDITAR → Ejecuta la revisión de guías-de-interfaz-web ← ESTÁS AQUÍ
4. CORREGIR → Aborda los hallazgos de la auditoría