Example MCP Server with image blocks
@larryhudson
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
1get 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
—
More Media & Design MCP servers
Image-Gen-Server
fengin一个能与Cursor集成的图片生成mcp server工具,实现调用即梦逆向接口

BibiGPT AI video & audio summarizer
JimmyLvOpenClaw / Claude Code / Codex Agent skill for summarizing videos/audio via BibiGPT CLI (bibi)
Video Editor MCP server
burningionMCP Interface for Video Jungle
Figma MCP Server
thirdstrandstudioFigma MCP Server with full API functionality
YouTube MCP Server
anaisbettsA Model-Context Protocol Server for YouTube
Comments