# 工具集

> 全部已收录的资源，编辑推荐的排在前面。下面几种条件可以同时用。

- 可以搜索：在地址后加 `?q=<关键词>`，多个关键词用空格分隔，要同时命中。搜的是名称、仓库、标签、职业、简介与 README。
- 可以按类型过滤：在地址后加 `?type=<cli|skill|plugin|mcp>`。
- 可以按职业过滤：在地址后加 `?profession=<职业编号>`，多个用逗号分隔，资源适合其中任意一个即可。编号见 https://hebbmind.com/api/v1/professions
- 可以按标签过滤：在地址后加 `?tag=<标签>`，多个用逗号分隔，资源要同时带有这些标签。标签见 https://hebbmind.com/api/v1/tags

适合全栈 / 独立开发或运维 / SRE或算法 / AI的资源，带标签 `nextjs`，共 7 项。

> - 全栈 / 独立开发：跨前后端的通用研发：编码 Agent 工作流、代码评审、调试与 Git 协作。
> - 运维 / SRE：部署、监控、云资源与系统稳定性。
> - 算法 / AI：模型训练、评测与大模型应用开发。

- [Next.js Skills](https://hebbmind.com/zh-CN/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-CN/skill/next-dev-loop.md): [Skill] 改完代码后让 agent 结合 /_next/mcp 与 agent-browser 在运行中的 Next.js 应用里核对路由、报错与页面表现，确认改动真正生效。Next.js 官方维护，需要 Next.js 16.3+（Turbopack）与 agent-browser。
- [Next.js Cache Components Optimizer](https://hebbmind.com/zh-CN/skill/next-cache-components-optimizer.md): [Skill] 让 agent 在 Cache Components 下把 Next.js 路由优化成即时导航：先用 @next/playwright 的 instant() 写一个失败的端到端测试，再把 Suspense 边界下推到它保护的数据处、扩大静态外壳，直到测试通过并保留为回归防护；首次加载与客户端导航都覆盖。需要 Next.js 16.3+ 并开启 cacheComponents。
- [Vercel React Best Practices](https://hebbmind.com/zh-CN/skill/react-best-practices.md): [Skill] Vercel 工程团队整理的 React 与 Next.js 性能规范，70 条规则按影响排序，涵盖消除请求瀑布、包体积、服务端性能与重复渲染，供编写、评审与重构时对照。Vercel 官方维护。
- [Vercel Optimize](https://hebbmind.com/zh-CN/skill/vercel-optimize.md): [Skill] Vercel 官方成本与性能优化技能：先采集线上指标、用量与项目配置，只排查指标指向的路由和文件，输出带文档依据的优化建议排序；支持 Next.js、SvelteKit 与 Nuxt。需要 Vercel CLI v53+ 登录并关联项目。
- [Next.js DevTools MCP](https://hebbmind.com/zh-CN/mcp/next-devtools-mcp.md): [MCP] Vercel 官方：自动发现本地运行的 Next.js 16+ 开发服务器，把其内置 MCP 端点提供的运行时报错、路由与日志交给 agent，并引导 agent 查阅与所装版本一致的文档。
- [Vercel Plugin](https://hebbmind.com/zh-CN/plugin/vercel-plugin.md): [Plugin] Vercel 官方插件：内置 Vercel 生态知识图谱、数十个技能、部署与性能等专家子代理，以及部署、环境变量、项目状态命令，覆盖 Next.js、AI SDK、存储与 CI/CD。需 Node.js 18+ 与 Bun，默认开启遥测（可关闭）。