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 獲取隨機圖片。

📦 安裝指南

在使用時，根據不同的應用場景，按照上述“快速開始”部分的說明，將相應的配置內容添加到對應的 JSON 文件中即可。

💻 使用示例

基礎用法

在 VS Code 中，通過在設置 JSON 文件添加配置，即可使用該 MCP 服務器返回隨機圖片。示例配置如下：

{
  "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"],
    }
  }
}

🔧 技術細節

本項目使用以下技術構建：

• 模型上下文協議 (MCP)：這是一個允許 AI 助手與外部工具交互的框架。
• TypeScript：用於實現類型安全和提供更好的開發體驗。

📚 詳細文檔

參見：模型上下文協議規範中的圖像內容

📄 許可證

本項目採用 MIT 許可證。

🚧 開發

你可以使用 Model Context Protocol 檢查器來測試服務器，命令如下：

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