Opengraph.io

by securecoders

282 downloads
Not rated
GitHub

About

Opengraph data, web scraping, screenshot features in a handy MCP tool

Details

Author
securecoders
Downloads
282
Categories
Web Scraping, Media, Other

- Exposes all OpenGraph.io data endpoints as MCP tools
- Includes AI-driven image generation (illustrations, diagrams, social cards, QR codes)
- Supports multiple MCP clients: Claude Desktop, Cursor, Windsurf, VS Code, Zed, JetBrains
- Offers both stdio and HTTP/SSE transport options
- Provides iteration and export capabilities for generated images
- Installs globally via npm or one‑click CLI installer

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name Opengraph.io
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Install globally via npm install -g opengraph-io-mcp or use the CLI installer with npx opengraph-io-mcp-install. Configure the server in your MCP client (e.g., Claude Desktop, Cursor, VS Code) using stdio transport and setting the APP_ID environment variable to your OpenGraph.io App ID. For HTTP/SSE transport, run npm start and point clients to http://localhost:3010/sse?app_id=YOUR_APP_ID.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "opengraph.io": {
            "opengraph": {
                "command": "npx",
                "args": [
                    "-y",
                    "opengraph-io-mcp"
                ],
                "env": {
                    "OPENGRAPH_APP_ID": "YOUR_APP_ID_HERE"
                }
            },
            "opengraph-io-hosted-mcp": {
                "url": "https://mcp.opengraph.io/mcp",
                "headers": {
                    "x-app-id": "YOUR_APP_ID_HERE"
                }
            }
        }
    }
}

McpServers

{
    "opengraph": {
        "command": "npx",
        "args": [
            "-y",
            "opengraph-io-mcp"
        ],
        "env": {
            "OPENGRAPH_APP_ID": "YOUR_APP_ID_HERE"
        }
    },
    "opengraph-io-hosted-mcp": {
        "url": "https://mcp.opengraph.io/mcp",
        "headers": {
            "x-app-id": "YOUR_APP_ID_HERE"
        }
    }
}

OpenGraph.io Data Tools

| Tool Name | OpenGraph.io API Endpoint | Description | Documentation |
|-----------|---------------------------|-------------|---------------|
| Get OG Data | /api/1.1/site/<URL> | Extracts Open Graph data from a URL | OpenGraph.io Docs |
| Get OG Scrape Data | /api/1.1/scrape/<URL> | Scrapes data from a URL using OpenGraph's scrape endpoint | OpenGraph.io Docs |
| Get OG Screenshot | /api/1.1/screenshot/<URL> | Gets a screenshot of a webpage using OpenGraph's screenshot endpoint | OpenGraph.io Docs |
| Get OG Query | /api/1.1/query/<URL> | Query a site with a custom question and optional response structure | OpenGraph.io Docs |
| Get OG Extract | /api/1.1/extract/<URL> | Extract specific HTML elements (h1, p, etc.) from a webpage | OpenGraph.io Docs |

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.