mcpField
J
JsonLink

JsonLink

ローカル
jsonlink.ioブラウザ自動化02 週間前に更新

JsonLink について

JsonLinkは、AIエージェントがウェブページの内容やメタデータを扱うためのMCPサーバーです。JavaScriptを多用するページをブラウザーで読み込み、Markdown、スクリーンショット、リンク、画像情報を取得できます。

主な機能

  1. 01ページ内容をMarkdownに変換
  2. 02ページのメタデータを抽出
  3. 03ページのスクリーンショットを取得
  4. 04リンクと属性を一覧表示
  5. 05画像の詳細を抽出

活用シーン

  1. 01記事やドキュメントを読む
  2. 02スクリーンショットでページ構成を確認
  3. 03複数URLのタイトルと説明を収集
  4. 04外部のnofollowリンクを探す

MCP 対応

Markdown変換、メタデータ、スクリーンショット、リンク、画像情報を扱う5つのウェブ抽出ツールをMCPクライアントに提供します。JsonLink APIキーを使うstdioサーバーで接続でき、HTTPモードも利用できます。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"mauriblint-jsonlink": {
"command": "npx",
"args": [
"-y",
"jsonlink-mcp"
],
"env": {
"JSONLINK_API_KEY": "<JSONLINK_API_KEY>"
}
}
}
}
起動コマンドnpx -y jsonlink-mcp
設定が必要な環境変数
JSONLINK_API_KEYシークレットYour JsonLink API key (free at https://jsonlink.io/signup)

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmjsonlink-mcp0.2.0

ツール

5

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
urlstringはいhttps:// を含むウェブページの完全な URL
max_charsintegerいいえMarkdown を指定した文字数に切り詰めます。デフォルト:50,000。

詳細

JsonLink MCP サーバー

AI エージェントにウェブを利用させましょう。JsonLink MCP サーバーを使うと、Claude、Cursor、VS Code およびあらゆる MCP クライアントで、ウェブページを Markdown として読み込み、リンクのメタデータを取得し、スクリーンショットを撮影して、任意の URL にあるリンクや画像を一覧表示できます。

  • JavaScript を多用するページも読み込みます — 必要に応じて、実際のブラウザーでページを読み込みます。
  • ブロックを回避します — サイトにブロックされた場合、プロキシ経由でリクエストを再試行します。
  • 失敗したリクエストは無料です — タイムアウトや読み込みできないページではクレジットを消費しません。

ツール

ツール内容クレジット
url_to_markdown記事、ドキュメント、ブログ記事などを読むために、ページの主要なコンテンツを整形された Markdown として取得します1
extract_metadataURL のタイトル、説明、プレビュー画像、ファビコン、サイト名を取得します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_KEYJsonLink API キー(必須)。
JSONLINK_API_URLAPI のベース 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

コメント

MCP は初めてですか?

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

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