Super Claude Fetch — Claudeにヘッドレスブラウザ機能を提供

Tool
Super Claude Fetch — Claudeにヘッドレスブラウザ機能を提供

Super Claude Fetch — Claudeにヘッドレスブラウザ機能を提供

Super Claude Fetchは、PlaywrightとMCP（Model Context Protocol）を組み合わせて動作するローカルMCPサーバーです。Claudeの標準WebFetchが苦手とするJavaScriptでレンダリングされるSPAや動的ページ、反スクレイピング対策のあるサイトに対して、ヘッドレスブラウザを用いて実際にページをレンダリングし、レンダリング済みのHTMLやDOM情報を取得できるようにすることを目的としています。軽量なラッパーとしてClaudeに“ブラウザ能力”を追加する実装で、クライアント側のJS実行が必要な現代的なWebサイトへのアクセスを可能にします。（約300字）

https://github.com/frozen-cherry/super-claude-fetch

概要

Super Claude Fetchは、Claude（AIアシスタント）が標準のHTTPベースのWebFetchで取得できない、JavaScriptで動的に生成されるページにアクセスできるようにするローカルMCPサーバーです。内部でPlaywrightを使ってヘッドレスブラウザを立ち上げ、ページのナビゲーションとレンダリングを行った上で、レンダリング済みのHTMLや必要なページデータを返すことで、SPAや反ボット対策が施されたサイト、動的WebアプリなどをClaudeに読み込ませられる点が最大の特徴です。MCP（Model Context Protocol）を介してClaudeと通信するため、モデルからのリクエストを受け取りブラウザで実行して結果を返すワークフローが実現されています。

GitHub

リポジトリの統計情報

  • スター数: 5
  • フォーク数: 1
  • ウォッチャー数: 5
  • コミット数: 6
  • ファイル数: 8
  • メインの言語: Python

主な特徴

  • Playwrightを使ったヘッドレスブラウザでJSレンダリングを完全実行し、レンダリング済みコンテンツを取得
  • MCP（Model Context Protocol）サーバーとしてローカルで動作し、Claudeと直接連携可能
  • SPAや反スクレイピング技術を施したサイト、動的Webアプリへのアクセスに対応
  • 軽量なPython実装で比較テスト用スクリプトやブラウザハンドラを含むリポジトリ構成

技術的なポイント

Super Claude Fetchの核は、Playwrightベースのブラウザ自動化とMCPプロトコルを組み合わせる設計にあります。通常のHTTP fetchはサーバーから送られる初期HTMLしか取得できず、クライアントサイドで実行されるJavaScriptにより動的に生成されるコンテンツは反映されません。本プロジェクトはそのギャップを埋めるため、ローカルにMCPサーバーを立て、Claudeなどのモデルが「ページをレンダリングして欲しい」と要求した際にPlaywrightでブラウザを起動して実際のレンダリングを行います。

具体的には、ブラウザ起動、ナビゲーション、必要な待機（ネットワーク静止や特定要素の出現待ち）を経て、最終的にレンダリング済みのHTMLやDOMのスナップショットを取得して返すフローが想定されます。Playwrightを用いることで、Chromium／Firefox／WebKitといった複数エンジンに対応でき、ヘッドレス実行やヘッドフル実行の切り替え、ユーザーエージェントやビューポート設定、リクエストの傍受・ブロックなど高度なブラウザ操作が可能です。

MCP（Model Context Protocol）を介した実装は、モデルと外部ツールのやり取りを標準化する利点があります。Super Claude FetchはMCPサーバーとして動作し、モデルからのリクエスト（例えば「このURLを開いて、特定データを抽出して」）を受けて処理結果を返します。これにより、Claude本体はWebFetchの限界を超えた情報取得が行え、会話や解析の精度向上が期待できます。

設計上の注意点としては、ヘッドレスブラウザはリソースを多く消費し、起動時間もHTTPリクエストより長くかかるため、レイテンシと負荷管理が重要です。また、Playwrightのセットアップ（ブラウザバイナリのインストール）やローカル環境でのセキュリティ設定、アクセス制御も運用上の検討事項になります。本リポジトリはPythonで実装されており、browser.pyがブラウザ制御の中核、comparison_test.pyが通常のHTTP fetchとヘッドレスレンダリングの比較検証を補助する構成です。導入時はREADMEに従い、依存関係（Playwright等）の準備とMCP対応のクライアント設定が必要になります。

プロジェクトの構成

主要なファイルとディレクトリ：

  • .gitignore: file
  • README.md: file
  • README_EN.md: file
  • browser.py: file
  • comparison_test.py: file

…他 3 ファイル

まとめ

Claudeに「本物のブラウザ能力」を付与し、JSレンダリングが必須な現代Webの情報取得を実現する実用的なツールです（約50字）。

リポジトリ情報：

READMEの抜粋：

Super Claude Fetch

English

一个本地 MCP 服务器，让 Claude 拥有无头浏览器能力 —— 能访问任何 JavaScript 渲染的网站，包括 SPA 应用、反爬页面和动态 Web App。

普通 HTTP fetch 搞不定的，它来搞定。

基于 Playwright + MCP (Model Context Protocol) 构建。

为什么需要这个？

Claude 内置的 WebFetch 走的是普通 HTTP 请求。静态页面没问题，但现代 Web 应用全靠 JS 渲染，HTTP 拿到的就是个空壳：

网站普通 HTTP FetchSuper Claude Fetch
HyperliquidHyperliquid（11 字…