MCP.so
登录

Example MCP Server with image blocks

@larryhudson

关于 Example MCP Server with image blocks

An example MCP server that sends image blocks

基本信息

分类

媒体与设计

许可证

MIT license

运行时

node

传输方式

stdio

发布者

larryhudson

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "mcp-server-example-image-block": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/inspector",
        "npx",
        "tsx",
        "src/index.ts"
      ]
    }
  }
}

工具

1

get a random image using the Lorem Picsum API.

概览

What is Example MCP Server with image blocks?

An example MCP server that uses the Lorem Picsum API to return a random image. It is designed to demonstrate how MCP servers can include image blocks in their tool responses, serving as a reference for developers building MCP tools.

How to use Example MCP Server with image blocks?

Add the server’s configuration to your MCP settings JSON file. For VS Code, include it under mcp.servers; for Claude or other MCP-compatible apps, under mcpServers. The command is npx -y @larryhudson/mcp-server-example-image-block. After configuration, call the get_random_image tool to retrieve a random image.

Key features of Example MCP Server with image blocks

  • Returns a random image via the Lorem Picsum API.
  • Demonstrates MCP’s image content block capability.
  • Built with TypeScript for type safety.
  • Single tool: get_random_image.

Use cases of Example MCP Server with image blocks

  • Learning how MCP servers return image content.
  • Testing MCP client image rendering features.
  • Quickly obtaining a random image from Lorem Picsum.

FAQ from Example MCP Server with image blocks

评论

媒体与设计 分类下的更多 MCP 服务器