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

Game Asset Generator using MCP and Hugging Face Spaces

MubarakHAlketbi

An MCP server for creating 2D/3D game assets from text using Hugging Face AI models.

146

MCP Figma to React Converter

StudentOfJS

MCP server for converting Figma designs to React components

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

657

Spotify MCP

varunneal

MCP to connect your LLM with Spotify.

606

KiCAD MCP: AI-Assisted PCB Design

mixelpixx

KiCAD MCP is a Model Context Protocol (MCP) implementation that enables Large Language Models (LLMs) like Claude to directly interact with KiCAD for printed circuit board design.

1.5K