MCP Server Example Image Block

🚀 サンプル MCP サーバー（画像ブロック付き）

このサンプル MCP サーバーは、Lorem Picsum API からランダムな画像を返します。このサンプルは、MCP サーバーを通じて画像ブロックを返す方法を示すためだけに使用されます。

参照：モデルコンテキストプロトコル仕様の画像コンテンツ

🚀 クイックスタート

💻 使用例

基本的な使用法

VS Code との連携

設定 JSON ファイルに以下の内容を追加します。

{
  "mcp": {
    "servers": {
      "random_image": {
        "command": "npx",
        "args": [
          "-y",
          "@larryhudson/mcp-server-example-image-block"
        ],
      }
    }
  }
}

Claude または他の MCP 互換アプリケーションとの連携

MCP 設定 JSON ファイルに以下の内容を追加します。

{
  "mcpServers": {
    "random_image": {
      "command": "npx",
      "args": ["-y", "@larryhudson/mcp-server-example-image-block"],
    }
  }
}

提供されているツール

• get_random_image - Lorem Picsum API を使用してランダムな画像を取得します。

🔧 技術詳細

以下の技術を使用して構築されています。

🛠 開発

Model Context Protocol インスペクターを使用してサーバーをテストできます。

npx @modelcontextprotocol/inspector npx tsx src/index.ts

📄 ライセンス

MIT