mcpField
S
snaplab

snaplab

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

snaplab について

snaplabは、ウェブページやHTMLをスクリーンショット、PDF、画像に変換するホスト型レンダリングAPIです。MCP連携により、ClaudeやCursorなどのクライアントから機能を利用できます。

主な機能

  1. 01ウェブページをスクリーンショット化
  2. 02ウェブページからPDFを生成
  3. 03HTMLを画像に変換
  4. 04ツールで利用状況を確認

活用シーン

  1. 01ウェブページを画像として保存
  2. 02ページのPDF版を作成
  3. 03HTMLをプレビュー画像にレンダリング

MCP 対応

ホスト型Streamable HTTP MCPサーバーが、スクリーンショット、PDF、HTMLから画像への変換、利用状況のツールを提供します。

設定

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

エンドポイントhttps://snaplab.hsingh.app/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.hsingh.app/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 ライセンス。

コメント

MCP は初めてですか?

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

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