Json To Social Card

Generators REST API MCP

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 MCP tool findutils:json_to_social_card. See the REST reference →

Use in the browser View as Markdown

Call it over MCP

Tool name findutils:json_to_social_card · no API keys · 120 requests/min per IP

Claude Code

claude mcp add findutils --transport http https://mcp.findutils.com/

Claude Desktop — claude_desktop_config.json

{
  "mcpServers": {
    "findutils": {
      "url": "https://mcp.findutils.com/"
    }
  }
}

Raw JSON-RPC (any MCP client) — verified example

curl -X POST https://mcp.findutils.com/ \
  -H "Content-Type: application/json" \
  -d '{
    "jsonrpc": "2.0",
    "id": 1,
    "method": "tools/call",
    "params": {
      "name": "json_to_social_card",
      "arguments": {
        "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\"}"
      }
    }
  }'

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 a REST endpoint

The same tool answers plain HTTP at POST /api/tools/json-to-social-card/execute — no key, 60 requests/min.

Open the REST reference for Json To Social Card →

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