用途：Vercel 官方技能集合，面向 Web 界面开发与代码审查，覆盖设计规范、组件架构、React/Next.js 性能与组合模式四类工作流。
主要能力：web-design-guidelines 依据 100+ Web Interface Guidelines 审查 UI 代码；building-components 指导构建可访问、可组合、可主题化的 UI 组件；react-best-practices 提供 React/Next.js 性能优化；composition-patterns 建立可复用的 React 组件组合模式。
使用方式：使用前先确认技能是否已安装，可检查 ~/.design-agent-skills/skills/building-components/SKILL.md 是否存在。若具备 shell 访问权限，按需安装对应技能后按名称调用；无 shell 权限时展示安装命令，在 Claude Code 中发送以 ! 开头的聊天消息，加 -g 为全局安装，省略则仅项目内安装。安装命令：npx skills add vercel-labs/web-design-guidelines；npx skills add vercel-labs/building-components；npx skills add vercel-labs/react-best-practices；npx skills add vercel-labs/composition-patterns。调用关键词分别为“web design guidelines”“UI review”、“build component”“accessible component”“composable API”、“React performance”“Next.js optimization”、“composition patterns”“reusable React patterns”。
适用场景：UI 代码评审、组件库建设、React/Next.js 性能调优及组件模式复用。
限制：资料提示 web-design-guidelines 可能是过期条目，使用前需验证安装；完整包为 vercel-labs/skills。其余定价、平台支持等信息暂未提供。