Give your agent a design engine.

{
  "template": "og-image",
  "data": {
    "title": "Ship faster with Render MCP",
    "subtitle": "HTML to image API for AI agents",
    "site": "rendermcp.com"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "metric-card",
  "data": {
    "title": "Monthly revenue",
    "value": "$42,810",
    "change": "+24%",
    "period": "vs last month"
  },
  "brand": {
    "name": "Acme Agency",
    "primary_color": "#5138EE"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "template": "story-card",
  "data": {
    "kicker": "NEW DROP",
    "title": "Templates your agent can render.",
    "body": "27 social-ready formats, one API call.",
    "cta": "Try it free",
    "handle": "@shrikar"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "youtube-thumbnail",
  "data": {
    "title": "I replaced my design team with an API",
    "tag": "EP. 12",
    "channel": "shrikar.dev"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "sale-promo",
  "data": {
    "offer": "40% OFF",
    "product": "All annual plans",
    "code": "SHIP40",
    "until": "Ends Sunday midnight"
  },
  "brand": {
    "name": "shrikar.dev",
    "primary_color": "#5138EE"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "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"
  }
}

{
  "template": "product-card",
  "data": {
    "name": "Render MCP",
    "tagline": "Your agent's image pipeline",
    "price": "Free beta",
    "features": [
      "26 social templates",
      "100ms renders",
      "MCP + REST"
    ]
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "cta-slide",
  "data": {
    "title": "Follow for more",
    "body": "One agent-built marketing visual, every day.",
    "name": "Shrikar",
    "handle": "@shrikar"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "social-post",
  "data": {
    "kicker": "UNPOPULAR OPINION",
    "title": "Your agent doesn't need a screenshot tool. It needs a render API.",
    "footer": "@shrikar"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "meme-card",
  "data": {
    "top": "WHEN THE AGENT ASKS FOR AN IMAGE",
    "bottom": "AND YOU ALREADY HAVE AN MCP FOR THAT"
  },
  "brand": {
    "primary_color": "#14142b"
  }
}

{
  "template": "poll-card",
  "data": {
    "question": "How do you make your OG images today?",
    "options": [
      "Screenshot tool",
      "Figma, by hand",
      "A render API",
      "I don't"
    ],
    "footer": "@shrikar"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "feed-ad",
  "data": {
    "badge": "FREE BETA",
    "headline": "Give your agent a design engine.",
    "subhead": "27 templates, deterministic renders, free while in beta.",
    "cta": "Get a free key"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "display-banner",
  "data": {
    "badge": "FREE BETA",
    "headline": "AI images in one API call",
    "cta": "Try it free"
  },
  "brand": {
    "primary_color": "#5138EE"
  }
}

{
  "template": "urgency-promo",
  "data": {
    "deadline": "24 HOURS LEFT",
    "offer": "30% off every plan",
    "cta": "Lock in the price"
  },
  "brand": {
    "primary_color": "#e6455a"
  }
}