OG image generator
Pick a template, watch the card update, then download the PNG or copy the Next.js file.
Runs in browser
Use from your agent
Streamable HTTP at https://benchline.fabwaseem.com/mcp. No key. The tool name is build_open_graph.
mcp.jsonjson
1{
2 "mcpServers": {
3 "benchline": {
4 "url": "https://benchline.fabwaseem.com/mcp"
5 }
6 }
7}
tools/calljson
1{
2 "jsonrpc": "2.0",
3 "id": 1,
4 "method": "tools/call",
5 "params": {
6 "name": "build_open_graph",
7 "arguments": {
8 "template": "editorial",
9 "size": "1200x630"
10 }
11 }
12}
Related tools
- OG template listBrowse Open Graph template ids, fields, and color presets.Social previewsMCPNew
- Meta tags inspectorRead title, description, canonical, robots, Open Graph, Twitter, and JSON-LD types from one public URL.Social previewsMCPNew
- llms.txt generatorRead a public sitemap and write an llms.txt index, plus an optional llms-full.txt.AI searchMCP
- AI SEO checkerScore crawler access, llms.txt, structured data, and the on-page signals AI search uses.AI searchMCP
How it works
Design an Open Graph image in the browser. Choose from 18 templates, set the fields that template uses, download a PNG, or copy a Next.js opengraph-image.tsx file.
- 01
Pick a template
Search the live thumbnails or filter by Blog, Product, Dev, Social, or Event. The selected card gets an orange ring.
- 02
Tune the card
The form shows only the fields that template uses. Set colors from the swatches or a preset, and drop a logo if the template has an image slot.
- 03
Download or copy
Download the PNG at 1200×630, 1600×900, or 1080 square, or copy the Next.js file and meta tags.
