CaptureKit について
CaptureKit は CaptureKit スクリーンショット API 向けの MCP サーバーで、ウェブサイトの撮影や内容確認を行うクライアントを対象としています。画像や PDF の生成、構造化データの抽出、HTML の取得、AI によるページ分析ができます。
主な機能
- 01PNG、JPEG、WebP、PDFの撮影
- 02構造化されたページ内容の抽出
- 03クローラーによる生HTMLの取得
- 04AIによるページ分析
- 05アカウント利用状況とサービス統計の確認
活用シーン
- 01レポート用ウェブサイト画像の作成
- 02ページのメタデータとリンクの抽出
- 03AIによるウェブページ内容の確認
MCP 対応
撮影、コンテンツ抽出、クロール、分析などの CaptureKit API 操作をツールとして MCP クライアントに公開します。stdio と Streamable HTTP に対応し、ホスト型またはセルフホストで利用できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://mcp.capturekit.dev/claude mcp add --transport http dev-capturekit https://mcp.capturekit.dev/{"mcpServers":{"dev-capturekit":{"type":"http","url":"https://mcp.capturekit.dev/"}}}Cursor で開く{"servers":{"dev-capturekit":{"type":"http","url":"https://mcp.capturekit.dev/"}}}VS Code で開く{"mcpServers":{"dev-capturekit":{"type":"http","url":"https://mcp.capturekit.dev/"}}}{"mcpServers":{"dev-capturekit":{"serverUrl":"https://mcp.capturekit.dev/"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://mcp.capturekit.dev/認証が必要ツール
詳細
CaptureKit MCP サーバー
CaptureKit のスクリーンショット API に対応する、公式の Model Context Protocol サーバーです。
ウェブサイトを PNG、JPEG、WebP、PDF としてキャプチャしたり、コンテンツを抽出したり、AI で分析したりできます。
Claude、Cursor、VS Code、Windsurf、およびあらゆる MCP クライアントから、API をツールとして呼び出せるようにします。stdio(ローカル)または Streamable HTTP(セルフホスト可能)で動作します。
必要条件
ホスト型サーバー(推奨)
CaptureKit はこのサーバーを https://mcp.capturekit.dev/(Streamable HTTP)で実行しています。x-api-key ヘッダーに API キーを指定してください。インストールは不要です。
claude mcp add --transport http capturekit https://mcp.capturekit.dev/ --header "x-api-key: YOUR_API_KEY"
{
"mcpServers": {
"capturekit": {
"url": "https://mcp.capturekit.dev/",
"headers": {
"x-api-key": "YOUR_API_KEY"
}
}
}
}
ホスト型サーバーとこのパッケージは同じ API を公開します。stdio、自分のネットワーク経由での外部接続、またはセルフホスト可能な環境での運用が必要な場合は、パッケージをローカルで実行してください。
ローカルで実行する
Claude Code
claude mcp add capturekit --env CAPTUREKIT_API_KEY=YOUR_API_KEY -- npx -y @capturekitdev/mcp
Claude Desktop、Cursor、Windsurf、およびその他のクライアント
クライアントの MCP 設定(claude_desktop_config.json、.cursor/mcp.json…)にサーバーを追加します。
{
"mcpServers": {
"capturekit": {
"command": "npx",
"args": ["-y", "@capturekitdev/mcp"],
"env": {
"CAPTUREKIT_API_KEY": "YOUR_API_KEY"
}
}
}
}
VS Code
{
"servers": {
"capturekit": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@capturekitdev/mcp"],
"env": {
"CAPTUREKIT_API_KEY": "${input:capturekit-api-key}"
}
}
},
"inputs": [
{
"type": "promptString",
"id": "capturekit-api-key",
"description": "CaptureKit API key",
"password": true
}
]
}
Claude Desktop 拡張機能
リリースページから .mcpb バンドルをダウンロードして開くと、Claude Desktop から API キーの入力を求められます。
Docker
docker build -t capturekit-mcp .
docker run -i --rm -e CAPTUREKIT_API_KEY=YOUR_API_KEY capturekit-mcp
ツール
| ツール | 説明 |
|---|---|
analyze | AI Content API は、あらゆるウェブページを分析し、AI による洞察の要約、価値提案、機能、カテゴリ、ユースケース、およびオプションの連絡先情報を返します。 |
capture | ブラウザーのように動作する Screenshot API です。ヘッドレス環境を設定せずに、プレビュー、QA、レポート作成、モニタリング、アーカイブ向けにウェブページを PNG/JPEG/WebP または PDF としてキャプチャします。 |
content | CaptureKit Content API は、SEO、モニタリング、インデックス作成、自動化向けに、構造化されたウェブページのデータ、メタデータ、リンク、HTML/Markdown を 1 回のリクエストで抽出します。 |
stats | 過去 1 時間のエンジンまたはエンドポイントのインフラストラクチャの状態を確認できます。アカウントやテナントごとの範囲には限定されません。アカウントごとに有効化されます。HTTP 403 が返された場合は、サポートに連絡して有効化を依頼してください。 |
usage | CaptureKit アカウントのリアルタイムの使用状況統計とクレジット残高を取得します。 |
website_crawler | Website Crawler API は、リクエストモード(レンダリングなし)であらゆるウェブページから生の HTML を取得し、高速なスクレイピング、監査、モニタリング、リンク/メタデータの抽出に利用できます。 |
API を呼び出すすべてのツールはクレジットを消費します。JSON の結果はテキストとして返され、画像はインラインで返されます。その他のファイル(PDF など)は、最大 4 MB まで埋め込みリソースとして返されます。
Streamable HTTP
npx @capturekitdev/mcp --http --port 3000
エンドポイントは POST /mcp(ステートレス、JSON レスポンス)です。各クライアントは x-api-key ヘッダー(または Authorization: Bearer <key>)で独自のキーを送信します。サーバーが独自のキーを使用することはありません。デフォルトでは 127.0.0.1 にバインドされ、許可しない限りブラウザーのオリジンを拒否します。外部に公開する前に、TLS の背後に配置してください。
Fetch 互換ランタイム(Cloudflare Workers、Deno、Bun)向けに createHttpHandler() がエクスポートされています。
import { createHttpHandler } from "@capturekitdev/mcp";
export default { fetch: createHttpHandler({ allowedOrigins: [] }) };
セキュリティ
- API キーは
CAPTUREKIT_API_KEY(stdio)またはリクエストヘッダー(HTTP)から読み取られ、エラーメッセージからは削除されます。 - ウェブサイトから取得したコンテンツは信頼できないため、サーバーの指示によって、モデルには指示ではなくデータとして扱うよう伝えています。
- 脆弱性の報告については SECURITY.md をご覧ください。
開発
npm install
npm test
npm run build
npx @modelcontextprotocol/inspector node dist/stdio.js
SDK 上に構築
このサーバーは公式の Node.js SDK (@capturekitdev/sdk) を使用します。
CaptureKit の全 SDK
| SDK | パッケージ | インストール |
|---|---|---|
| Node.js | @capturekitdev/sdk | npm install @capturekitdev/sdk |
| Python | capturekitdev | pip install capturekitdev |
| Go | capturekit-go | go get github.com/capturekitdev/capturekit-go |
| .NET | CaptureKit | dotnet add package CaptureKit |
| Ruby | capturekitdev | gem install capturekitdev |
| PHP | capturekitdev/sdk | composer require capturekitdev/sdk |
| Java | capturekit-java | ソースからビルドしてください。README を参照してください |
| CLI | @capturekitdev/cli | npm install -g @capturekitdev/cli |
| MCP サーバー | @capturekitdev/mcp | npx -y @capturekitdev/mcp |
ライセンス
MIT — LICENSE を参照してください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。