用途：该技能让 AI 编码代理使用 next-devtools-mcp（一个 Model Context Protocol 服务器）辅助 Next.js 开发，覆盖运行时诊断、官方文档检索、浏览器自动化验证与升级/功能启用流程。
主要能力：运行时诊断可查询运行中的 Next.js 16+ 应用的错误、路由、日志与实时状态；文档检索可访问官方 Next.js 文档与知识库；浏览器自动化借助 Playwright 测试与验证页面；另提供升级指南与功能启用提示，以及缓存组件等按需加载的知识库资源。
使用方式：推荐用 npx add-mcp next-devtools-mcp@latest 安装（可加 -y、-g）。手动配置写入 MCP 客户端配置文件，命令为 npx，参数为 -y next-devtools-mcp@latest。Claude 用 claude mcp add next-devtools npx next-devtools-mcp@latest；Codex 用 codex mcp add next-devtools -- npx next-devtools-mcp@latest；VS Code/Copilot 用 code --add-mcp '{"name":"next-devtools","command":"npx","args":["-y","next-devtools-mcp@latest"]}'。每轮会话应先调用 init 工具建立上下文；运行时诊断需 Next.js 16+ 开发服务器运行，MCP 默认在 http://localhost:3000/_next/mcp 自动发现。核心工具包括 init、nextjs_docs（search/get）、nextjs_index、nextjs_call、browser_eval，以及 upgrade-nextjs-16、enable-cache-components 提示。
适用场景：Next.js 项目调试、错误排查、文档查询、页面自动化测试、版本升级与 Cache Components 迁移。
限制：需 Node.js v20.19+ 与 npm 或 pnpm；运行时诊断仅限 Next.js 16+；首次使用 Playwright 会下载浏览器，可能超时；升级提示可能产生改动，应提前提交代码并复核。具体价格与平台支持范围暂未提供。