OpenGraph.io

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

  1. Get Your App ID

    Sign up at dashboard.opengraph.io to get your free App ID.

  2. Find Your Config File

    The Claude Desktop config file location depends on your operating system:

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

  3. Add the MCP Configuration

    Add the following to your config file (create it if it doesn't exist):

    claude_desktop_config.json
    {
  "mcpServers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-io-mcp"],
      "env": {
        "OPENGRAPH_APP_ID": "YOUR_OPENGRAPH_APP_ID"
      }
    }
  }
}

  4. Restart Claude Desktop

    Completely quit and reopen Claude Desktop. The MCP server will initialize automatically.

Prerequisites: You need Node.js 18+ installed for npx to work. Download it from nodejs.org.

Verifying the Installation

After restarting Claude Desktop, you should see a small hammer icon in the input area indicating MCP tools are available. Try this prompt:

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?

  • Ensure Claude Desktop is fully quit (check system tray) and reopened
  • Verify your JSON config file has valid syntax (no trailing commas)
  • Check that Node.js is installed by running node --version in Terminal

Checking Logs

Claude Desktop logs MCP server activity. Find logs at:

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

Common Issues

  • "Failed to start MCP server" – Check Node.js installation
  • Invalid App ID errors – Verify your App ID in the dashboard
  • JSON parse errors – Validate your config file at jsonlint.com

Related Guides

Install Hub

Interactive configuration generator.

Claude Code

Setup guide for the Claude CLI.

Troubleshooting

Common issues and solutions.