ScreenshotOne

公式

ScreenshotOneでウェブサイトのスクリーンショットをレンダリングします

GitHub
35

ScreenshotOne MCPで何ができますか？

  • ウェブサイトのスクリーンショットを撮影 — アシスタントに任意のURLのスクリーンショットをrender-website-screenshotを使用して撮影させ、画像として返してもらいます。
  • カスタムオプションでスクリーンショットをレンダリング — ツールのオプションを通じてScreenshotOne APIパラメータ（ビューポート幅、フォーマット、Cookieバナーのブロックなど）を渡し、出力をカスタマイズします。

ドキュメント

ScreenshotOne MCP サーバー

ScreenshotOne 向けの MCP (Model Context Protocol) サーバーの公式実装です。

構築の背景と MCP の将来に関するいくつかの考察。

ScreenshotOne Server MCP server

ツール

  • render-website-screenshot: ウェブサイトのスクリーンショットをレンダリングし、画像として返します。

使い方

ビルド

最初に必ず依存関係をインストールしてビルドしてください:

npm install && npm run build

ScreenshotOne API キーを取得する

ScreenshotOne でサインアップし、API キーを取得してください。

Claude for Desktop で使用する

~/Library/Application\ Support/Claude/claude_desktop_config.json に以下を追加してください:

{
    "mcpServers": {
        "screenshotone": {
            "command": "node",
            "args": ["path/to/screenshotone/mcp/build/index.js"],
            "env": {
                "SCREENSHOTONE_API_KEY": "<your api key>"
            }
        }
    }
}

スタンドアロンまたは他のプロジェクトで使用する

SCREENSHOTONE_API_KEY=your_api_key node build/index.js

ライセンス

ScreenshotOne MCP Server は MIT ライセンス の下で提供されています。