Open Graph Generator Connector for AI agents.
3 live capabilities
Create professional social media previews and meta tags for your content.
Waiting for input…
Why people use Open Graph Generator
Open Graph Generator Meta Tag Automation for Social SEO
This Connector changes that by letting your AI agent do the heavy lifting. You just describe your content, and it spits out the exact HTML you need. You get a clean block of code that's ready to drop into your site header, ensuring your previews look perfect every single time.
What Vinkius changes
You get perfect social media previews without ever touching a line of manual HTML.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 6,100+ Connectors
- Real-world use case 01
Creating a blog post preview
A blogger wants a preview for a new post.
- Real-world use case 02
Checking description length
A marketing lead is worried about long descriptions.
- Real-world use case 03
Building a book site
A developer is building a book site.
Complete set · 3capabilities
The complete Open Graph Generator capability set.
These are the exact actions your AI can choose when you ask it to work with Open Graph Generator.
01—03
3 capabilities in this set.
Part of 3 available through Open Graph Generator.
- 01 Capability
Get content types
See all the different categories the Connector supports like websites and books. This helps you choose the right metadata structure.
- 02 Capability
Generate html tags
Get the exact HTML block for Open Graph and Twitter Cards based on your content. It's ready to paste into your code.
- 03 Capability
Validate metadata
Check if your titles and descriptions meet the best practices for social media. This prevents your content from getting cut off.
Set up in minutes
One URL. Then ask Open Graph Generator to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Open Graph Generator from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Open Graph Generator, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Open Graph Generator for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Open Graph Generator URL.
- Step 03
Save and start
Save the connection and enable Open Graph Generator in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"open-graph-generator": {
"url": "https://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp"
}
}
}- Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Open Graph Generator
Open Agent mode in chat and ask: "Using Open Graph Generator, help me...". 3 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"open-graph-generator": {
"url": "https://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp"
}
}
}- Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Open Graph Generator
Ask Copilot: "Using Open Graph Generator, help me...". 3 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"open-graph-generator": {
"url": "https://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp"
}
}
}- Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Open Graph Generator
Open Cascade and ask: "Using Open Graph Generator, help me...". 3 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"open-graph-generator": {
"url": "https://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp"
}
}
}- Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Open Graph Generator
Ask Cline: "Using Open Graph Generator, help me...". 3 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add open-graph-generator --transport http "https://edge.vinkius.com/vk_preview_odvcCHzHMPTrUszx9OUM93KKi9eM1XJ8nItd5t4T/mcp"- Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Open Graph Generator
Ask Claude: "Using Open Graph Generator, show me...". 3 tools are ready
Where the request belongs
Work Open Graph Generator can move forward.
This is for social media managers and content marketers who are tired of their links looking like broken text on LinkedIn or X. It's for the web developer who needs to quickly generate SEO meta tags for a batch of new pages.
Social Media Manager
Ensures every shared link has a professional, high-converting preview without manual coding.
Content Marketer
Quickly generates meta tags for dozens of different blog posts and articles to keep branding consistent.
Web Developer
Automates the repetitive task of injecting meta tags into the head of a website for various content types.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse Connectors
Meta Tag Analyzer
Validate HTML title and meta description tags for SEO optimization.
Typefully
Write, schedule, and grow your audience on Twitter and LinkedIn with an editor that helps you craft threads that go viral.
ContentStudio
Plan, create, and schedule social media content across all channels with AI writing assistance and performance analytics.
Breadcrumb Generator
Automatically generates text, JSON-LD schema, and HTML breadcrumbs from URL paths.
URL Metadata Scraper
Stop wasting tokens scraping entire websites. Instantly extract clean OpenGraph metadata (title, description, image) from any URL.
WordPress SEO Metadata Updater
This MCP does exactly one thing: it rewrites the SEO title, meta description, and focus keyword of an existing WordPress post. Works with both Yoast SEO and RankMath automatically. Incredible for turning Claude into an SEO analyst that fixes your blog rankings while you sleep.
Bring your own AI
Change the model, client or framework. Keep Open Graph Generator connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Open Graph Generator.
The practical details behind the request, access and result.
What does the Open Graph Generator MCP actually do?
It creates the HTML code that tells social media platforms how to display your links. It handles both Open Graph and Twitter Cards so your previews look great on Facebook, LinkedIn, and X.
Can I use the Open Graph Generator MCP to check my character limits?
Yes. You can have your agent check your titles and descriptions to make sure they aren't too long for social media previews.
Does this Connector post to social media for me?
No, it doesn't post content. It generates the meta tags that you put on your website so that when people share your link, it looks professional.
What platforms does the Open Graph Generator MCP support?
It generates tags for the most common platforms, including Facebook, LinkedIn, and X (Twitter).
How does the Open Graph Generator MCP help with my SEO?
It improves your social SEO by ensuring your content has the correct metadata, which helps with engagement and click-through rates when your links are shared.
Can I use the Open Graph Generator MCP for different types of content?
Yes, it supports several categories including websites, articles, profiles, and books.
What does this capability generate?
It generates all necessary HTML `` tags for Open and Twitter Cards (og:title, og:description, etc.) based on the metadata you provide.
How can I ensure my metadata is optimized for social sharing?
You can use the validate_metadata_tool to check your title and description. It will return an optimality status and specific warnings if your text is too long or too short for optimal display.
What content types are supported?
The server supports several types including website, article, profile, and book. You can always retrieve the most up-to-date list using the get_content_types_tool.
One connection away
Give your agent a direct line to Open Graph Generator.
Connect Open Graph Generator once. Keep it beside 6,100+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available