web-design-guidelines · Vercel Labs
Webdesign-Richtlinien
Prüft UI-Code auf Barrierefreiheit, Nutzerführung, Inhalt und Performance.
Originale Skill-Anweisungen
Die technische Vorlage bleibt auf Englisch, damit sie direkt mit den unterstützten Coding-Agenten funktioniert. Erklärung, Auswahlhilfe und Prüfschritte sind lokalisiert.
Installation
npx skills add vercel-labs/agent-skills --skill web-design-guidelines
Agent Skills CLI
Geeignet für
- Pre-launch UI audits
- Reviewing forms and interactive controls
- Finding generated-interface anti-patterns
Was der Skill verändert
- 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.
Empfohlener Ablauf
- 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.
Vor der Freigabe prüfen
- 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.