{"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":"shrikar.dev"},"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":"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":"20 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":["20 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"}}}]}