Steel Puppeteer

🚀 鋼傀儡サーバー

このサーバーは、モデルコンテキストプロトコル（MCP）に基づいており、PuppeteerとSteelを利用してブラウザの自動化機能を提供します。これにより、大規模言語モデル（LLM）が実際のブラウザ環境でウェブページとのインタラクション、スクリーンショットの取得、JavaScriptの実行を行うことができます。

✨ 主な機能

• Puppeteerの高度なブラウザ自動化機能をサポートします。
• Steelプロトコルを統合し、LLMとのシームレスなインタラクションを実現します。
• 柔軟な設定オプションと拡張性を提供します。
• ローカルとクラウドの両方のデプロイをサポートします。

📦 インストール

環境変数

以下の環境変数を使用して、サーバーの動作をカスタマイズできます。

サーバーの設定

1. 依存関係をインストールします。

npm install

2. プロジェクトをビルドします。

npm run build

3. サーバーを起動します。

npm start

4. Claude Desktopを開き、ブラウジングを開始しましょう！

💻 使用例

基本的な使用法

このサーバーは、以下のツールを提供してブラウザの自動化操作をサポートしています。

ツール

• puppeteer_navigate

  • ブラウザで任意のURLに移動します。
  • 入力：
    • url (文字列、必須)：移動先のURL
    • timeout (数値、オプション、デフォルト値：60000)：ナビゲーションのタイムアウト時間（ミリ秒）
    • waitUntil (文字列、オプション、デフォルト値："domcontentloaded")：ナビゲーションが成功したとみなす条件。選択肢："load"、"domcontentloaded"、"networkidle0"、"networkidle2"

• puppeteer_screenshot

  • ウェブページまたは特定の要素のスクリーンショットを取得します。
  • 入力：
    • name (文字列、必須)：スクリーンショットの名前
    • selector (文字列、オプション)：スクリーンショットを取得する要素のCSSセレクター

• puppeteer_click

  • ウェブページ上の要素をクリックします。
  • 入力：
    • selector (文字列、必須)：クリックする要素のCSSセレクター

• puppeteer_fill

  • フォームフィールドに値を入力します。
  • 入力：
    • selector (文字列、必須)：フォームフィールドのCSSセレクター
    • value (文字列、必須)：入力する値

• puppeteer_select

  • <SELECT> タグ内の要素を選択します。
  • 入力：
    • selector (文字列、必須)：選択する要素のCSSセレクター
    • value (文字列、必須)：選択する値

リソース

このサーバーは、以下のリソースを提供してブラウザの自動化操作をサポートしています。

• スクリーンショット機能
• 要素とのインタラクション（クリック、入力など）
• ブラウザイベントの監視と制御

📚 ドキュメント

トラブルシューティング

• Puppeteerに関連する問題が発生した場合は、システムに必要な依存関係がインストールされていることを確認してください。詳細については、Puppeteerトラブルシューティングガイドを参照してください。
• Steelクラウドサービスを使用する場合は、APIキーが有効で必要な権限を持っていることを確認してください。
• ローカルのSteelインスタンスを使用する場合は、それが実行中で、指定されたURL（カスタムの場合）またはデフォルトのローカルアドレスにアクセス可能であることを確認してください。

より詳細な設定オプションや高度な使い方については、SteelのドキュメントとPuppeteerのAPIリファレンスを参照してください。