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