Skill123
Publish Skill 中文

frontend-design

@vercel-labs/frontend-design

4.8 Excellent
Secure From Skill123

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.

Creative frontenddesignui

Last verified: 2026-06-22 · Vercel Labs

web-design-guidelines

baoyu-cover-image

brainstorming

seedance-prompt-en
Overview

frontend-design

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

When to use

  • → Building web UI
  • → Landing pages
  • → Design system work

Platforms

Cursor Claude Code GitHub Copilot Windsurf

Resources

skill-name/
├── SKILL.md

Source

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

Related Skills

web-design-guidelinesFeatured

Vercel Labs · Creative

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

4.7Q94
baoyu-cover-imageFeatured

Jim Liu (宝玉) · Creative

baoyu-cover-image generates 公众号 / article covers across type, palette, rendering, text, and mood (JimLiu/baoyu-skills). Install with `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image`.

4.7Q93
brainstorming

obra / Superpowers · Productivity

brainstorming forces a design-and-approval gate before implementation. Install with npx skills add obra/superpowers --skill brainstorming.

4.7Q93
seedance-prompt-enFeatured

dexhunter · Creative

seedance-prompt-en writes 豆包 / 即梦 Seedance 2.0 video prompts with @Image/@Video/@Audio references (dexhunter/seedance2-skill). Install with `npx skills add dexhunter/seedance2-skill`.

4.6Q91

FAQ

How do I install frontend-design?

Send the install prompt to your AI, or run npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/frontend-design.

Which platforms support frontend-design?

Cursor, Claude Code, GitHub Copilot, Windsurf