123 Skill123
中文

web-design-guidelines

web-design-guidelines encodes Vercel design standards for spacing, typography, accessibility, and performance in agent workflows.

Apply Vercel web design guidelines for accessible, performant interfaces.

spec ✓ Global
QUALITY 94 /100
by Vercel Labs Last verified: 2026-06-22

What this skill does

→UI review
→Design consistency checks
→Accessibility improvements

Try saying this

Copy a prompt into your agent to trigger this skill.

Help me with uI review
Help me with design consistency checks
Help me with accessibility improvements

Topics

design accessibility guidelines

Platforms

Cursor Claude Code GitHub Copilot

Install

CLI install

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

Manual install

~/.cursor/skills/web-design-guidelines/
~/.claude/skills/web-design-guidelines/
~/.copilot/skills/web-design-guidelines/

Resources

skill-name/
├── SKILL.md

Source

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

Related Skills

frontend-design
Featured

frontend-design produces polished, non-generic UI with intentional typography, color, and motion. Install with npx skills add vercel-labs/agent-skills --skill frontend-design.

Can help with

  • →Building web UI
  • →Landing pages
frontenddesignui
Creative Cursor Claude Code +2
Q96
spec ✓ Global
canvas

canvas skill produces standalone React Canvas apps for analyses, audits, timelines, and interactive explorations beside the chat.

Can help with

  • →Data-heavy analysis output
  • →Interactive reports
visualizationreactanalysis
Creative Cursor
Q89
spec ✓ Global