Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From design-library
Audits UI code against 100+ web interface guidelines from Vercel covering accessibility, forms, dark mode, typography, animation, images, performance, navigation, touch, and internationalization.
npx claudepluginhub zeta92/design-library-pluginHow this skill is triggered — by the user, by Claude, or both
Slash command
/design-library:guidelinesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
1. Load the `web-design-guidelines` skill by reading its source file:
Audits UI code against web accessibility, performance, and responsive design guidelines. Invoke for UI review, accessibility audit, or design best practices check.
Reviews web UI code for compliance with fetched Web Interface Guidelines from Vercel labs. Checks accessibility, design, UX; outputs terse file:line findings.
Audits usability of existing front-end code or live websites using 15 principles, identifies component/system issues, rates severity, and suggests fixes.
Share bugs, ideas, or general feedback.
web-design-guidelines skill by reading its source file:
~/.claude/plugins/local/design-library/skills/web-design-guidelines/SKILL.md
❌ Error (blocks compliance): [issue] — [fix]
⚠️ Warning (best practice): [issue] — [fix]
💡 Suggestion (enhancement): [issue] — [fix]
If no code is in context, ask: "Which file or component should I audit?"