mcp · ogmake — Claude Code MCP server for og:image generation
Generate og:image cards, build image URLs, and add framework-specific meta tag snippets from an AI assistant. Useful when a project needs share images from templates or rendered HTML.
claude mcp add mcp -e OGMAKE_API_KEY=<OGMAKE_API_KEY> -- npx -y ogmake-mcpWhat mcp does
The stdio server exposes tools to inspect registered image templates and their parameter schemas, render images, build URLs, and produce og:image and twitter:image snippets. Snippets cover HTML, Hugo, Jekyll, Rails, Laravel, Django, WordPress, and Ghost. A separate tool can turn raw HTML/CSS into PNG, JPG, WebP, or PDF.
Set OGMAKE_API_KEY for authenticated rendering, batch jobs, batch status, and usage checks. Without it, the server can list templates, create a watermarked image from a title, build an image URL, and generate a snippet. The free image result contains image bytes, not a hosted URL. Credentials are read from the environment at startup and are not returned in tool results, errors, or logs.
URL signing can run locally with OGMAKE_SIGNING_SECRET and OGMAKE_SIGNING_KEY_ID, keeping the signing secret off the model request. Unsigned URLs require a public key that allows the chosen template on ogmake.com. Batch rendering requires an API key.
What it helps with
- inspect available og:image templates and parameter schemas
- render a page card from a template
- create a watermarked image without an API key
- check a batch render's status and results
- generate framework-specific image meta tags
Example prompts for the agent
- Find an og:image template that fits this page and show its parameters.
- Render a social card for this page using an available template.
- Create an og:image meta tag snippet for this image URL in my Hugo project.
How to install mcp
Platform CLI
claude mcp add mcp -e OGMAKE_API_KEY=<OGMAKE_API_KEY> -- npx -y ogmake-mcpReplace <…> with your own values
Platform CLI
codex mcp add ogmake-mcp --env OGMAKE_API_KEY=<OGMAKE_API_KEY> -- npx -y ogmake-mcpReplace <…> with your own values
Config file
{
"mcpServers": {
"ogmake-mcp": {
"command": "npx",
"args": [
"-y",
"ogmake-mcp"
],
"env": {
"OGMAKE_API_KEY": "<OGMAKE_API_KEY>"
}
}
}
}Replace <…> with your own values
Config file
{
"servers": {
"ogmake-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"ogmake-mcp"
],
"env": {
"OGMAKE_API_KEY": "<OGMAKE_API_KEY>"
}
}
}
}Replace <…> with your own values
Platform CLI
gemini mcp add -e OGMAKE_API_KEY=<OGMAKE_API_KEY> ogmake-mcp npx -y ogmake-mcpReplace <…> with your own values
Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about mcp
How do I install mcp in Claude Code?
Run claude mcp add mcp -e OGMAKE_API_KEY=<OGMAKE_API_KEY> -- npx -y ogmake-mcp, replacing the placeholder with your API key.
What does mcp do?
It gives an AI assistant tools to inspect og:image templates, render images, create image URLs, run batches, and produce framework-specific meta tag snippets.
Can mcp render images without an API key?
Yes. The free render_image option returns a watermarked image from a title, but it does not provide a hosted URL. Authenticated rendering and batch tools require OGMAKE_API_KEY.
Similar MCP servers
MCP servers catalog →mcp by other authors comes first.
