Generate a social-media / Open Graph card (1200x630 aspect) from JSON such as {"title","description","author","date","siteName","tag","background","textColor"} in one of 6 templates. Returns the card three ways: inline-style HTML, Tailwind CSS markup, and a React JSX component.
This page documents the HTTP endpoint POST /api/tools/json-to-social-card/execute. See the MCP reference →
Call it over REST
POST https://api.findutils.com/api/tools/json-to-social-card/execute · no API keys · 60 requests/min per IP
Execute — verified arguments
curl -X POST https://api.findutils.com/api/tools/json-to-social-card/execute \
-H "Content-Type: application/json" \
-d '{
"json": "{\"title\":\"How to Build Better Developer Tools\",\"description\":\"A guide to great DX.\",\"author\":\"Jane Developer\",\"date\":\"2024-01-15\",\"siteName\":\"DevBlog\",\"tag\":\"Engineering\"}"
}' Parameter schema for this endpoint
curl https://api.findutils.com/api/tools/json-to-social-card Input schema
| Argument | Type | Required | Description |
|---|---|---|---|
| json | string | yes | Card JSON: {"title": string, "description"?, "author"?, "avatar"?: url, "date"?, "siteName"?, "logo"?: url, "background"?: css color, "textColor"?: css color, "tag"?}. |
| template | string (og-classic | blog-post | dark-modern | gradient-hero | minimal-clean | brand-bold) | no | Card template. Default "og-classic". Default: "og-classic". |
Example arguments (verified)
{
"json": {
"title": "How to Build Better Developer Tools",
"description": "A guide to great DX.",
"author": "Jane Developer",
"date": "2024-01-15",
"siteName": "DevBlog",
"tag": "Engineering"
}
} Arguments that carry JSON as a string are shown decoded for readability. The Copy button copies the exact wire arguments.
Also an MCP tool
Claude, Cursor, and any MCP client can call this tool as
findutils:json_to_social_card after one connect command.
Connect once
claude mcp add findutils --transport http https://mcp.findutils.com/ More Generators tools
Barcode Generator
Generate a 1D barcode as an SVG string from text.
Box Shadow Generator
Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft,
Caption Generator
Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills in the
Color Palette Generator
Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary, or monochroma
Css Animation Generator
Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such as fad
Email Signature Generator
Generate an HTML email signature (table-based, inline styles, safe for Gmail/Outlook) from name, title, company, contact details and social
Glassmorphism Generator
Generate the CSS for a glassmorphism (frosted glass) card: semi-transparent background, backdrop-filter blur and saturation (with the -webki
Gradient Generator
Generate a CSS linear, radial, or conic gradient from colour stops (2 to 10) and an angle, or from a preset (sunset, ocean, forest, fire, pu