Developer Tools

OpenGraph.io integrations

Connect OpenGraph.io to any other app, or use it from your AI client over MCP. OpenGraph.io is a web content API that offers metadata extraction, screenshots, link previews, and HTML scraping.

Connects with an API keyopengraph.io
8 actions

What the catalog holds today. Ask for anything missing and your agent reads the API documentation and adds it.

Build solutions, not workarounds.

What do you want to automate with OpenGraph.io?

Ask the assistant

You'll sign in before anything runs. What you typed comes with you.

Connect your AI client

Give your AI client this address.

https://mcp.apiant.ai

Any client that takes a remote MCP server. Nothing to install. Create your free account, then sign in once in your browser.

Set it up in your client
Claude Code

Run this in the directory you want to work in.

claude mcp add --transport http -s project apiant-ai https://mcp.apiant.ai

Start Claude Code there, approve the server, and sign in in the browser page it opens.

Claude Code guide (opens in a new tab)
Claude, web and desktop

Open Customize, then Connectors, then Add custom connector, and paste the address. On Team and Enterprise an owner adds it first.

Setup guide (opens in a new tab)
Cursor

Add the address to your MCP configuration as a server URL. Cursor signs you in in your browser.

Setup guide (opens in a new tab)
Zed

Open Settings, then AI, then MCP Servers, then Add Server, then Add Remote Server.

Setup guide (opens in a new tab)
Codex and the ChatGPT desktop app

Open Settings, then MCP servers, then Add server, and choose Streamable HTTP. From the terminal, Codex takes the address with its own add command and then signs you in.

Setup guide (opens in a new tab)
Any other MCP client

Paste the address where the client asks for a remote MCP server URL, and name the server apiant-ai where it lets you. APIANT's skills reach the client over the same connection.

Setup guide (opens in a new tab)

Popular

OpenGraph.io with the apps people pair it with most

Pair it

Connect OpenGraph.io with another app

What your agent can do with OpenGraph.io

Triggers and actions 8 actions

  • Action
    Audit site Open Graph tags

    Reads a page's Open Graph, Twitter Card and HTML meta tags so you can see what a link to it will look like when shared.

  • Action
    Capture Screenshot

    Takes a screenshot of a web page and returns a link to the image.

  • Action
    Convert page to markdown

    Turns a web page into clean markdown text, ready to feed an AI step or store as an article.

  • Action
    Extract page elements

    Pulls named pieces out of a web page — headings, links, prices — using CSS selectors, plus the page's plain text.

  • Action
    Generate embed card

    Builds a ready-to-paste embed card for a link, returning the HTML that renders it.

  • Action
    Query page content

    Asks a question about a web page and returns an AI-written answer, optionally shaped into fields you specify.

  • Action
    Retrieve Link Preview Data

    Fetches the title, description, image and site name behind a link, so you can show a rich preview of it.

  • Action
    Scrape HTML

    Fetches the raw HTML of a web page, optionally running its JavaScript first.

Related apps

More in Developer Tools

Reviews

What our customers say

Questions

OpenGraph.io, answered

Is there a OpenGraph.io MCP server?

APIANT's MCP server at https://mcp.apiant.ai works with OpenGraph.io. Add that address to any AI client that takes a remote MCP server, sign in once in your browser, and your client can build, test and run automations that use OpenGraph.io. Nothing to install.

What can your agent do in OpenGraph.io?

Any of OpenGraph.io's 8 actions, including Audit site Open Graph tags, Capture Screenshot, Convert page to markdown and Extract page elements. Your agent maps the data both ways and tests every scenario before it ships.

Which apps can OpenGraph.io connect to?

Any app in the catalog; the list on this page pairs OpenGraph.io with each of them. If the other app is missing, point your agent at its API documentation and it builds the connector.

What happens when something fails?

Your agent works that out for you. It plans the failure paths along with the happy path, then tests every scenario before it ships.

Is there a free plan?

Yes. Every plan includes the agent, including free, and building from your own AI client spends no assistant credits.