Web Design Guidelines

Reviews web interfaces against usability, accessibility and interaction-quality guidelines, with notes tied to the code.

How to use it

Install it with the open Skills CLI (needs Node.js), then restart your agent:

npx skills add vercel-labs/agent-skills --skill web-design-guidelines

Prefer to do it by hand? Open the source, save the SKILL.md file into .claude/skills/web-design-guidelines/ in your project, and call it with /web-design-guidelines.

بالعربي

يراجع واجهات الويب وفق إرشادات الاستخدام والإتاحة وجودة التفاعل، مع ملاحظات مرتبطة بالكود.

More for ui design

  • Frontend Design: Turns a UI request into a design and code with a clear visual personality, with care for layout, typography, color and detail.
  • UI UX Pro Max: Helps pick a design system, colors, fonts, UX patterns and accessibility for web and mobile, using a searchable local dataset.