🚀 示例 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