Blueprint MCP for Chrome icon

Blueprint MCP for Chrome

Extension Actions

How to install Open in Chrome Web Store
CRX ID
kpfkpbkijebomacngfgljaendniocdfp
Status
  • Extension status: In-App Purchases
Description from extension meta

Claudeのトークン制限なしでブラウザを自動化。CSSセレクタを使用し、スナップショットは不要。オープンソース、ゼロテレメトリー。

Image from store
Blueprint MCP for Chrome
Description from store

Claude Code(およびその他のAIアシスタント)にあなたの実際のChromeブラウザの直接制御を与えます

ヘッドレスブラウザ、ボット検出、認証フローの煩雑さから解放されます。Blueprint MCP for ChromeはModel Context Protocol(MCP)をあなたの実際のChromeブラウザと接続し、すべてのサイトへのログイン状態を保持、拡張機能を保持、実際のブラウザフィンガープリントを使用します。

重大な利点:AIのコンテキストを消費しない効率的なブラウザ自動化。毎回のアクション後に大量のページスナップショットを送信する代わりに(これはコンテキスト制限を急速に消費し、MCP応答サイズ制限を超えることが多い)、Blueprint MCPはあなたのAIに直接対話させます。クリック、入力、ナビゲート、そして必要な時だけページコンテンツを取得します。これにより、スナップショットベースのアプローチでは不可能な複雑な複数ステップワークフローが実現します。

Claude Code、Claude Desktop、Cursorを使用している開発者、またはPlaywright/Puppeteer/Seleniumの煩雑さなしにWebタスクを自動化する必要があるMCP互換AIクライアントの利用者に最適です。

なぜBLUEPRINT MCP + CLAUDE CODEがすべてを変えるのか

問題点:従来のブラウザ自動化は、毎回のアクション後に完全なページスナップショットを送信する必要があり、相互作用ごとに数千トークンを消費し、応答サイズ制限に達することがあります。またログイン状態が失われ、ボット検出に直面し、ブラウザプロファイルの設定に時間がかかります。

解決策:Blueprint MCPはあなたのAIアシスタントを直接コマンドを通じてあなたの実際のChromeブラウザに接続します。AIがブラウザを制御します。クリック、入力、ナビゲートして、明確に要求された場合を除きページスナップショットは不要です。これにより、冗長なページコンテンツに無駄にするのではなく、実際の意思決定用にコンテキストを保持します。

これが可能にすること:
- ボット検出をバイパスするAI駆動型Webスクレイピング
- 保存されたパスワードで自動化されたフォーム入力
- ログイン済みアカウントを使用したテストワークフロー
- 認証されたサイトからのコンテンツ抽出
- 2FAとCAPTCHAで動作するブラウザ自動化

主要機能

実際のブラウザ自動化:
- あなたの実際のChromeプロフィールを使用 - Gmail、GitHub、AWSなどにログイン状態を保持
- ステルスモード - ボット検出なし。あなたの実際のブラウザフィンガープリントを使用
- 拡張機能対応 - あなたの既存のChrome拡張機能と共に動作
- セッション永続性 - 再認証は不要

ネイティブMCP統合:
- 20以上のブラウザツールをModel Context Protocolを通じて公開
- タブ管理 - プログラム的にタブを作成、切り替え、閉じる
- DOM検査 - アクセス可能なページコンテンツを取得
- ネットワーク監視 - リクエストをキャプチャ、認証で再実行
- JavaScript実行 - ページコンテキストでコードを実行

開発者体験:
- ゼロセットアップ - 拡張機能をインストール、即座に動作
- 自動再接続 - ブラウザ再起動に対応
- デバッグモード - トラブルシューティング用の詳細ログ
- ステータス可視性 - リアルタイム接続ステータス

2つの接続モード:
- Free(ローカル) - localhost:5555のWebSocket、クラウド依存なし
- PRO(クラウドリレー) - どこからでもブラウザを制御、複数のAIクライアント対応

包括的な自動化:
- スクリーンショット(フルページまたは要素)
- Markdown形式でのコンテンツ抽出
- フォーム自動化(入力、ドロップダウン、ファイルアップロード)
- マウス/キーボード制御(クリック、入力、ホバー、ドラッグドロップ)
- パフォーマンスメトリクス(Web Vitals)

高度な機能:
- テックスタック検出(40以上のフレームワーク)
- ネットワークリクエスト再実行
- PDF出力
- ダイアログ処理(アラート/確認/プロンプト)
- 拡張機能管理

動作方法

セットアップ(3ステップ、2分):
1. MCPサーバーをインストール:npm install -g @railsblueprint/blueprint-mcp
2. このChrome拡張機能をインストール
3. AIクライアントを設定:claude mcp add browser npx @railsblueprint/blueprint-mcp@latest

拡張機能はあなたのAIクライアントがMCPサーバーを起動すると自動接続します。

セキュリティとプライバシー

Free Tier(ローカルモード):
- すべての通信はあなたのマシン上に留まります(localhost WebSocket)
- クラウドへのデータ送信はありません
- トラッキング、テレメトリー、分析なし
- 完全にオフラインで動作
- アカウント不要

オープンソース:
- フルソース:https://github.com/railsblueprint/blueprint-mcp
- Apache 2.0ライセンス
- 自身でコードを監査可能

価格

Free Tier - $0/月
- すべての20以上のブラウザ自動化ツール
- ローカルWebSocket接続
- 無制限の使用
- ゼロクラウド依存

PRO Tier - $5/月または$50/年
- クラウドリレー(どこからでも制御)
- 複数ブラウザ
- マルチクライアントアクセス
- 自動再接続
- 優先サポート

サポート

ドキュメント:https://github.com/railsblueprint/blueprint-mcp
GitHub Issues:https://github.com/railsblueprint/blueprint-mcp/issues

Blueprint MCP for Chrome - あなたのAIアシスタントが欲しいブラウザ自動化を与えます。

https://blueprint-mcp.railsblueprint.com

Latest reviews

Hamza Ahmad
Works great
Alyanna Bulatao
This works like a charm on Claude Desktop. I tried using it to scrape websites with ASP.NET frameworks and heavy Javascript. Claude needs some guidance when going through multi-page apps, but once you have your prompts down, Blueprint executes them flawlessly.
Vladimir Elchinov
Works like a charm! Finally Claude Code can test what it does.
Nikolay Pavlovich
Works nice!