OpenGraph MCP Server for Claude Desktop

Expand Claude's capabilities with real-time web data access. Fetch metadata, capture screenshots, and scrape content directly in your Claude Desktop conversations.

What You Can Do

With OpenGraph MCP connected to Claude Desktop, Claude can:

  • Fetch link previews – Get OpenGraph metadata from any URL for research or verification
  • Capture screenshots – Take snapshots of webpages for visual analysis
  • Scrape web content – Extract HTML with JavaScript rendering
  • Answer questions about pages – Query webpage content and get structured answers

Installation

Claude Desktop does not support adding remote MCP servers by editing claude_desktop_config.json — a url-based entry there is silently ignored or can crash the app. Remote servers are added through Settings → Connectors instead. Running the server locally via npx still uses the config file — see the note below.

  1. Open Settings → Connectors

    In Claude Desktop, open Settings, then go to Connectors.

  2. Add a custom connector

    Click Add custom connector and paste https://mcp.opengraph.io/mcp as the URL.

  3. Sign in

    Click Add, then sign in with your OpenGraph.io account when prompted — no App ID needed.

Prefer to run the server locally with npx and a static API key instead of the hosted connector? That still uses a config file:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

See Signing In for the local config snippet.

Verifying the Installation

After signing in, start a new chat and confirm the connector shows as active. Then try this prompt to check it's wired up correctly:

Test prompt
Use the OpenGraph tool to unfurl https://anthropic.com and tell me what the page is about.

Example Use Cases

Research and Analysis

Research a topic
Unfurl the top 3 results when I search for "best practices for API design" and summarize what each page covers.

Visual Comparison

Compare designs
Take screenshots of https://stripe.com and https://square.com and compare their homepage designs.

Content Extraction

Extract information
Scrape the pricing page at https://openai.com/pricing and create a comparison table of their plans.

Troubleshooting

MCP tools not showing?

  • Check Settings → Connectors to confirm the OpenGraph.io connector shows as active — remove and re-add it if not
  • Make sure you approved the sign-in in the browser tab that opened
  • Fully quit Claude Desktop (check system tray) and reopen it
  • Running the server locally via npx instead? Verify your JSON config file has valid syntax (no trailing commas)

Checking Logs

Claude Desktop logs MCP server activity. Find logs at:

  • macOS: ~/Library/Logs/Claude/
  • Windows: %APPDATA%\Claude\logs\

Common Issues

  • Browser doesn't open to sign in – Remove the connector in Settings → Connectors and add it again
  • Invalid App ID errors (local/npx mode) – Verify your App ID in the dashboard
  • JSON parse errors (local/npx mode only) – Validate your config file at jsonlint.com

Related Guides