mcpField
S
snaplab

snaplab

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

snaplab について

snaplab は、Claude や Cursor などのクライアント向けに、ウェブページのスクリーンショット、PDF、HTML 画像を生成するホスト型レンダリング API です。n8n、Apify、JavaScript、Python 向けの連携も用意されています。

主な機能

  1. 01ウェブページのスクリーンショット生成
  2. 02ウェブページを PDF に変換
  3. 03HTML を画像としてレンダリング
  4. 04レンダリング使用量の確認
  5. 05JavaScript と Python の SDK

活用シーン

  1. 01エージェント向けにページのスクリーンショットを取得
  2. 02ウェブページを PDF として保存
  3. 03HTML ページから画像を生成

MCP 対応

ホスト型の Streamable HTTP MCP サーバーが、MCP クライアントに screenshot、pdf、html_to_image、usage ツールを公開します。

設定

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

エンドポイントhttps://snaplab.dev/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 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://snaplab.dev/mcp認証が必要

ツール

詳細

snaplab — スクリーンショット、PDF、OG 画像のレンダリング API

ホスト先：https://snaplab.hsingh.app · ドキュメント：https://snaplab.hsingh.app/docs · 無料枠：月 100 回のレンダリング、カード登録不要。

このリポジトリには、オープンソースの連携パッケージが含まれています。

  • MCP サーバー（ホスト型、Streamable HTTP）：claude mcp add --transport http snaplab https://snaplab.hsingh.app/mcp --header "Authorization: Bearer sk_..." — ツール：screenshot、pdf、html_to_image、usage。mcp-registry/server.json をご覧ください。
  • n8n コミュニティノード：n8n-nodes-snaplab（n8n-nodes-snaplab/）
  • Apify アクター：snaplab Screenshot & PDF Renderer（apify-actor/）
  • JavaScript SDK snaplab（snaplab-js/）と Python SDK snaplab-sdk（snaplab-python/）
  • OpenAPI 3.1 仕様：openapi/openapi.json（https://snaplab.hsingh.app/openapi.json でも提供されています）
curl -X POST "https://snaplab.hsingh.app/api/render" \
  -H "Authorization: Bearer sk_..." -H "Content-Type: application/json" \
  -d '{"url":"https://example.com","format":"png","fullPage":true}' -o shot.png

API キー：https://snaplab.hsingh.app/app/keys

MIT ライセンス。

コメント

Markdown 対応

MCP は初めてですか？

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

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