vercel-labs/agent-skills

这是什么？

核心功能

• 01通过 npx skills add 安装，相关任务出现时自动加载。
• 02提供 Vercel 项目审计，覆盖成本、缓存和函数用量。
• 03包含 React 与 Next.js 性能规则，涉及打包体积和数据获取。
• 04提供界面无障碍与设计审查规则，检查项超过 100 条。
• 05支持代理将项目部署到 Vercel，并返回预览地址和认领链接。

适用场景

• 审查 React 或 Next.js 组件的渲染与打包性能问题。
• 审计已部署的 Vercel 项目，找出慢路由和高函数开销。
• 依据无障碍指南检查网站的标记与样式。
• 在对话中把原型部署为可分享的在线地址。

快速上手

1. 1

   使用 npx 安装这些技能

   npx skills add vercel-labs/agent-skills
2. 2

   向智能体提出与某项技能匹配的任务，例如审查 React 组件的性能问题

使用前须知

• !仓库元数据未列出许可证，但 README 声明为 MIT 许可。
• !部分技能与 Vercel 服务绑定，例如 vercel-deploy-claimable 会将项目上传到 Vercel 部署服务。

标签

常见问题

agent-skills 是什么？

为 AI 编码代理提供 Vercel、React 与 Next.js 最佳实践等可安装技能包的集合。 Agent Skills 是一组打包好的指令和脚本，用来为 AI 编码代理补充专门知识。每个技能是一个目录，包含 SKILL.md、可选的辅助脚本和参考文档，遵循 Agent Skills 格式。通过 npx skills add 即可安装，代理在遇到匹配任务时会自动调用。

agent-skills 可以免费使用吗？用的什么许可证？

agent-skills 没有声明许可证。代码虽然公开，但没有许可证就没有明确的使用授权，正式使用前建议先联系作者。

agent-skills 还在维护吗？

活跃维护中。agent-skills 最近一次提交是在 2026年10月14日。

agent-skills 适合用来做什么？

审查 React 或 Next.js 组件的渲染与打包性能问题。 审计已部署的 Vercel 项目，找出慢路由和高函数开销。 依据无障碍指南检查网站的标记与样式。 在对话中把原型部署为可分享的在线地址。

agent-skills 怎么安装和运行？

使用 npx 安装这些技能: npx skills add vercel-labs/agent-skills 向智能体提出与某项技能匹配的任务，例如审查 React 组件的性能问题

在哪里获取 agent-skills？

源代码和安装说明在 GitHub 上：https://github.com/vercel-labs/agent-skills