KechuAI

Vercel Agent Skills

前端

Vercel Labs 的热门技能集合，偏 React、Next.js、Web 设计和前端工程实践。

查看源码 官方文档

安装与使用

能做什么

Vercel Labs 出品的前端工程技能集合，把 React、Next.js 与 Web 设计的最佳实践打包给 Agent。

  • web-design-guidelines 提供上百条可访问性与 UI 规范，用于审查界面实现。
  • 覆盖 Next.js 项目结构、数据获取、性能与可维护性等工程实践。
  • 适合让 Agent 按 Vercel 生态的约定重构页面、审查前端 PR。

按仓库安装

推荐配合开源 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 项目补一套更稳妥的设计和工程规范。