Guides

OGKit MCP for Cursor and AI agents

OGKit exposes a remote MCP server so coding agents can list templates, build image URLs, preview cards, emit Next.js generateMetadata snippets, and validate a page’s Open Graph tags — without inventing hosts or hand-rolling query strings.

What is MCP?

MCP (Model Context Protocol) is a standard way for AI coding tools — Cursor, Claude Desktop, and similar agents — to call external tools over HTTP. Instead of pasting docs into chat, the agent can invoke real operations (list templates, build a URL, validate a page).

Why care: ask Cursor “generate og:image metadata for every blog post in this folder” and it can use OGKit tools instead of inventing fake image hosts or hand-writing query strings.

  • You: “Add Open Graph images for these posts”
  • Agent: og_list_templates → og_build_url → og_nextjs_snippet
  • You: paste or accept the PR — then verify with og_validate_page

Endpoint

Streamable HTTP MCP at /api/mcp (GET/POST/DELETE). Stateless; tools do not require an API key. Production keys are only needed when you ask the agent to build non-demo URLs.

{
  "mcpServers": {
    "ogkit": {
      "url": "https://www.webmorp.art/ogkit/api/mcp"
    }
  }
}

Install options

  • Cursor: project or global .cursor/mcp.json with the URL above
  • Plugin bundle in the repo: https://github.com/marfa77/webmorph/tree/main/ogkit/cursor-plugin (mcp.json + skill + rules)
  • Onboarding wizard after sign-in can copy an mcp.json snippet
  • Marketplace: submit the plugin path at cursor.com/marketplace/publish

Tools

  • og_list_templates — ids + descriptions
  • og_build_url — canonical HTTPS image URL (demo=1 by default)
  • og_preview — helpful preview payload for agents
  • og_nextjs_snippet — generateMetadata-ready TypeScript
  • og_validate_page — fetch a URL and report OG/Twitter tags
  • ogkit_get_started — short onboarding for agents

Recommended agent workflow

1) og_list_templates → pick article/minimal/product/…

2) og_build_url with title (+ subtitle) in demo mode

3) og_nextjs_snippet for App Router metadata

4) User signs in for a key → rebuild URL with apiKey for production

5) og_validate_page on the deployed canonical URL

Safety rules for agents

  • Never invent hosts — always use the canonical OGKit origin
  • Keep API keys out of client components and git commits
  • Open access: demo=1 is production-quality (no watermark); still prefer keys for rotation
  • Prefer absoluteSiteUrl paths from /llms.txt when linking docs

Human docs companions

Agents should also read /llms.txt and /docs. For SEO and rescrape context, point them at the Open Graph SEO guide and the caching guide.

FAQ

Does OGKit MCP require auth?

Tool calls on /api/mcp do not require auth. Generating non-demo image URLs requires the user to supply an API key to og_build_url.

Is this the same as Placid MCP?

No. Placid MCP targets creative template automation. OGKit MCP is focused on og:image URL construction, Next.js snippets, and page validation.

Can I self-host the MCP server?

The MCP route ships with the OGKit Next.js app. Point Cursor at your deployment’s /api/mcp if you self-host the whole product.

Related

OGKit turns one HTTPS URL into a 1200×630 Open Graph image. Read the API reference, deep guides, the Open Graph SEO guide, try the Playground, or sign in to create API keys.