Inspect OG tags directly from your editor
The OpenGraph MCP server lets you inspect and analyze Open Graph meta tags directly from your AI-powered editor or assistant. It provides two tools:
Add the server to your project's .cursor/mcp.json file:
{
"mcpServers": {
"opengraph": {
"command": "npx",
"args": ["-y", "opengraph-mcp"]
}
}
}Restart Cursor after adding the configuration.
Add to your .vscode/mcp.json file (requires GitHub Copilot extension):
{
"servers": {
"opengraph": {
"command": "npx",
"args": ["-y", "opengraph-mcp"]
}
}
}Make sure you have GitHub Copilot with MCP support enabled.
Run this command in your terminal to add the server:
claude mcp add opengraph -- npx -y opengraph-mcpThe server will be available in your next Claude Code session.
Add to your claude_desktop_config.json file:
{
"mcpServers": {
"opengraph": {
"command": "npx",
"args": ["-y", "opengraph-mcp"]
}
}
}The config file is at ~/Library/Application Support/Claude/claude_desktop_config.json on macOS or %APPDATA%\Claude\claude_desktop_config.json on Windows.
Add to your ~/.codeium/windsurf/mcp_config.json file:
{
"mcpServers": {
"opengraph": {
"command": "npx",
"args": ["-y", "opengraph-mcp"]
}
}
}Restart Windsurf after modifying the configuration.
Add to your Zed settings.json under context_servers:
{
"context_servers": {
"opengraph": {
"command": {
"path": "npx",
"args": ["-y", "opengraph-mcp"]
}
}
}
}Open settings with Cmd+, and add the configuration.