mcpField
A
Allscreenshots

Allscreenshots

リモート
allscreenshots.comブラウザ自動化16 日前に更新
リポジトリ公式サイト

Allscreenshots について

Allscreenshotsは、Allscreenshots APIでウェブサイトを撮影するMCPサーバーです。Claude Code、OpenAI CodexなどのMCPクライアント向けで、全ページやモバイルサイズ、ダークモードの撮影に対応し、結果をローカルファイルとして保存します。

主な機能

  1. 01ウェブサイトのスクリーンショット撮影
  2. 02サイズと画像形式の指定
  3. 03全ページとダークモードの撮影
  4. 04広告をブロックして撮影
  5. 05保存したローカルファイルパスの返却

活用シーン

  1. 01ランディングページの撮影
  2. 02モバイルサイズでの表示確認
  3. 03ダークモードでのページ確認
  4. 04広告を除いたページの撮影

MCP 対応

MCPサーバーは、MCPクライアントに `take_screenshot` と `get_api_info` を提供します。APIキーは `ALLSCREENSHOTS_API_KEY` 環境変数または `api_key` ツールパラメーターで指定できます。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://mcp.allscreenshots.com/mcp/v1
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://mcp.allscreenshots.com/mcp/v1認証が必要

ツール

詳細

Allscreenshots プラグイン

Allscreenshots API を使って、Claude Code、OpenAI Codex、および MCP 対応クライアントからウェブサイトのスクリーンショットを撮影できます。

対応プラットフォーム

  • Claude Code
  • OpenAI Codex
  • Cursor、VS Code Copilot、Gemini CLI、Windsurf などの MCP 対応クライアント

クイックインストール

Claude Code

Allscreenshots のマーケットプレイスを追加してから、プラグインをインストールします。

/plugin marketplace add allscreenshots/allscreenshots-plugin
/plugin install allscreenshots@allscreenshots

インストール後、Claude Code を再起動します。Claude Code のマーケットプレイスから、claude-code-plugin/ にある小さなプラグインパッケージがインストールされます。

以前のバージョンをすでにインストールしていて、Claude Code で引き続きプラグインキャッシュエラーが表示される場合は、マーケットプレイスを更新してからプラグインを更新します。

/plugin marketplace update allscreenshots
/plugin update allscreenshots@allscreenshots
OpenAI Codex

Allscreenshots のマーケットプレイスを追加してから、Codex のプラグインディレクトリからプラグインをインストールします。

codex plugin marketplace add allscreenshots/allscreenshots-plugin
codex
/plugins

Allscreenshots のマーケットプレイスを選択し、Allscreenshots プラグインを開いてインストールします。このプラグインには MCP サーバーの設定が含まれているため、長い codex mcp add コマンドを貼り付ける必要はありません。

以前のバージョンをすでにインストールしている場合は、まずマーケットプレイスを更新します。

codex plugin marketplace upgrade allscreenshots
汎用 MCP クライアント

次のコマンドを実行するよう MCP クライアントを設定します。

python3 /path/to/allscreenshots-plugin/mcp_server/server.py

MCP サーバーの環境に API キーを設定するか、api_key ツールパラメーターを介して渡します。

設定

次のリンクから API キーを取得します。

https://allscreenshots.com/dashboard

次に、環境変数として設定します。

export ALLSCREENSHOTS_API_KEY=your-key-here

take_screenshot の呼び出し時に、api_key パラメーターを介して API キーを直接渡すこともできます。

MCP サーバーは、MCP サブプロセスから参照できる場合に ALLSCREENSHOTS_API_KEY を読み取ります。take_screenshot の呼び出し時に、api_key パラメーターを介して API キーを直接渡すこともできます。

MCP ツールを利用できない場合は、curl で Allscreenshots REST API を直接呼び出せます。Allscreenshots CLI は必要ありません。

利用可能なツール

ツール説明パラメーター
take_screenshotウェブサイトのスクリーンショットを撮影し、保存されたローカルファイルのパスを返します。url、api_key、width、height、format、full_page、delay、dark_mode、block_ads
get_api_infoセットアップ用リンク、対応形式、レート制限に関する注意事項、API キーの取得方法を返します。なし

使用例

  • 「https://example.com のスクリーンショットを撮影して」
  • 「ランディングページ全体のスクリーンショットを撮影して」
  • 「このページをダークモードでスクリーンショットにして」
  • 「https://example.com をモバイル表示でスクリーンショットにして」
  • 「広告や Cookie バナーを除いてスクリーンショットを撮影して」
  • 「Allscreenshots の API キーはどうすれば取得できますか?」

開発

公式 MCP レジストリ

ホスト型 MCP サーバーは com.allscreenshots/allscreenshots として登録されています。

https://registry.modelcontextprotocol.io/v0.1/servers/com.allscreenshots%2Fallscreenshots/versions/latest

server.json は公開用マニフェストです。エンドポイントは https://mcp.allscreenshots.com/mcp/v1 のままで、OAuth サインインまたは任意の X-API-Key ヘッダーを使用します。

更新版を公開するには、server.json の version を上げてコミットし、 MCP レジストリに公開ワークフローを実行します。このワークフローは https://allscreenshots.com/.well-known/mcp-registry-auth を通じて所有権を認証します。一致する Ed25519 秘密シードは、リポジトリシークレット MCP_REGISTRY_PRIVATE_KEY に保存されています。このキーを コミットしないでください。GitHub OIDC 認証で付与されるのは io.github.* 名前空間のみであり、 ドメインベースの名前は公開できません。

名前空間の移行は 2026 年 11 月 1 日に公開されました。古い io.github.allscreenshots/allscreenshots エントリーの 2 つのバージョンは、レジストリではエンドポイント URL を 1 つのサーバー名にしか割り当てられないため、検索対象から除外されました。 過去のメタデータは保持されています。既存リスティングの移行について確認を受けるため、新しいエントリーを Glama サポートに送付済みです。 クライアントのエンドポイント設定を変更する必要はありません。

MCP サーバーをローカルで実行します。

cd mcp_server
export ALLSCREENSHOTS_API_KEY=test-key
python3 server.py

テストを実行します。

uv run --with "fastmcp>=2.0" --with "httpx>=0.27" --with "pytest>=8" pytest

Claude Code および Codex のプラグイン配布パッケージを作成します。

python3 scripts/package_plugins.py

アーカイブは dist/ に書き込まれます。

Codex マーケットプレイスのメタデータを確認します。

codex plugin marketplace add ./path/to/allscreenshots-plugin
codex
/plugins

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。