web-design-guidelines · Vercel Labs
Directrices de diseño web
Audita el código de interfaz para accesibilidad, experiencia, contenido y rendimiento.
Instrucciones originales de la skill
La plantilla técnica se mantiene en inglés para usarla directamente con los agentes compatibles. La explicación, selección y comprobaciones están localizadas.
Instalación
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Agent Skills CLI
Ideal para
- Pre-launch UI audits
- Reviewing forms and interactive controls
- Finding generated-interface anti-patterns
Qué cambia esta skill
- Reviews interface code against a current source of web design rules.
- Surfaces accessibility, focus, form, motion, content, and responsive issues.
- Returns terse, file-oriented findings that are easy to turn into fixes.
Flujo recomendado
- Fetch the current guideline source maintained by Vercel.
- Read the requested files or patterns and compare them with every relevant rule.
- Report concrete findings with file locations and a clear correction path.
Qué revisar antes de confiar
- The skill fetches remote guidance, so review network permissions before running it.
- Verify each finding in the rendered interface; not every rule fits every product.
- Run keyboard and screen-reader checks in addition to a code-only audit.