Vercel · Agent Skill

web-design-guidelines

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".

Published by Vercel39 lines in SKILL.md
Source
vercel-labs/agent-skills/skills/web-design-guidelines
Repository owner
vercel-labs

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/vercel-labs/agent-skills.git /tmp/agent-skills
cd /tmp/agent-skills && git sparse-checkout set "skills/web-design-guidelines"
mkdir -p ~/.claude/skills && cp -r "skills/web-design-guidelines" ~/.claude/skills/web-design-guidelines

Skills folder docs:

Claude CodeCodexGemini CLIOpenCodeCursorGitHub CopilotgooseOpenHandsAmpFactory DroidJunieKiroRoo CodeMistral VibepiHermes AgentOpenClawLetta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from Vercel

deploy-to-vercelvercel-cli-with-tokensvercel-composition-patternsvercel-optimizevercel-react-best-practicesvercel-react-native-skillsvercel-react-view-transitionswriting-guidelines

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.