web-design-guidelines · Vercel Labs
Règles de conception web
Audite le code UI pour l’accessibilité, l’expérience, le contenu et les performances.
Instructions originales de la skill
Le modèle technique reste en anglais afin de fonctionner directement avec les agents compatibles. Les explications, critères de choix et vérifications sont localisés.
Installation
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Agent Skills CLI
Idéal pour
- Pre-launch UI audits
- Reviewing forms and interactive controls
- Finding generated-interface anti-patterns
Ce que la skill apporte
- 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.
Workflow conseillé
- 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.
Points à vérifier avant validation
- 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.