Connect one MCP endpoint. Turn structured data or HTML into polished, hosted PNG or SVG images in under a second.
Connect Render MCPclaude mcp add --transport http rendermcp https://www.rendermcp.com/mcpYour agent sends a template name and data, or raw HTML. Render MCP returns a hosted, production-ready image from the Cloudflare edge. No screenshots, no browsers, no design tools.
{
"template": "metric-card",
"data": {
"title": "Monthly revenue",
"value": "$42,810",
"change": "+24%"
},
"brand": { "primary_color": "#5138EE" }
}
✓ rendered in 245ms · PNG · 2400×1260
Install once. Your agent discovers focused render tools exactly when the work calls for an image.
POST /mcpThe same rendering contract is available to n8n, Make, scripts, and production workflows.
POST /v1/renderOpenAPI and llms.txt expose the real capabilities, error shapes, and limits without a dashboard detour.
GET /openapi.jsonEvery image below is a live render from the deployed API, next to the exact JSON that produced it.
{
"api_key": "rmcp_YOUR_KEY",
"template": "og-image",
"data": {
"title": "Ship faster with Render MCP",
"subtitle": "HTML to image API for AI agents",
"site": "shrikar.dev"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "metric-card",
"data": {
"title": "Monthly revenue",
"value": "$42,810",
"change": "+24%",
"period": "vs last month"
},
"brand": {
"name": "Acme Agency",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "tweet-card",
"data": {
"name": "Shrikar",
"handle": "shrikar",
"text": "We turned our HTML renderer into an MCP server. Agents can now generate branded images with one tool call.",
"date": "9:41 AM · Aug 29, 2026",
"likes": "12.4K",
"reposts": "3,201"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "quote-card",
"data": {
"quote": "The best marketing doesn't feel like marketing.",
"author": "Tom Fishburne",
"role": "Marketoonist"
},
"brand": {
"name": "shrikar.dev",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "code-card",
"data": {
"code": "const res = await fetch(base + '/v1/render', {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({\n template: 'og-image',\n data: { title: 'Hello world' }\n })\n});\nconst { url } = await res.json();",
"filename": "render.ts",
"language": "TypeScript"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "carousel-slide",
"data": {
"kicker": "5 IMAGE API MISTAKES",
"number": "03",
"title": "Stop screenshotting your dashboard.",
"body": "Generate branded metric cards straight from your data instead.",
"footer": "@shrikar · follow for more"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "testimonial-card",
"data": {
"quote": "We replaced our whole screenshot pipeline with one API call. Reports that took an hour now take a second.",
"name": "Maya Chen",
"role": "Head of Growth, Northbeam",
"rating": 5
},
"brand": {
"name": "rendermcp",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "announcement-card",
"data": {
"badge": "NEW",
"title": "Scheduled reports are here",
"description": "Your metrics, rendered beautiful, delivered to Slack every Monday.",
"site": "rendermcp · Aug 2026"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "bar-chart",
"data": {
"title": "Signups per day",
"labels": [
"Mon",
"Tue",
"Wed",
"Thu",
"Fri"
],
"values": [
124,
180,
165,
240,
310
],
"footer": "Week of Aug 24, 2026"
},
"brand": {
"name": "shrikar.dev",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "blog-header",
"data": {
"category": "ENGINEERING",
"title": "How we render 1,000 images a minute on the edge",
"author": "Shrikar",
"read_time": "6 min read"
},
"brand": {
"name": "shrikar.dev",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "story-card",
"data": {
"kicker": "NEW DROP",
"title": "Templates your agent can render.",
"body": "20 social-ready formats, one API call.",
"cta": "Try it free",
"handle": "@shrikar"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "youtube-thumbnail",
"data": {
"title": "I replaced my design team with an API",
"tag": "EP. 12",
"channel": "shrikar.dev"
},
"brand": {
"primary_color": "#5138EE"
}
}{
"api_key": "rmcp_YOUR_KEY",
"template": "sale-promo",
"data": {
"offer": "40% OFF",
"product": "All annual plans",
"code": "SHIP40",
"until": "Ends Sunday midnight"
},
"brand": {
"name": "shrikar.dev",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "event-card",
"data": {
"kicker": "LIVE WEBINAR",
"title": "Agent-generated visuals in production",
"date": "Thu, Sep 4",
"time": "10:00 AM PT",
"host": "Shrikar",
"cta": "Save your seat"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "hiring-card",
"data": {
"role": "Founding Design Engineer",
"location": "Remote · US timezones",
"comp": "Equity-heavy, small team",
"cta": "Apply at shrikar.dev/jobs"
},
"brand": {
"name": "shrikar.dev",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "tips-list",
"data": {
"title": "5 rules for OG images",
"tips": [
"One idea per image",
"72px minimum title size",
"Brand color, one accent",
"Test at feed size",
"Generate, don't screenshot"
],
"footer": "@shrikar"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "before-after",
"data": {
"title": "Report day, fixed",
"before": [
"Screenshot dashboards",
"Paste into slides",
"1.5 hrs per client"
],
"after": [
"POST the numbers",
"Branded image back",
"4 seconds per client"
],
"footer": "@shrikar"
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "stat-callout",
"data": {
"stat": "9x",
"context": "Carousels get saved nine times more often than single-image posts.",
"source": "Metricool, 2026 Instagram study"
},
"brand": {
"name": "shrikar.dev",
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "product-card",
"data": {
"name": "Render MCP",
"tagline": "Your agent's image pipeline",
"price": "Free beta",
"features": [
"20 social templates",
"100ms renders",
"MCP + REST"
]
},
"brand": {
"primary_color": "#5138EE"
}
}
{
"api_key": "rmcp_YOUR_KEY",
"template": "cta-slide",
"data": {
"title": "Follow for more",
"body": "One agent-built marketing visual, every day.",
"name": "Shrikar",
"handle": "@shrikar"
},
"brand": {
"primary_color": "#5138EE"
}
}