JsonLink について
JsonLinkは、AIエージェントがウェブページの内容やメタデータを扱うためのMCPサーバーです。JavaScriptを多用するページをブラウザーで読み込み、Markdown、スクリーンショット、リンク、画像情報を取得できます。
主な機能
- 01ページ内容をMarkdownに変換
- 02ページのメタデータを抽出
- 03ページのスクリーンショットを取得
- 04リンクと属性を一覧表示
- 05画像の詳細を抽出
活用シーン
- 01記事やドキュメントを読む
- 02スクリーンショットでページ構成を確認
- 03複数URLのタイトルと説明を収集
- 04外部のnofollowリンクを探す
MCP 対応
Markdown変換、メタデータ、スクリーンショット、リンク、画像情報を扱う5つのウェブ抽出ツールをMCPクライアントに提供します。JsonLink APIキーを使うstdioサーバーで接続でき、HTTPモードも利用できます。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
5掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| url | string | はい | https:// を含むウェブページの完全な URL |
| max_chars | integer | いいえ | Markdown を指定した文字数に切り詰めます。デフォルト:50,000。 |
詳細
JsonLink MCP サーバー
AI エージェントにウェブを利用させましょう。JsonLink MCP サーバーを使うと、Claude、Cursor、VS Code およびあらゆる MCP クライアントで、ウェブページを Markdown として読み込み、リンクのメタデータを取得し、スクリーンショットを撮影して、任意の URL にあるリンクや画像を一覧表示できます。
- JavaScript を多用するページも読み込みます — 必要に応じて、実際のブラウザーでページを読み込みます。
- ブロックを回避します — サイトにブロックされた場合、プロキシ経由でリクエストを再試行します。
- 失敗したリクエストは無料です — タイムアウトや読み込みできないページではクレジットを消費しません。
ツール
| ツール | 内容 | クレジット |
|---|---|---|
url_to_markdown | 記事、ドキュメント、ブログ記事などを読むために、ページの主要なコンテンツを整形された Markdown として取得します | 1 |
extract_metadata | URL のタイトル、説明、プレビュー画像、ファビコン、サイト名を取得します | 1 |
screenshot | ページのスクリーンショット(デスクトップ、モバイル、タブレット、全ページ、または単一要素)を画像として返します。広告、トラッカー、チャットウィジェット、Cookie バナーは非表示にします。ダークモードも任意で指定できます | 2 |
extract_links | アンカーテキスト、follow/nofollow、内部/外部の情報とともに、ページ上のすべてのリンクを取得します | 1 |
extract_images | 形式、寸法、ファイルサイズとともに、ページ上のすべての画像を取得します | 1 |
API キーの取得
無料アカウントを作成してください。無料プランでは、クレジットカード不要で毎月 100 クレジットを利用できます。ダッシュボードからキーをコピーしてください。
セットアップ
YOUR_API_KEY を JsonLink のキーに置き換えてください。
Claude Code
claude mcp add jsonlink -e JSONLINK_API_KEY=YOUR_API_KEY -- npx -y jsonlink-mcp
Claude Desktop
次の内容を claude_desktop_config.json に追加してください(Settings → Developer → Edit Config)。
{
"mcpServers": {
"jsonlink": {
"command": "npx",
"args": ["-y", "jsonlink-mcp"],
"env": { "JSONLINK_API_KEY": "YOUR_API_KEY" }
}
}
}
Cursor
次の内容を ~/.cursor/mcp.json(またはプロジェクト内の .cursor/mcp.json)に追加してください。
{
"mcpServers": {
"jsonlink": {
"command": "npx",
"args": ["-y", "jsonlink-mcp"],
"env": { "JSONLINK_API_KEY": "YOUR_API_KEY" }
}
}
}
VS Code
次の内容を .vscode/mcp.json に追加してください。
{
"servers": {
"jsonlink": {
"command": "npx",
"args": ["-y", "jsonlink-mcp"],
"env": { "JSONLINK_API_KEY": "YOUR_API_KEY" }
}
}
}
Windsurf およびその他のクライアント
stdio MCP サーバーを実行できるクライアントであれば、同じ方法で設定できます。コマンドは npx、引数は -y jsonlink-mcp、環境変数は JSONLINK_API_KEY です。
プロンプトの例
- 「https://example.com/blog/post を読んで、5 つの箇条書きで要約してください。」
- 「ランディングページのモバイルスクリーンショットを撮って、表示が崩れている箇所を教えてください。」
- 「stripe.com の料金セクションだけをダークモードでスクリーンショットにしてください。」
- 「この 10 件のリンクのタイトルと説明を取得し、表にまとめてください。」
- 「このページにある nofollow の外部リンクを一覧表示してください。」
設定
| 変数 | 説明 |
|---|---|
JSONLINK_API_KEY | JsonLink API キー(必須)。 |
JSONLINK_API_URL | API のベース URL。デフォルトは https://jsonlink.io です。 |
料金
ツールを呼び出すたびに JsonLink のプランからクレジットを消費します。ページごとに 1 クレジット、スクリーンショットごとに 2 クレジットです。プランは月額 15 ドル、50,000 クレジットからです。料金をご覧ください。クレジットとレート制限はREST APIと同じです。
開発
npm install
npm run build
JSONLINK_API_KEY=YOUR_API_KEY node dist/index.js
node dist/index.js --http --port 3100 を実行すると、リモート(Streamable HTTP)サーバーとして起動できます。クライアントは Authorization: Bearer YOUR_API_KEY としてキーを送信します。
ライセンス
MIT
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。