123 Skill123

frontend-design

规格合规

frontend-design 生成有设计感、非模板化的 UI。使用 npx skills add vercel-labs/agent-skills --skill frontend-design 安装。

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

QUALITY 96 /100
作者 Vercel Labs 最后验证: 2026-06-22

适用场景

  • 构建 Web UI
  • 落地页
  • 设计系统

兼容平台

Cursor Claude Code GitHub Copilot Windsurf

安装

CLI 安装

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

手动安装

~/.cursor/skills/frontend-design/
~/.claude/skills/frontend-design/
~/.copilot/skills/frontend-design/
~/.codeium/windsurf/skills/frontend-design/

资源文件

skill-name/
├── SKILL.md

Source

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

相关技能

Apply Vercel web design guidelines for accessible, performant interfaces.

创意 Cursor Claude Code GitHub Copilot
Q94 spec ✓

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

创意 Cursor
Q89 spec ✓