123 Skill123
中文

web-design-guidelines

Spec compliant

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.

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

When to use

  • → UI review
  • → Design consistency checks
  • → Accessibility improvements

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/skills/web-design-guidelines

Related Skills

frontend-design Featured

Build distinctive, production-grade frontend interfaces with high design quality.

Creative Cursor Claude Code GitHub Copilot +1
Q96 spec ✓
canvas

Create rich analytical Canvas artifacts with React for data-heavy outputs.

Creative Cursor
Q89 spec ✓