OpenGraph.io

OpenGraph MCP Server for Zed

Enhance Zed's AI assistant with real-time web data access. Fetch metadata, capture screenshots, and scrape content directly in the high-performance editor.

Important: Zed Uses Different Config Format

Note: Zed uses context_servers instead of mcpServers. Make sure to use the correct format below.

Installation

  1. Get Your App ID

    Sign up at dashboard.opengraph.io and copy your App ID.

  2. Edit Your Zed Settings

    Open Zed settings (Cmd + , on macOS) and add the context server configuration to your settings.json:

    ~/.config/zed/settings.json
    {
  "context_servers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-io-mcp"],
      "env": {
        "OPENGRAPH_APP_ID": "YOUR_OPENGRAPH_APP_ID"
      }
    }
  }
}

  3. Restart Zed

    Restart Zed to load the new context server configuration.

  4. Verify the Connection

    Open the AI assistant panel and try asking it to unfurl a URL.

Configuration Notes

Key differences from other editors:

  • Zed uses context_servers (not mcpServers)
  • Config file is at ~/.config/zed/settings.json
  • The JSON structure otherwise follows the same pattern

Full Settings Example

If you have other Zed settings, add the context_servers key alongside them:

settings.json with other settings
{
  "theme": "One Dark",
  "buffer_font_size": 14,
  "context_servers": {
    "opengraph": {
      "command": "npx",
      "args": ["-y", "opengraph-io-mcp"],
      "env": {
        "OPENGRAPH_APP_ID": "YOUR_OPENGRAPH_APP_ID"
      }
    }
  }
}

Available Tools

Once connected, Zed's AI has access to:

  • Get OG Data – Extract OpenGraph metadata from URLs
  • Screenshot – Capture webpage screenshots
  • Scrape – Fetch HTML with JavaScript rendering
  • Query – Ask questions about page content

Example Prompts

Research Documentation

Fetch docs
Unfurl https://zed.dev/docs and summarize what Zed's documentation covers.

Analyze a Website

Screenshot
Take a screenshot of https://rust-lang.org and describe the homepage layout.

Extract Content

Scrape content
Scrape https://crates.io and list the most downloaded crates.

Troubleshooting

Context server not loading?

  • Make sure you used context_servers, not mcpServers
  • Verify your JSON syntax is valid (no trailing commas)
  • Restart Zed completely after changing settings
  • Check that Node.js is installed and in your PATH

Finding Zed logs

Check Zed's logs for context server errors:

  • macOS: ~/Library/Logs/Zed/
  • Linux: ~/.local/share/zed/logs/

Related Guides

Install Hub

Configuration generator for all clients.

Cursor Setup

Alternative AI-first editor.

Troubleshooting

Common issues and solutions.