How do I install frontend-design in Cursor?

Run npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/frontend-design, or copy the skill folder to ~/.cursor/skills/frontend-design/.

Which platforms support frontend-design?

cursor, claude, copilot, windsurf

frontend-design

Spec compliant

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.

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

QUALITY 96 /100

by Vercel Labs Last verified: 2026-06-22

When to use

→ Building web UI
→ Landing pages
→ Design system work

Platforms

Cursor Claude Code GitHub Copilot Windsurf

Install

CLI install

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

Manual install

~/.cursor/skills/frontend-design/

~/.claude/skills/frontend-design/

~/.copilot/skills/frontend-design/

~/.codeium/windsurf/skills/frontend-design/

Resources

skill-name/

├── SKILL.md

Source

https://github.com/vercel-labs/agent-skills/skills/frontend-design

Related Skills

web-design-guidelines Featured

Apply Vercel web design guidelines for accessible, performant interfaces.

Creative Cursor Claude Code GitHub Copilot

Q94 spec ✓

canvas

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

Creative Cursor

Q89 spec ✓