la bóveda›skills›web-design-guidelines

web-design-guidelines

Revisa tu web contra buenas prácticas de diseño, accesibilidad y experiencia de usuario.

SKILL · DISEÑO Y WEB · INTERMEDIO
de Vercel★ 32.7kVer repo (por skill)npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Qué haceInstalarPégale esto a ClaudeCómo se usa
Repo oficialgithub.com/vercel-labs/agent-skills
★ 32.7k en GitHubEstrellas al 20-oct-2026.
La uso en mi trabajoLicencia: Ver repo (por skill).
QUÉ HACE

Explicado simple

Revisa tu web contra buenas prácticas de diseño, accesibilidad y experiencia de usuario.

Úsala cuando…

Le pides algo así: “Audita mi web y dime qué incumple en accesibilidad y experiencia de usuario.”

INSTALACIÓN

Cómo instalarla

Antes de empezar
  • Claude Code instalado en tu computadora.
  • Node 18 o más nuevo (trae el comando npx).
Cuánto se tardaEntre 1 y 3 minutos.
El comando exacto
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
01
Abre la terminalLa de tu computadora, o pídele a Claude Code que lo corra por ti (abajo).
02
Pega el comandoSi te pregunta para qué agente, elige Claude Code.
03
Reinicia Claude CodeAl abrirlo de nuevo, la skill ya aparece.
LA FORMA FÁCIL

Pégale esto a Claude Code

Claude la instala solo
Instala la skill "web-design-guidelines" (Vercel, github.com/vercel-labs/agent-skills) para Claude Code.
Corre esto en la terminal:
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Si te pregunta para qué agente, elige Claude Code. Cuando termine, confírmame que quedó instalada y explícame en 3 líneas cómo la uso.
DESPUÉS DE INSTALAR

Cómo se usa

Dentro de Claude Code escribe /web-design-guidelines o pídeselo con tus palabras.

Ejemplo: “Audita mi web y dime qué incumple en accesibilidad y experiencia de usuario.”

OTRAS SKILLS

Sigue con estas

frontend-designSKILLLA USOPRINCIPIANTE Para que las páginas que te arma Claude no se vean genéricas: tipografía, color y composición con criterio. anthropics/skills · Ver repo (por skill) · ★ 182.5k→ ui-ux-pro-maxSKILLLA USOINTERMEDIO Criterio de diseño: paletas, tipografías y estilos para interfaces que se vean profesionales. nextlevelbuilder/ui-ux-pro-max-skill · MIT · ★ 138k→ impeccableSKILLLA USOINTERMEDIO Revisa y pule el diseño de lo que construyes: jerarquía, espacios, tipografía, accesibilidad. pbakaus/impeccable · Apache-2.0 · ★ 83.9k→
LISTA DEL WORKSHOP

El workshop viene en camino.

Un sistema montado en vivo, de principio a fin. Entra a la lista y te aviso primero, más las guías nuevas de cada semana. Sin relleno.

Solo tu correo. Te puedes salir cuando quieras.