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.
spec ✓
全局可用
这个技能能做什么
→构建 Web UI
→落地页
→设计系统
你可以这样说
复制以下提示语到 Agent 对话中，触发此技能。
帮我构建 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/tree/main/skills/frontend-design相关技能
web-design-guidelines
Featured
web-design-guidelines 将 Vercel 设计标准（间距、字体、无障碍、性能）编码为 Agent 工作流。
能帮你
- →UI 审查
- →设计一致性检查
designaccessibilityguidelines
创意 Cursor Claude Code +1
Q94
spec ✓
全局可用
canvas
canvas 技能生成独立 React Canvas 应用，用于分析、审计、时间线与交互探索。
能帮你
- →数据密集型分析
- →交互式报告
visualizationreactanalysis
创意 Cursor
Q89
spec ✓
全局可用