Integration

screenshot.fyi integration

screenshot.fyi captures a screenshot of any public web page in one call: choose the viewport width and height, capture the full scrollable page, render it in dark mode, remove cookie consent banners, and get a PNG or JPG. The answer is a URL from which the image can be downloaded. Authentication is the access key from your screenshot.fyi account, sent as the accessKey query parameter; the free plan includes 100 screenshots a month, Basic 3,000 and Pro 10,000.

Connect screenshot.fyi How integrations work

Ask it in chat

Say what should happen.
The workflow builds itself.

When this happens, do that in screenshot.fyi.Built from the 1 screenshot.fyi tool below, on the connection you add once.

What you can do with screenshot.fyi

Each of these is one operation on one endpoint, available both as a workflow step and as a tool an AI agent can call on its own. Nothing bundles several operations into one action, so what a run did stays readable afterwards.

Most endpoints run on the free plan. A few, mainly the ones that publish on your behalf, need a paid plan.

take_screenshotTake screenshotGETScreenshots a public web page, returns a URL to download the image. Viewport width, height (1440 x 900 default), fullPage for the whole scrollable page, darkMode, png or jpg (default). Cookie banners are removed unless disableCookieBanners is false.

Use screenshot.fyi from Claude Code, Cursor or Codex

Connect screenshot.fyi in LiveContext, create an API key in Settings, then add the LiveContext MCP server to your client. Its screenshot.fyi operations become tools the client can call, next to every other integration you connected.

Claude Code

claude mcp add --transport http livecontext https://livecontext.ai/mcp --header "X-API-Key: YOUR_API_KEY"

Codex (~/.codex/config.toml)

[mcp_servers.livecontext]
url = "https://livecontext.ai/mcp"

[mcp_servers.livecontext.http_headers]
"X-API-Key" = "YOUR_API_KEY"

Cursor, Claude Desktop and other JSON configs

{
  "mcpServers": {
    "livecontext": {
      "type": "http",
      "url": "https://livecontext.ai/mcp",
      "headers": {
        "X-API-Key": "YOUR_API_KEY"
      }
    }
  }
}

Set up the MCP server step by step

How to connect screenshot.fyi

Create your workspace
Sign up free. Nothing to install.
Connect screenshot.fyi once
Add your screenshot.fyi connection in Settings. Every tool from this integration reuses it, and secrets are encrypted at rest and visible only to you.
Describe the job in chat
The workflow builds itself in front of you and picks the endpoints it needs. Drag the steps yourself on the canvas whenever you would rather be explicit.