# mcp

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.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: ogmake
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/ogmake/ogmake-mcp
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/mcp/ogmake-mcp

## What it 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.

## Requirements
- Needs: Node.js (commands run via npx)
- Environment variables: `OGMAKE_API_KEY` — keys and tokens: ask the human for the values, never commit them or put them in shared files.

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add mcp -e OGMAKE_API_KEY=<OGMAKE_API_KEY> -- npx -y ogmake-mcp
```
Replace <…> with your own values

### Codex

**Platform CLI**
```bash
codex mcp add ogmake-mcp --env OGMAKE_API_KEY=<OGMAKE_API_KEY> -- npx -y ogmake-mcp
```
Replace <…> with your own values

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "ogmake-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "ogmake-mcp"
            ],
            "env": {
                "OGMAKE_API_KEY": "<OGMAKE_API_KEY>"
            }
        }
    }
}
```
Replace <…> with your own values

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "ogmake-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "ogmake-mcp"
            ],
            "env": {
                "OGMAKE_API_KEY": "<OGMAKE_API_KEY>"
            }
        }
    }
}
```
Replace <…> with your own values

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add -e OGMAKE_API_KEY=<OGMAKE_API_KEY> ogmake-mcp npx -y ogmake-mcp
```
Replace <…> with your own values

## When to use it
- 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
- 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.

## Similar
- [REA](https://affpapa.org/en/nevibecode/mcp/rea.md) — MCP server · ★ 392262
- [GitHub](https://affpapa.org/en/nevibecode/mcp/github.md) — MCP server · ★ 33989
- [World Monitor](https://affpapa.org/en/nevibecode/mcp/world-monitor.md) — MCP server · ★ 89609
- [Netdata](https://affpapa.org/en/nevibecode/mcp/netdata.md) — MCP server · ★ 81163
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74569
- [Scrapling MCP Server](https://affpapa.org/en/nevibecode/mcp/scrapling-mcp-server.md) — MCP server · ★ 89899

## Other versions with the same name
- [mcp · kubeshark](https://affpapa.org/en/nevibecode/mcp/kubeshark-mcp.md) — ★ 12110
- [mcp · butterbase-ai](https://affpapa.org/en/nevibecode/mcp/butterbase-ai-mcp.md) — ★ 3031
- [mcp · medplum](https://affpapa.org/en/nevibecode/mcp/mcp.md) — ★ 2766
- [mcp · sceneview](https://affpapa.org/en/nevibecode/mcp/sceneview-mcp.md) — ★ 1349
- [mcp · buoy-gg](https://affpapa.org/en/nevibecode/mcp/buoy-gg-mcp.md) — ★ 691

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md