web-design-guidelines

Agent skill for Claude Code, Codex & Cursor from vercel-labs/agent-skills · updated Jan 16, 2026

How to install web-design-guidelines

$ npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

What web-design-guidelines does

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

SKILL.md

View source

This skill's license (Unknown) doesn't allow us to republish its full text. Read SKILL.md on GitHub.

More in Design & UI

codebase-designShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.mattpocock/skills grill-meA relentless interview to sharpen a plan or design.mattpocock/skills grill-with-docsA relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.mattpocock/skills improve-codebase-architectureScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.mattpocock/skills prototypeBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.mattpocock/skills