thinkrun

ThinkRun — AI コーディングエージェント向け画面録画ツール

バグのスクリーンショットを撮って、説明文を長々と入力する必要はありません。ThinkRun は、ブラウザーのセッションを録画したり、エージェントに構築したものを録画させたりして、AI コーディングエージェントが活用できる構造化コンテキストに変換します。クリック、コンソール、ネットワークリクエスト、音声ナレーション、スクリーンショットをすべて時間に同期して記録します。単なるスクリーンショットでも、単なる動画でもありません。

Claude Code、Cursor、Cline、Windsurf、およびあらゆる MCP クライアントで動作します。

インストール

npx @thinkrun/mcp

または、CLI をグローバルにインストールします。

npm install -g @thinkrun/cli

CLI はネイティブホストバイナリを自動でインストールし、AI ツールが Chrome を操作できるようにします。

MCP 設定に追加

{
  "mcpServers": {
    "thinkrun": {
      "command": "npx",
      "args": ["@thinkrun/mcp"]
    }
  }
}

設定ファイルの場所：

• Claude Code：~/.claude/settings.json
• Cursor：.cursor/mcp.json
• Cline：VS Code の設定 → Cline MCP Servers

次に、エージェントに「localhost:3000 に移動してチェックアウトページのスクリーンショットを撮って」と頼みます。または、自分でバグを録画して、その結果をエージェントに渡します。

ThinkRun を選ぶ理由

ほかのツールはエージェントに視覚を与えます。ThinkRun が与えるのは構造化された視覚情報です。ページを何度も説明し直す代わりに、一度で解析できるコンテキストを提供します。

	ThinkRun	Playwright MCP
セッションを構造化された再生可能なコンテキストとして記録	✅	❌ 操作のみ
録画を AI 対応レポート（クリック、コンソール、ネットワーク）に変換	✅	❌
共有可能なリンク。LLM 対応の Markdown / JSON としても利用可能	✅	❌
実際の Chrome を使用 — Cookie とセッションをそのまま利用	✅	❌ ヘッドレスのみ
ブラウザーと並行して実行でき、プロファイルの競合なし	✅	❌ Chrome プロファイルを取り合う

Claude Code、Cursor、Codex、Gemini CLI 向けのエージェントスキル

6 つのポータブルなエージェントスキルがこのリポジトリに含まれており、主要な各ハーネス向けに配置されています（.claude/skills/、.cursor/skills/、.codex/skills/、.gemini/skills/）。

• prove-it — ソフトウェアファクトリーのワークフローにおける検証ステップです。名前付きテスト対象を入力し、対象ごとのスクリーンショット、コンソール、ネットワークの記録を含む合否表を出力して PR に投稿します。合格でない行があれば、変更をビルド工程に差し戻します。
• before-after — リリースのステップです。同じビューポートで 2 回キャプチャし、PR 用の | Before | After | 表を 1 つ作成します。公開ペーストホストは使用しません。
• web-browse — プログラムからウェブを閲覧します。実ブラウザーまたはクラウドブラウザーを操作して、移動、操作、抽出、スクリーンショット撮影を行います。
• ux-audit — 実際のユーザーとして製品の UI を操作し、各ステップをスクリーンショットに収め、優先順位付きの修正リストを含む構造化 UX レポートを作成します。
• thinkbrowse-cli — thinkrun CLI を使って、シェルスクリプトからブラウザーを操作します。
• thinkbrowse-mcp — ThinkRun MCP サーバーのツールを使って、ブラウザーを操作します。

リポジトリをクローンせずにインストール — このリポジトリはライブ MCP サーバーとして提供され、コミットのたびに自動更新されます。

{ "mcpServers": { "thinkrun-skills": { "url": "https://mcp.skillsovermcp.com/mcp/dundas/thinkrun" } } }

トリガー精度は主張ではなく測定されています。 各スキルには 20 クエリのトリガー評価用フィクスチャが付属しており、evals/BENCHMARK.md で結果を公開しています。6 スキルのカタログ（v4、2026-09-18）では、GPT-5.6-terra と Claude Fable 5 で 120/120、Claude Sonnet 5 で 113/120 でした（クラッシュではなく、ドキュメントに記載された厳格な MCP の解釈による結果です）。以前の 4 スキルのマトリックスでは、16 のモデル構成のうち 12 で 79～80/80 を記録しました。カタログのアブレーション実行では、サブセットとしてインストールした場合にブラウジングスキル同士で互いのトラフィックを引き受けること、また prove-it が兄弟スキルと重複するのではなく不足を補うこと（before-after がない場合は prove-it に統合されること）が示されています。bun evals/run-eval.ts build で再現できます。

バイナリの手動インストール

CLI を使わずにネイティブホストをインストールする必要がある場合は、最新リリースからお使いのプラットフォーム用のバイナリをダウンロードし、次を実行してください。

chmod +x thinkbrowse-host-* && ./thinkbrowse-host-* --install

ネイティブホストバイナリは現時点では thinkbrowse-host というファイル名のままです。同じ署名済みバイナリであり、名前の変更による変更はありません。

FAQ

Claude Code（または Cursor）にブラウザーへのアクセスを許可するにはどうすればよいですか？

ThinkRun を MCP サーバーとして追加します — npx @thinkrun/mcp — すると、エージェントは Cookie やログイン情報も含めて、実際の Chrome セッションを操作して読み取れるようになります。上記の「MCP 設定に追加する」をご覧ください。

スクリーンショットを貼り付ける代わりに、UI のバグを Cursor に見せるにはどうすればよいですか？

ThinkRun でバグを記録します。平面的な画像の代わりに、エージェントは構造化されたアーティファクトを取得します。そこには、実行した手順、コンソールエラー、失敗したネットワークリクエスト、問題が発生した瞬間の DOM 状態が含まれるため、画像から推測するのではなく、実際の問題を修正できます。

実際の Chrome の Cookie とセッションを使う MCP サーバーはありますか？

はい。ThinkRun はネイティブホスト経由で実際の Chrome を操作するため、認証が必要なページもそのまま動作します。ヘッドレス環境での再ログインや別のプロファイルは不要で、Chrome のプロファイルをめぐってブラウザーと競合することもありません。

AI コーディングエージェント用にブラウザーセッションを記録するにはどうすればよいですか？

npx @thinkrun/mcp（または npm i -g @thinkrun/cli）を実行して、任意のセッションを記録します。エージェントに構築したものを記録させることもできます。ThinkRun は記録を AI が利用しやすいレポート（クリック、コンソール、ネットワーク、ナレーション、スクリーンショットをすべて時刻同期したもの）に変換し、共有可能なリンクと、LLM が利用しやすい Markdown/JSON で提供します。

何が問題だったのかを AI コーディングエージェントに伝えるにはどうすればよいですか？

ThinkRun の記録を渡します。構造化された「何が起きたか」— 操作、最初の異常な兆候、期待値と実際の値、要素の状態 — は、エージェントが一度で修正を成功させるために必要なコンテキストそのものです。

その他

• thinkrun.ai
• プライバシーポリシー