{"templates":[{"template":"og-image","description":"Open Graph / social share image: big title, optional subtitle, brand bar. 1200x630.","fields":{"title":"Main heading (required)","subtitle":"Smaller line under the title (optional)","site":"Site or product name shown at the bottom (optional)"},"default_size":{"width":1200,"height":630},"example":{"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","description":"KPI / metric card: label, big value, change vs previous period with up or down color. 1200x630.","fields":{"title":"Metric label, e.g. 'Monthly revenue' (required)","value":"Formatted value, e.g. '$42,810' (required)","change":"Delta string, e.g. '+24%' (optional; leading '-' renders red, otherwise green)","period":"Period caption, e.g. 'Aug 17 - Aug 23' (optional)","icon":"Built-in icon name shown next to the title, e.g. 'chart' or 'dollar' (optional; see icon list in llms.txt)"},"default_size":{"width":1200,"height":630},"example":{"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","description":"Social post screenshot card (X/Twitter style): avatar, name, handle, post text, engagement row. The classic repost-to-LinkedIn/Instagram format. 1200x675.","fields":{"name":"Display name (required)","handle":"Handle without @, e.g. 'shrikar' (required)","text":"Post text (required)","date":"Date line, e.g. '9:41 AM · Aug 29, 2026' (optional)","likes":"Like count string, e.g. '12.4K' (optional)","reposts":"Repost count string (optional)"},"default_size":{"width":1200,"height":675},"example":{"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","description":"Square quote card for feeds and carousels: oversized quotation, author, role. Evergreen viral format. 1080x1080.","fields":{"quote":"The quote text (required)","author":"Author name (required)","role":"Role / source line (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Carbon-style code snippet card: editor window with traffic lights, filename, monospace code. The shareable dev format. 1200x630 default.","fields":{"code":"The code snippet (required; keep under ~14 lines for the default height)","filename":"Filename shown in the window bar (optional)","language":"Language label shown at bottom right (optional)"},"default_size":{"width":1200,"height":630},"example":{"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","description":"Square slide for LinkedIn document posts / Instagram carousels (the highest-engagement organic format): kicker, slide number, big statement, footer handle. Make one per point. 1080x1080.","fields":{"kicker":"Small uppercase label at top, e.g. '5 SEO MISTAKES' (optional)","number":"Slide number like '03' (optional)","title":"The big statement for this slide (required)","body":"Supporting sentence (optional)","footer":"Footer handle or CTA, e.g. '@shrikar · follow for more' (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Social-proof testimonial: star rating, quote, avatar, name, role/company. Landing pages, case-study posts, review roundups. 1200x630.","fields":{"quote":"The testimonial text (required)","name":"Customer name (required)","role":"Role and company, e.g. 'CTO, Acme' (optional)","rating":"Stars 1-5 (optional, default 5)"},"default_size":{"width":1200,"height":630},"example":{"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":"case-study-card","description":"Dark case-study hook card: kicker, byline, two-line punch headline (second line in the brand color), author photo, and a bottom badge with description. Newsletter promos, 'I did X, here's how' posts, case-study threads. 1200x630.","fields":{"kicker":"Small label above the headline, e.g. 'THE PLAYBOOK' (optional)","byline":"Attribution line, e.g. 'by Luke Shalom.' (optional)","headline_1":"First headline line, in white (required)","headline_2":"Second headline line, in the brand color (optional)","name":"Person's name; used for the avatar's initials when avatar_data isn't given (optional)","avatar_data":"data:image URI for a real photo (optional; falls back to initials)","meta":"Small caption under the avatar, e.g. 'Read time · 3 minutes' (optional)","badge":"Bottom-left pill text (optional, default 'CASE STUDY')","description":"Text next to the badge, one or two short lines (optional)"},"default_size":{"width":1200,"height":630},"example":{"template":"case-study-card","data":{"kicker":"THE PLAYBOOK","byline":"by Luke Shalom.","headline_1":"I made him $2M.","headline_2":"Then he fired me.","name":"Luke Shalom","meta":"Read time · 3 minutes","badge":"CASE STUDY","description":"Best outcome I've had all year. Here's the whole build."},"brand":{"name":"Atticus","primary_color":"#f2751a"}}},{"template":"announcement-card","description":"Product launch / changelog / feature announcement: badge, headline, description, site. Product Hunt launches, release notes, feature drops. 1200x630.","fields":{"badge":"Badge text, e.g. 'NEW' or 'v2.0' (optional, default NEW)","icon":"Built-in icon name above the headline, e.g. 'rocket' (optional; see llms.txt)","title":"Announcement headline (required)","description":"One-liner about it (optional)","site":"Site or date line at the bottom (optional)"},"default_size":{"width":1200,"height":630},"example":{"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":"bar-chart","description":"Clean bar chart card from labels and values: title, bars with value labels, footer. All math computed in code, deterministic. 1200x630.","fields":{"title":"Chart title (required)","labels":"Array of category labels, e.g. [\"Mon\",\"Tue\"] (required)","values":"Array of numbers, same length (required)","footer":"Source / caption line (optional)","unit":"Prefix or suffix for value labels, e.g. '$' or '%' (optional; '$' prefixes, anything else suffixes)"},"default_size":{"width":1200,"height":630},"example":{"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"}}},{"template":"blog-header","description":"Blog post header / featured image: category tag, title, author and read time. Doubles as the link-share image. 1200x630.","fields":{"category":"Category tag, e.g. 'ENGINEERING' (optional)","title":"Post title (required)","author":"Author name (optional)","read_time":"e.g. '6 min read' (optional)"},"default_size":{"width":1200,"height":630},"example":{"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","description":"Portrait story for Instagram/TikTok/WhatsApp (9:16): kicker, big statement, CTA pill, handle. Stories are daily-volume content for every brand. 1080x1920.","fields":{"kicker":"Small label at top (optional)","title":"Big statement (required)","body":"Supporting line (optional)","cta":"CTA pill text, e.g. 'Link in bio' (optional)","handle":"Handle at bottom, e.g. '@shrikar' (optional)"},"default_size":{"width":1080,"height":1920},"example":{"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","description":"YouTube thumbnail (16:9): 3-5 huge words, accent underline, optional episode tag. Built for legibility at feed size. 1280x720.","fields":{"title":"3-5 words, huge (required)","tag":"Corner tag like 'EP. 12' or 'TUTORIAL' (optional)","channel":"Channel name at bottom (optional)"},"default_size":{"width":1280,"height":720},"example":{"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","description":"Sale / discount promo square: giant offer, product line, promo code chip, urgency. The ecommerce workhorse. 1080x1080.","fields":{"offer":"The big offer, e.g. '40% OFF' (required)","product":"What it applies to (optional)","code":"Promo code (optional)","until":"Urgency line, e.g. 'Ends Sunday' (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Event / webinar invite: title, date, time, host, CTA. Launch weeks, webinars, meetups, spaces. 1200x630.","fields":{"kicker":"Type label, e.g. 'LIVE WEBINAR' (optional)","title":"Event title (required)","date":"Date line, e.g. 'Thu, Sep 4' (required)","time":"Time line, e.g. '10:00 AM PT' (optional)","host":"Host name (optional)","cta":"CTA text, e.g. 'Save your seat' (optional)"},"default_size":{"width":1200,"height":630},"example":{"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","description":"We're hiring announcement: role, location/remote, comp line, apply CTA. LinkedIn's most reshared company post type. 1080x1080.","fields":{"role":"The role title (required)","location":"Location / remote line (optional)","comp":"Compensation or team line (optional)","cta":"How to apply, e.g. 'Apply at shrikar.dev/jobs' (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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":"tips-list","description":"Numbered tips / listicle square: title plus up to 5 tips. The classic save-worthy educational format. 1080x1080.","fields":{"title":"List title, e.g. '5 OG image mistakes' (required)","tips":"Array of tip strings, up to 5 (required)","footer":"Footer handle or CTA (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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"}}},{"template":"before-after","description":"Before / after comparison square: two labeled columns of points. Transformation proof, process improvements, product pitches. 1080x1080.","fields":{"title":"Headline (required)","before":"Array of 'before' points, up to 4 (required)","after":"Array of 'after' points, up to 4 (required)","footer":"Footer handle or CTA (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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"}}},{"template":"stat-callout","description":"One huge statistic with context, square. Data-led hooks outperform generic claims in feeds. 1080x1080.","fields":{"stat":"The number, e.g. '87%' (required)","context":"What it means (required)","source":"Source line (optional)","icon":"Built-in icon name shown top right, e.g. 'chart' (optional; see llms.txt)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Product feature card: name, tagline, price, up to 3 feature bullets. Launches, marketplaces, comparison posts. 1200x630.","fields":{"name":"Product name (required)","tagline":"One-liner (optional)","price":"Price string, e.g. '$29/mo' (optional)","features":"Array of up to 3 short features (optional)"},"default_size":{"width":1200,"height":630},"example":{"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","description":"Carousel end-slide: follow/subscribe CTA with avatar and handle. Every carousel needs one; huge repeat volume. 1080x1080.","fields":{"title":"The ask, e.g. 'Follow for more' (required)","body":"What they get, e.g. 'Daily agent-built marketing' (optional)","name":"Display name for the avatar (optional)","handle":"Handle, e.g. '@shrikar' (required)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Single-image social statement post: kicker, one big statement, optional footer handle. For a standalone post, not a slide in a series. 1080x1080.","fields":{"kicker":"Small uppercase label, e.g. 'HOT TAKE' (optional)","title":"The statement (required)","footer":"Handle or CTA, e.g. '@shrikar' (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Classic meme caption format: bold top/bottom caption bars over a solid brand-color background. High organic reach, no design skill required. 1080x1080.","fields":{"top":"Top caption text, e.g. 'WHEN THE AGENT ASKS FOR AN IMAGE' (optional)","bottom":"Bottom caption text (optional; set at least one of top/bottom)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Poll / this-or-that engagement post: a question and 2-4 styled answer options. Polls consistently outperform plain posts for reach. 1080x1080.","fields":{"question":"The poll question (required)","options":"Array of 2-4 short answer strings (required)","footer":"Handle or CTA, e.g. 'Vote below' (optional)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Paid social feed ad: badge, headline, subhead, one prominent CTA button. Built for cold-audience attention, not organic reach. 1080x1080.","fields":{"badge":"Small eyebrow badge, e.g. 'NEW' or 'LIMITED TIME' (optional)","headline":"The main ad headline (required)","subhead":"Supporting line (optional)","cta":"Button text, e.g. 'Shop Now' (required)"},"default_size":{"width":1080,"height":1080},"example":{"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","description":"Compact display ad: badge, short headline, small CTA. Sized for the IAB medium rectangle (300x250); pass width/height to render other standard sizes like the 728x90 leaderboard.","fields":{"badge":"Small label, e.g. 'AD' or 'SPONSORED' (optional)","headline":"Short headline, keep it under ~6 words (required)","cta":"Button text, e.g. 'Learn More' (required)"},"default_size":{"width":300,"height":250},"example":{"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","description":"Limited-time urgency promo: countdown-style deadline as the hero, offer and CTA secondary. Leads with time pressure, not the discount number. 1080x1080.","fields":{"deadline":"The urgency hook, e.g. '24 HOURS LEFT' or 'ENDS TONIGHT' (required)","offer":"The offer, e.g. '30% off everything' (optional)","cta":"CTA text, e.g. 'Shop the sale' (optional)"},"default_size":{"width":1080,"height":1080},"example":{"template":"urgency-promo","data":{"deadline":"24 HOURS LEFT","offer":"30% off every plan","cta":"Lock in the price"},"brand":{"primary_color":"#e6455a"}}}]}