01
它能帮你做什么
- 01
按任务选择官方技能
- 02
参考 Web 与 React 相关规则
- 03
检查代码与界面实现
适合谁：开发者、技术负责人，以及需要理解或维护代码的团队。
02
可以这样用
下面是一个任务示例，帮助你判断它是否适合当前工作。
给它的任务 / 材料
React 或 Web 项目和待优化内容
期望得到的结果
基于所选实践的实现改进与检查结果
03
怎样开始使用
- 1
打开仓库文档，找到该任务对应的技能说明、配套文件和支持的使用方式。
- 2
按照项目说明将技能加入支持的 Agent；需要额外工具或账户时，再按文档完成配置。
- 3
提供具体任务与材料，例如：React 或 Web 项目和待优化内容。先审阅一次输出，再根据目标补充要求。
接入与选型笔记
仓库里有哪些方向
官方列出 React 性能、界面设计、写作、React Native 和部署等技能。不同技能的目标和所需访问不同，应选择与当前任务直接相关的一项，并阅读其 SKILL.md。
性能检查怎样用
对 React 或 Next.js 项目，可以按数据获取、资源体积和渲染等方向检查。建议先记录问题指标，再验证改动是否改善对应页面。不能把框架特定规则直接套到所有 Vue 或 Go 项目。
部署技能有不同边界
仓库的部署能力可能打包并上传项目。代码审查与外部部署是不同动作，使用前确认文件范围和目标环境。文档提供 npx skills add vercel-labs/agent-skills 作为安装入口；本文仅核对使用资料。
资料核对：2026-10-16 · 原始使用文档 ↗
04
项目与来源
能力说明依据项目 README 整理；示例描述一种使用任务，不是平台已执行的结果。安装参数、支持版本和授权范围以项目原文为准。
查看项目原始简介
Vercel's official collection of agent skills
热度采集：2026年10月15日 · 内容整理：2026年10月16日