mcpField
C
CaptureKit

CaptureKit

リモート
capturekit.devブラウザ自動化01 週間前に更新
リポジトリ公式サイト

CaptureKit について

CaptureKit は CaptureKit スクリーンショット API 向けの MCP サーバーで、ウェブサイトの撮影や内容確認を行うクライアントを対象としています。画像や PDF の生成、構造化データの抽出、HTML の取得、AI によるページ分析ができます。

主な機能

  1. 01PNG、JPEG、WebP、PDFの撮影
  2. 02構造化されたページ内容の抽出
  3. 03クローラーによる生HTMLの取得
  4. 04AIによるページ分析
  5. 05アカウント利用状況とサービス統計の確認

活用シーン

  1. 01レポート用ウェブサイト画像の作成
  2. 02ページのメタデータとリンクの抽出
  3. 03AIによるウェブページ内容の確認

MCP 対応

撮影、コンテンツ抽出、クロール、分析などの CaptureKit API 操作をツールとして MCP クライアントに公開します。stdio と Streamable HTTP に対応し、ホスト型またはセルフホストで利用できます。

設定

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

エンドポイントhttps://mcp.capturekit.dev/
インストールコマンドをコピー
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.capturekit.dev/認証が必要
パッケージ
npm@capturekitdev/mcp0.1.0

ツール

詳細

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

ツール

ツール説明
analyzeAI Content API は、あらゆるウェブページを分析し、AI による洞察の要約、価値提案、機能、カテゴリ、ユースケース、およびオプションの連絡先情報を返します。
captureブラウザーのように動作する Screenshot API です。ヘッドレス環境を設定せずに、プレビュー、QA、レポート作成、モニタリング、アーカイブ向けにウェブページを PNG/JPEG/WebP または PDF としてキャプチャします。
contentCaptureKit Content API は、SEO、モニタリング、インデックス作成、自動化向けに、構造化されたウェブページのデータ、メタデータ、リンク、HTML/Markdown を 1 回のリクエストで抽出します。
stats過去 1 時間のエンジンまたはエンドポイントのインフラストラクチャの状態を確認できます。アカウントやテナントごとの範囲には限定されません。アカウントごとに有効化されます。HTTP 403 が返された場合は、サポートに連絡して有効化を依頼してください。
usageCaptureKit アカウントのリアルタイムの使用状況統計とクレジット残高を取得します。
website_crawlerWebsite 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/sdknpm install @capturekitdev/sdk
Pythoncapturekitdevpip install capturekitdev
Gocapturekit-gogo get github.com/capturekitdev/capturekit-go
.NETCaptureKitdotnet add package CaptureKit
Rubycapturekitdevgem install capturekitdev
PHPcapturekitdev/sdkcomposer require capturekitdev/sdk
Javacapturekit-javaソースからビルドしてください。README を参照してください
CLI@capturekitdev/clinpm install -g @capturekitdev/cli
MCP サーバー@capturekitdev/mcpnpx -y @capturekitdev/mcp

ライセンス

MIT — LICENSE を参照してください。

コメント

MCP は初めてですか?

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

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