Vercel Labs
了解 Vercel Labs 面向开发者的工具与开源实验，探索 Agent Skills、浏览器自动化和生成式界面项目，结合具体用途、适用场景与官方来源，找到适合下一项工作的工具和指引。
关于 Vercel Labs
Vercel Labs 是 Vercel 生态中面向开发者的工具与实验项目入口。其工作方式是尽早公开项目，根据实际使用反馈持续迭代，并继续投入已经证明有用的方向。GitHub 上的 vercel-labs 组织已通过 vercel.com 域名验证，开发者可以从中查看源码、文档、问题讨论和贡献方式。
它的内容并不局限于 Agent Skills。例如，agent-browser 面向浏览器自动化，json-render 处理生成式界面，Skills CLI 则用于发现和安装可复用的 Agent 指引。这些工具、框架与 Skill 各有职责，分别帮助开发者连接浏览器操作、界面构建与 Agent 任务。
官网还按开发阶段区分项目，帮助使用者判断某个项目适合尝鲜，还是适合纳入持续工作的流程。选用前应阅读具体仓库的说明、依赖与当前维护状态。本页展示的是部分代表项目和相关 Skills，不是 Vercel Labs 全部仓库的镜像。
Vercel Labs 精选 Skills
探索 Vercel Labs 面向编码、界面设计、性能审查与部署的 Agent Skills，了解每项指引要解决的问题、适用的任务和使用方式，并通过具体指南查阅原始来源与相关工具要求。
Find Skills
根据具体任务查找 Agent Skills，通过生态搜索和候选比较，找到适合当前工作的指引。
Vercel React Best Practices
按优先级审查 React 与 Next.js 代码，检查数据请求、包体积、渲染与运行性能。
Vercel Composition Patterns
通过复合组件、组合模式与 Provider 状态管理，简化 React 组件接口和复杂属性组合。
Vercel React Native Skills
为 React Native 界面提供移动端指引，覆盖列表、手势、图片处理与安全区域。
Vercel React View Transitions
根据导航、共享元素与界面状态变化，选择具有明确空间含义的 React 视图过渡。
Web Design Guidelines
根据最新网页设计规范审查界面文件，将问题定位到相关代码并给出精简检查结果。
Writing Guidelines
根据最新写作规范检查文档与界面文案，以文件和行号呈现清晰、精简的修改建议。
Deploy to Vercel
检查 Vercel 项目关联、CLI 登录和团队信息，在获得授权后选择合适的部署方式。
Vercel CLI with Tokens
为 Vercel CLI 令牌流程明确项目与组织上下文，规范凭据来源及敏感信息处理。
Vercel Optimize
基于 Vercel 可观测数据开展性能排查，限定检查范围并按优先级整理优化建议。
agent-browser Skill
引导 Agent 使用 agent-browser CLI，按工具版本读取浏览器自动化及专项流程指令。
Vercel Labs 开源项目
探索 Vercel Labs 的浏览器自动化工具、生成式界面框架与开放 Skills 工具链，了解各个项目的主要用途、适用场景和技术定位，并前往代码仓库查看文档、安装说明与更新记录。
其他开源项目发布者
发现更多开发者工具、开源项目与 Agent Skills 的发布者，了解不同团队和创作者的关注领域、代表作品与技术方向，从具体任务出发，继续探索适合自己的工具和实践方法。
Vercel Labs 常见问题
Vercel Labs 主要发布什么？
Labs 项目与 Vercel 核心产品有什么区别？
agent-browser 与它的 Skill 是同一个东西吗？
Skills CLI 与 Find Skills 有什么区别？
json-render 在这些项目中承担什么角色？
去哪里查看最新项目和使用要求？
探索 Vercel Labs 项目与 Skills
从开发工具、浏览器自动化或具体 Agent 任务开始，比较 Vercel Labs 代表项目与精选 Skills 的用途，阅读对应指南，再结合官方文档确认适合自己的使用方式。