Allscreenshots

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 ツールを利用できない場合は、Allscreenshots REST API を curl で直接呼び出すことができます。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 サーバーをローカルで実行します。

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