mcpField
S
Snapforge

Snapforge

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

Snapforge について

Snapforge は AI エージェント向けの MCP サーバーで、URL や HTML をスクリーンショット、PDF、Markdown に変換します。ホスト型のリモート接続とローカルの STDIO 設定に対応します。

主な機能

  1. 01URL や HTML を PNG/JPEG に描画
  2. 02URL や HTML を PDF に変換
  3. 03ウェブページから Markdown を抽出
  4. 04ホスト型リモート接続とローカル STDIO

活用シーン

  1. 01確認用にページ全体をキャプチャ
  2. 02HTML ページから PDF を生成
  3. 03LLM 向けに記事本文を抽出

MCP 対応

スクリーンショット、PDF 描画、Markdown 抽出のツールを提供します。https://snapforge.org/mcp への接続とローカル STDIO 設定を利用できます。

設定

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

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

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

パッケージ
npmsnapforge-mcp1.3.0

ツール

4
パラメーター型必須説明
urlstringいいえレンダリングする公開 http/https URL。url または html のいずれかを指定します。
htmlstringいいえURL の代わりにレンダリングする生の HTML(最大 2MB)。url または html のいずれかを指定します。
waitUntilenumいいえページの準備完了と見なすタイミング:"load"(デフォルト)または "networkidle"load | networkidle
delayintegerいいえ撮影前の追加待機時間(ミリ秒、0~10000)
fullPagebooleanいいえスクロール可能なページ全体を撮影します(デフォルトは true)
widthintegerいいえビューポートの幅(ピクセル、100~3840)
heightintegerいいえビューポートの高さ(ピクセル、100~2160)
scaleintegerいいえ高 DPI/Retina 出力用のデバイスピクセル比(1~3)
formatenumいいえ画像形式:"png"(デフォルト)または "jpeg"png | jpeg
qualityintegerいいえJPEG 品質(1~100、PNG では無視)

詳細

snapforge-mcp

SnapForge 用の MCP サーバーです。AI エージェントに、Web の読み取りとレンダリングを行う 3 つのツールを提供します。

  • snapforge_screenshot — 任意の URL または HTML を PNG/JPEG としてキャプチャします(デフォルトではページ全体)
  • snapforge_pdf — URL または HTML を PDF にレンダリングします(singlePage オプションと、ブロックが途中で切れない整ったページ分割に対応)
  • snapforge_markdown — 任意のページから整った Markdown を抽出します(記事抽出)。ライブ Web コンテンツを LLM に渡すのに最適です

Claude Code、Claude Desktop、Cursor、Kilo Code、Cline、Windsurf、Zed、VS Code、Hermes、OpenClaw と、あらゆる MCP クライアントで動作します。

使用例

API からリアルタイムで生成した出力例です。

Open Graph/ソーシャルカード ダッシュボードから PNG へ HTML 請求書

その他のサンプル:ページ全体のスクリーンショット(高さ制限なし) · 料金ページ · モバイルビューポート · PDF(請求書、1 ページの記事、複数ページのレポート、証明書) · ページを Markdown に変換

セットアップ

https://snapforge.org で無料の API キーを取得します(初回 100 回のレンダリングは無料、カード不要)。その後、以下の手順に進みます。

ホステッド(インストール不要)— 推奨

x-api-key ヘッダーにキーを設定して、任意の MCP クライアントをリモートサーバーに接続します。

https://snapforge.org/mcp
ローカル(stdio)— Claude Desktop/Claude Code/任意のクライアント
{
  "mcpServers": {
    "snapforge": {
      "command": "npx",
      "args": ["-y", "snapforge-mcp"],
      "env": { "SNAPFORGE_API_KEY": "sf_your_key" }
    }
  }
}
Claude Code プラグイン(ワンクリック)
/plugin marketplace add sporty303/snapforge-mcp
/plugin install snapforge@snapforge

環境変数

  • SNAPFORGE_API_KEY(必須)
  • SNAPFORGE_BASE_URL(任意。デフォルトは https://snapforge.org)

ライセンス

MIT

コメント

MCP は初めてですか?

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

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