frontend-design
@vercel-labs/frontend-design
frontend-design 生成有设计感、非模板化的 UI。使用 npx skills add vercel-labs/agent-skills --skill frontend-design 安装。
最后验证: 2026-06-22 · Vercel Labs
frontend-design
Build distinctive, production-grade frontend interfaces with high design quality.
适用场景
- → 构建 Web UI
- → 落地页
- → 设计系统
兼容平台
资源文件
源码
https://github.com/vercel-labs/agent-skills/skills/frontend-design相关技能
Vercel Labs · 创意
web-design-guidelines 将 Vercel 设计标准（间距、字体、无障碍、性能）编码为 Agent 工作流。
Jim Liu (宝玉) · 创意
baoyu-cover-image 按类型、配色、渲染、文字与情绪五维生成公众号/文章封面。使用 `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image` 安装。
obra / Superpowers · 效率
brainstorming 要求在动手实现前先做设计和确认。使用 npx skills add obra/superpowers --skill brainstorming 安装。
dexhunter · 创意
seedance-prompt-en 用 @Image/@Video/@Audio 引用写法撰写豆包/即梦 Seedance 2.0 视频提示词。使用 `npx skills add dexhunter/seedance2-skill` 安装。
常见问题
如何安装 frontend-design？
把安装提示词发给你的 AI，或运行 npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/frontend-design。
frontend-design 兼容哪些平台？
Cursor、Claude Code、GitHub Copilot、Windsurf