Example MCP Server with image blocks

Name: Example MCP Server with image blocks
Author: larryhudson

@larryhudson

Repository

About Example MCP Server with image blocks

An example MCP server that sends image blocks

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

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

Tools

get a random image using the Lorem Picsum API.

Overview

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

—

Comments

More Media & Design MCP servers

MiniMax MCP JS

MiniMax-AI

Official MiniMax Model Context Protocol (MCP) JavaScript implementation that provides seamless integration with MiniMax's powerful AI capabilities including image generation, video generation, text-to-speech, and voice cloning APIs.

123