snaplab について
snaplabは、ウェブページやHTMLをスクリーンショット、PDF、画像に変換するホスト型レンダリングAPIです。MCP連携により、ClaudeやCursorなどのクライアントから機能を利用できます。
主な機能
- 01ウェブページをスクリーンショット化
- 02ウェブページからPDFを生成
- 03HTMLを画像に変換
- 04ツールで利用状況を確認
活用シーン
- 01ウェブページを画像として保存
- 02ページのPDF版を作成
- 03HTMLをプレビュー画像にレンダリング
MCP 対応
ホスト型Streamable HTTP MCPサーバーが、スクリーンショット、PDF、HTMLから画像への変換、利用状況のツールを提供します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
エンドポイント
https://snaplab.hsingh.app/mcpインストールコマンドをコピー
Claude CodeTerminal
claude mcp add --transport http app-hsingh-snaplab-snaplab https://snaplab.hsingh.app/mcpCursor.cursor/mcp.json
{"mcpServers":{"app-hsingh-snaplab-snaplab":{"type":"http","url":"https://snaplab.hsingh.app/mcp"}}}Cursor で開くVS Code.vscode/mcp.json
{"servers":{"app-hsingh-snaplab-snaplab":{"type":"http","url":"https://snaplab.hsingh.app/mcp"}}}VS Code で開くClaude Desktopclaude_desktop_config.json
{"mcpServers":{"app-hsingh-snaplab-snaplab":{"type":"http","url":"https://snaplab.hsingh.app/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"app-hsingh-snaplab-snaplab":{"serverUrl":"https://snaplab.hsingh.app/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
すべてのエンドポイント
Streamable HTTP
https://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 SDKsnaplab-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 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。