Documentation
Complete reference for all Mediagram MCP tools
Getting Started
1. Prerequisites
- An MCP-compatible client (Claude Desktop, Continue, Cursor, etc.)
- A Mediagram account (sign up for free)
- Your API key from the Mediagram dashboard
2. Configure Your MCP Client
{
"mcpServers": {
"mediagram": {
"command": "npx",
"args": ["-y", "@mediagram/mcp-server"],
"env": {
"MEDIAGRAM_API_KEY": "your-api-key-here"
}
}
}
}3. Start Using
Once configured, simply ask your AI assistant to generate visual content. For example: “Create a map of Paris with markers at the Eiffel Tower and Louvre” or “Generate a portfolio chart showing monthly returns.”
Output Formats
Each tool supports one or more output formats:
Image
PNG image outputPPTX
Editable PowerPointGIF / MP4
Animated contentHTML
Coming soonTool Categories
Map Styles
All map tools support multiple tile styles. Choose the one that best fits your use case.
OSM
Carto Light
Carto Dark
Satellite| Value | Name | Description |
|---|---|---|
osm | OpenStreetMap | Standard map with roads, labels, and terrain colors |
satellite | Satellite | Aerial/satellite imagery from ESRI |
carto | Carto Light | Clean, minimal light-themed map |
carto-nolabels | Carto Light (No Labels) | Light theme without text labels |
carto-dark | Carto Dark | Dark-themed map for presentations |
carto-dark-nolabels | Carto Dark (No Labels) | Dark theme without text labels |
topo | Topographic | Topographic map with elevation contours |
Need Help?
Check out our GitHub repository for source code and issue tracking. For questions or feature requests, open an issue or join the community discussions.



Social Media Presets
Pixel-perfect sizing for every platform — TikTok, Instagram, X, Facebook, YouTube
Every image, animation, and map tool supports the
presetparameter. Just specify the platform and Mediagram handles the dimensions automatically. Works with PNG images, GIF animations, and MP4 videos.// Just add preset to any tool call: { "preset": "tiktok" } // 1080x1920 (9:16) { "preset": "instagram-story" } // 1080x1920 (9:16) { "preset": "instagram-square" } // 1080x1080 (1:1) { "preset": "twitter" } // 1200x675 (16:9) { "preset": "youtube-thumbnail" } // 1280x720 (16:9) // Or simply ask in natural language: // "Create a TikTok-sized zoom animation into Paris" // "Generate an Instagram story map of Tokyo"TikTok
Instagram
X (Twitter)
Facebook
YouTube
tiktokinstagram-storyinstagram-squareinstagram-landscapetwittertwitter-headerfacebookyoutube-thumbnail