vercel-labs/next-browser

next-browser とは？

このスキルは、Vercel Labsが提供する `next-browser` CLIツールをAIエージェントに統合するためのものです。通常、人間の開発者がブラウザのReact DevToolsやNext.js開発者オーバーレイを介して確認する情報（コンポーネントツリー、props、フックの状態、Partial Prerendering (PPR)のシェル、レンダリングエラー、ネットワークリクエストなど）を、エージェントがシェルコマンドとして直接取得できるようにします。これにより、エージェントはアプリケーションの内部状態やパフォーマンス問題を自動的に診断・分析できるようになります。主にNext.jsフレームワークを対象としており、`npx next-browser` のような形で利用します。コマンドは構造化テキスト（JSONやマークダウン形式）を返すため、エージェントが結果をパースしてさらに処理することが容易です。このツールは、開発時のデバッグや自動テスト、あるいはCI/CDパイプラインでの品質チェックといったユースケースに適しています。