快速信息
- 来源
- Vercel Labs
- 适用平台
- Claude Code / Codex / Cursor
- 适合场景
- React 项目规范化、Next.js 工程实践、前端代码审查
- 推荐理由
- 开源 Agent Skills CLI 把它列为高安装量技能源之一，前端方向非常实用。
安装方式
按仓库安装
推荐配合开源 skills CLI 直接安装整个前端技能集合。
npx skills add vercel-labs/agent-skills -a codex claude-code cursor按单个 skill 安装
如果只想装某个 Web skill，也可以传入具体目录 URL。
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines -a codex cursor怎么使用
帮我按 Next.js 最佳实践重构这个页面。
审查一下这个前端 PR，重点看可维护性和性能。
给这个 web 项目补一套更稳妥的设计和工程规范。
亮点与适用场景
核心亮点
偏前端工程化，而不是纯设计，适合 React/Next 项目。
用 `npx skills add` 的安装体验比较统一，适合团队分发。
和 frontend-design 配合起来很好用，一个偏审美，一个偏工程实践。
推荐场景
React 项目规范化
Next.js 工程实践
前端代码审查