vibecodingnav
中/EN
Toolbox/Design handoff/web-design-guidelines
w

web-design-guidelines

Skill

Reviews UI code against web interface guidelines: contrast, focus, forms, and hit targets.

MIT · Vercel · github.com/vercel-labs/agent-skills

Install and use

Terminal
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines

Skip it

When there is no direction yet, use frontend-design before a review.

Often used with

frontend-designSkillAnthropic's official agent skill. Before writing a new or revised interface, the agent picks a visual direction, type, and layout, and avoids the usual generated-template look.

Appears in

Builds · Build a Web frontend with this setScenarios · Build a Web frontendDesign handoff

Source

github.com/vercel-labs/agent-skills