MCP Server Example Image Block

🚀 Example MCP Server with Image Blocks

This is an example MCP server that returns random images from the Lorem Picsum API. It's solely for demonstrating how to return image blocks via an MCP server.

🚀 Quick Start

Using with VS Code

Add the following to your settings JSON file:

{
  "mcp": {
    "servers": {
      "random_image": {
        "command": "npx",
        "args": [
          "-y",
          "@larryhudson/mcp-server-example-image-block"
        ]
      }
    }
  }
}

Using with Claude or other MCP-compatible applications

Add the following to your MCP configuration JSON file:

{
  "mcpServers": {
    "random_image": {
      "command": "npx",
      "args": ["-y", "@larryhudson/mcp-server-example-image-block"]
    }
  }
}

✨ Features

• get_random_image - Fetch a random image using the Lorem Picsum API.

🔧 Technical Details

This project is built with the following technologies:

• Model Context Protocol (MCP): A framework that enables AI assistants to interact with external tools.
• TypeScript: Used for type safety and a better development experience.

📚 Documentation

You can test the server using the Model Context Protocol inspector:

npx @modelcontextprotocol/inspector npx tsx src/index.ts

📄 License

MIT