Saltar al contenido
Gabriel Neuman
Gabriel Neuman

AUDITORÍA · UI Y ACCESIBILIDAD

vercel-labs/agent-skillsEn producción aquí

Audita tu interfaz contra las Web Interface Guidelines y te devuelve los hallazgos en formato archivo:línea.

Revisar accesibilidad a mano no escala: nadie va a leer 40 componentes buscando un contraste malo. Este skill lo hace en una pasada y te devuelve una lista de archivo:línea que puedes arreglar sin abrir el navegador.

Skill
web-design-guidelines
Estrellas del repo
31k★
Lenguaje
JavaScript
Revisado
16 sep 2026

Instalar

npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
CompartirXLinkedIn

Lo que ofrece

De un vistazo, qué te llevas si lo instalas.

  • Baja las reglas frescas

    Trae la guía actualizada antes de cada revisión, no una copia congelada que envejece en tu disco.

  • Output archivo:línea

    Terso a propósito. Se lo pasas al agente y lo arregla, sin traducir un reporte en prosa.

  • Corre sobre patrones

    Le das un glob y revisa todo el árbol. Escala a donde la revisión manual ya no llega.

  • Accesibilidad y UX juntas

    No solo contraste y roles: también revisa patrones de interacción contra el estándar.

Por qué importa

El problema que resuelve.

La accesibilidad tiene un problema de incentivos: nadie la revisa porque el sitio "se ve bien" y los errores no truenan. Se acumulan hasta que llega una auditoría o un usuario que no puede usar el formulario.

Este skill baja las Web Interface Guidelines frescas antes de cada revisión —no usa una copia congelada— y compara tus archivos contra cada regla. El output es terso a propósito: archivo:línea y qué está mal. Sin ensayo, sin recomendaciones vagas.

Ese formato es lo que lo hace útil: un reporte que puedes pasarle al mismo agente para que lo arregle.

Cuándo sirve

Y cuándo no lo recomiendo.

Lo uso sobre los componentes del sitio antes de mergear. Es de los pocos casos donde el agente revisa mejor que yo, porque no se cansa al componente 30.

No sustituye una auditoría de accesibilidad real con usuarios. Detecta lo que es verificable en el código —contraste, roles, foco, semántica— que es la mayoría del volumen, pero no todo.

El formato es la funcionalidad

La diferencia entre este skill y pedirle a un agente "revisa mi accesibilidad" está en el output. Un reporte en prosa lo lees, asientes y no arreglas nada. Una lista de archivo:línea la pegas de vuelta y se arregla sola.

Dónde encaja en el flujo

Antes del PR, no después. Corre sobre los archivos que tocaste, no sobre el árbol completo: 40 hallazgos accionables valen más que 400 que nadie va a leer.

De Gabriel Neuman para tu equipo

¿Tu sitio pasa una auditoría de accesibilidad hoy?

Te montamos el gate que revisa cada PR contra el estándar —sin que nadie tenga que acordarse— y arreglamos lo que ya está acumulado.