# 工具集 > 全部已收录的资源，编辑推荐的排在前面。下面几种条件可以同时用。 - 可以搜索：在地址后加 `?q=<关键词>`，多个关键词用空格分隔，要同时命中。搜的是名称、仓库、标签、职业、简介与 README。 - 可以按类型过滤：在地址后加 `?type=`。 - 可以按职业过滤：在地址后加 `?profession=<职业编号>`，多个用逗号分隔，资源适合其中任意一个即可。编号见 https://hebbmind.com/api/v1/professions - 可以按标签过滤：在地址后加 `?tag=<标签>`，多个用逗号分隔，资源要同时带有这些标签。标签见 https://hebbmind.com/api/v1/tags 适合全栈 / 独立开发或运维 / SRE或算法 / AI的资源，带标签 `vercel`，共 15 项。 > - 全栈 / 独立开发：跨前后端的通用研发：编码 Agent 工作流、代码评审、调试与 Git 协作。 > - 运维 / SRE：部署、监控、云资源与系统稳定性。 > - 算法 / AI：模型训练、评测与大模型应用开发。 - [Next.js Skills](https://hebbmind.com/zh-TW/plugin/vercel-skills.md): [Plugin] Next.js 官方插件，随 vercel/next.js 仓库发布：引导启用和优化 Cache Components 与 Partial Prefetching，并结合 Next.js MCP 与 agent-browser 在运行中的 dev server 上验证改动。 - [next-dev-loop](https://hebbmind.com/zh-TW/skill/next-dev-loop.md): [Skill] 改完代码后让 agent 结合 /_next/mcp 与 agent-browser 在运行中的 Next.js 应用里核对路由、报错与页面表现，确认改动真正生效。Next.js 官方维护，需要 Next.js 16.3+（Turbopack）与 agent-browser。 - [agent-browser](https://hebbmind.com/zh-TW/cli/agent-browser.md): [CLI] 专为 AI agent 设计的浏览器自动化命令行，Rust 原生实现：打开网页、按无障碍树快照中的引用点击填表、读取文本与截图，支持紧凑快照与输出限长以节省上下文。Vercel Labs 出品，可复用本机 Chrome，也可用 install 命令下载。 - [agent-browser](https://hebbmind.com/zh-TW/plugin/agent-browser.md): [Plugin] Vercel Labs 出品的浏览器自动化插件：让 agent 通过无障碍树快照与元素引用操作 Chrome，完成导航、点击、填表、截图，适合网页测试与探索式 QA。需先安装 agent-browser CLI（npm、Homebrew 或 Cargo）。 - [agent-browser](https://hebbmind.com/zh-TW/skill/agent-browser.md): [Skill] agent-browser 浏览器自动化 CLI 的配套技能：引导 agent 加载与已装版本匹配的用法，完成导航、填表、截图与探索式测试，也能操作 Electron 桌面应用。需先安装 agent-browser CLI，Vercel Labs 出品。 - [skills](https://hebbmind.com/zh-TW/cli/skills.md): [CLI] 开放 Agent Skills 生态的包管理器：一条命令从 GitHub 等来源把技能安装到 Claude Code、Codex、Cursor 等数十种 agent，并支持搜索、更新与卸载。Vercel Labs 出品。 - [Find Skills](https://hebbmind.com/zh-TW/skill/find-skills.md): [Skill] 当用户问「有没有做某事的技能」时，用 skills CLI 搜索 skills.sh 生态，推荐并安装合适的技能。Vercel Labs 维护，与 skills CLI 同仓库发布。 - [Vercel React Best Practices](https://hebbmind.com/zh-TW/skill/react-best-practices.md): [Skill] Vercel 工程团队整理的 React 与 Next.js 性能规范，70 条规则按影响排序，涵盖消除请求瀑布、包体积、服务端性能与重复渲染，供编写、评审与重构时对照。Vercel 官方维护。 - [Deploy to Vercel](https://hebbmind.com/zh-TW/skill/deploy-to-vercel.md): [Skill] Vercel 官方部署技能：先检查 git 远程、项目关联与 CLI 登录状态，再用 git 推送或 vercel deploy 发布预览（默认）或生产环境；沙箱里无法登录时可生成可认领的预览链接。 - [Vercel Optimize](https://hebbmind.com/zh-TW/skill/vercel-optimize.md): [Skill] Vercel 官方成本与性能优化技能：先采集线上指标、用量与项目配置，只排查指标指向的路由和文件，输出带文档依据的优化建议排序；支持 Next.js、SvelteKit 与 Nuxt。需要 Vercel CLI v53+ 登录并关联项目。 - [Writing Guidelines](https://hebbmind.com/zh-TW/skill/writing-guidelines.md): [Skill] Vercel 官方技能：联网拉取 Vercel 写作手册的 80 多条规则审查文档与文案，覆盖语气、结构、内容类型、代码示例与排版，以 file:line 格式列出问题。规则面向英文文档。 - [React Composition Patterns](https://hebbmind.com/zh-TW/skill/composition-patterns.md): [Skill] Vercel 出品的 React 组合模式指南：用复合组件、状态提升和清晰的 Context 接口取代布尔 props 泛滥，含 React 19 API 变化，适合重构组件库与评审组件架构。 - [Vercel CLI](https://hebbmind.com/zh-TW/cli/vercel-cli.md): [CLI] Vercel 官方命令行，一条命令把前端与全栈项目部署上线，并管理预览环境、环境变量、域名与日志。官方维护，需要 Vercel 账号（有免费档）。 - [Next.js DevTools MCP](https://hebbmind.com/zh-TW/mcp/next-devtools-mcp.md): [MCP] Vercel 官方：自动发现本地运行的 Next.js 16+ 开发服务器，把其内置 MCP 端点提供的运行时报错、路由与日志交给 agent，并引导 agent 查阅与所装版本一致的文档。 - [Vercel Plugin](https://hebbmind.com/zh-TW/plugin/vercel-plugin.md): [Plugin] Vercel 官方插件：内置 Vercel 生态知识图谱、数十个技能、部署与性能等专家子代理，以及部署、环境变量、项目状态命令，覆盖 Next.js、AI SDK、存储与 CI/CD。需 Node.js 18+ 与 Bun，默认开启遥测（可关闭）。