Studio Apps
renderShareCard
Render Share Card
Rasterize self-contained HTML or SVG into a pixel-perfect share-card PNG and save it as a PRIVATE asset in a Studio app.
Ask Claude, ChatGPT, Cursor or any AI connected to The Cloud "make a share card for my X", and it calls renderShareCard.
Example call
The MCP tools/call params, with the required arguments only.
{
"arguments": {
"appId": "<appId>",
"html": "<html>"
},
"name": "renderShareCard"
}Arguments
appIdstringrequiredThe Studio app IDheightnumberoptionalCard height in px (default 630, the OG canvas).htmlstringrequiredSelf-contained HTML document, HTML fragment, or bare <svg> to rasterize. Inline everything: external URLs won't load.pathstringoptionalApp file path for the PNG (default "assets/share-card.png"). Re-rendering to the same path replaces it.widthnumberoptionalCard width in px (default 1200, the OG canvas).
Returns
Returns the file id: pass it as coverImageFileId to setStudioAppShareCard to make it the app's link preview (that step is consent-gated; this one changes no visibility).
Ask for it
The Cloud routes these requests to this verb.
- make a share card for my X
- render this card design to an image
- create a link-preview cover with the exact title
Pair it with
The verbs that finish the job.
Questions
What does renderShareCard do?
Rasterize self-contained HTML or SVG into a pixel-perfect share-card PNG and save it as a PRIVATE asset in a Studio app. It is one of the tools The Cloud MCP server gives every connected AI.
How do I use renderShareCard from Claude or ChatGPT?
Connect your AI to The Cloud at https://mcp.thecloud.so/mcp and sign in once. Then ask Claude, ChatGPT, Cursor or any AI connected to The Cloud "make a share card for my X", and it calls renderShareCard.
Is renderShareCard safe to let an AI call?
renderShareCard changes your workspace. What an AI creates is Private until you share it.
Connect
One endpoint gives your AI this tool and every other one: connect Claude, ChatGPT, Cursor or Gemini, read what The Cloud is, or see pricing.