Web Design Guidelines

Name: Web Design Guidelines
Author: vercel-labs

Revisa código de UI según las Web Interface Guidelines. Úsalo al pedir 'review my UI', 'check accessibility', 'audit design', 'review UX' o 'check my site against best practices'.

Oficial

Estrellas: 31.4k
Actividad: 22
Actualizado: hace 8 meses
Commits: 0
Contexto: 308 tok
Paquete: 1 archivo

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add vercel-labs/agent-skills --skill web-design-guidelines --agent claude-code

Se instala solo en este repositorio.

Este skill makes network requests.

Qué hace

Obtiene las Web Interface Guidelines más recientes desde una URL remota antes de cada revisión
Lee los archivos indicados o el patrón proporcionado por el usuario
Comprueba el código frente a todas las reglas obtenidas
Muestra los hallazgos en formato conciso file:line

Úsalo cuando

El usuario pide 'review my UI'
El usuario pide 'check accessibility'
El usuario pide 'audit design' o 'review UX'
El usuario pide 'check my site against best practices'

No lo uses cuando

Qué lo activa

Di cualquiera de estas frases y el agente debería cargar este skill.

“Revisa mi UI según las guías de interfaz web”
“Comprueba la accesibilidad de este componente”
“Audita el diseño de esta página”
“Revisa mi UX y dime qué falta”

Archivos

1 archivo en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

SKILL.md1 KB

Antes de instalar

Requiere WebFetch para obtener las guías actualizadas desde la URL fuente antes de cada revisión.

Detalles

Creador: vercel-labs
Categoría: Diseño y UI
Licencia: No especificada
Recursos incluidos: Solo SKILL.md
Repositorio: vercel-labs/agent-skills
Código fuente: Ver SKILL.md