next-browser 是做什麼的？
CLI 工具，讓 AI 代理能獲取如同人類從 React DevTools 和 Next.js 開發覆蓋層得到的資訊 — 元件樹、屬性、鉤子、PPR 殼層、錯誤、網路 — 以回傳結構化文字的 shell 命令形式呈現。
CLI 工具，讓 AI 代理能獲取如同人類從 React DevTools 和 Next.js 開發覆蓋層得到的資訊 — 元件樹、屬性、鉤子、PPR 殼層、錯誤、網路 — 以回傳結構化文字的 shell 命令形式呈現。
vercel-labs/next-browser 是一個命令列介面 (CLI)，專為 AI 代理（如 Claude Code、Cursor、Codex）設計，讓它們能像人類開發者使用 React DevTools 或 Next.js 開發覆蓋層一樣，直接從 Next.js 應用程式的開發環境中提取結構化資訊。它提供一系列 shell 命令，可獲取元件樹、元件屬性、React 鉤子狀態、部分預渲染 (PPR) 殼層結構、應用程式錯誤以及網路請求等資料。這項技能對於自動化除錯、靜態分析、程式碼審查或智慧型重構特別有用，尤其支援 Next.js 14+ 和 React 18+ 專案。透過將這些開發者工具資訊以純文字結構化輸出，AI 代理能無障礙地解析並利用這些資料，實現更深入的上下文感知編碼操作。
npx skills add https://github.com/vercel-labs/next-browser/tree/main/skills/next-browserInstalled? Explore more 生產力與協作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
CLI 工具，讓 AI 代理能獲取如同人類從 React DevTools 和 Next.js 開發覆蓋層得到的資訊 — 元件樹、屬性、鉤子、PPR 殼層、錯誤、網路 — 以回傳結構化文字的 shell 命令形式呈現。
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.