OpenGraph MCP Server for Cursor

Why Use OpenGraph MCP in Cursor?

Cursor's AI assistant becomes dramatically more useful when it can access live web data. With OpenGraph MCP, you can:

• Research APIs – Ask Claude to fetch and summarize documentation from any URL
• Analyze competitors – Screenshot and analyze competitor websites for UI inspiration
• Build link previews – Test and debug OpenGraph metadata for your own sites
• Extract structured data – Pull specific content from web pages for your applications

Installation

1. Get Your App ID

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

2. Create or Edit Your MCP Config

   Open or create ~/.cursor/mcp.json and add:

   ~/.cursor/mcp.json

   Copy

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

3. Restart Cursor

   Fully restart Cursor (not just reload). The MCP server will initialize on startup.

4. Verify the Connection

   Open Cursor's AI chat and try:

   Test prompt

   Copy

   Unfurl https://github.com and summarize the OpenGraph metadata.

Available Tools

Once connected, Claude in Cursor has access to these tools:

• Get OG Data – Extract OpenGraph metadata, Twitter Cards, and page information
• Screenshot – Capture full-page or viewport screenshots
• Scrape – Fetch raw HTML with JavaScript rendering
• Query – Ask questions about webpage content

Example Prompts

API Research

Scrape the Stripe API documentation at https://stripe.com/docs/api and show me how to create a payment intent.

UI Analysis

Take a screenshot of https://linear.app and describe their hero section design.

Link Preview Testing

Unfurl my site at https://myapp.com and check if the OpenGraph tags are set up correctly.

Content Extraction

Scrape https://news.ycombinator.com and extract the top 10 story headlines with their URLs.

Troubleshooting

Tools not appearing?

• Ensure you've fully restarted Cursor (not just reloaded the window)
• Verify your config file is valid JSON (no trailing commas, correct syntax)
• Check that Node.js is installed (node --version in terminal)

Finding logs

Cursor stores logs that can help diagnose MCP issues. Check the developer tools console (Help → Toggle Developer Tools) for errors.

Common errors

• "Invalid App ID" – Double-check your App ID in the dashboard
• "Command not found" – Ensure Node.js and npm are in your PATH

Related Guides