Screenshot MCP Server for OpenCode

Set it up (recommended: sign in with OAuth)

OpenCode connects to remote MCP servers over Streamable HTTP and handles OAuth for servers that use it.

1Run the command below, which adds the server to your global OpenCode config, or add the snippet to opencode.json in a project.
2Run opencode mcp auth snaprender and sign in to SnapRender in the browser. A free account works.
3Start opencode and ask for a screenshot.

Terminal

opencode mcp add snaprender --url https://app.snap-render.com/mcp

opencode.json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "servers": {
      "snaprender": { "type": "remote", "url": "https://app.snap-render.com/mcp" }
    }
  }
}

Check it worked: opencode mcp list shows snaprender as connected. The tools appear as snaprender_take_screenshot, snaprender_extract_content and so on.

With an API key instead

Send the key as a header and turn off OAuth for this server. {env:SNAPRENDER_API_KEY} reads the key from your environment. Get a key from your SnapRender dashboard.

Terminal

export SNAPRENDER_API_KEY=YOUR_API_KEY
opencode mcp add snaprender --url https://app.snap-render.com/mcp \
  --header "Authorization=Bearer {env:SNAPRENDER_API_KEY}"

opencode.json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "servers": {
      "snaprender": {
        "type": "remote",
        "url": "https://app.snap-render.com/mcp",
        "oauth": false,
        "headers": { "Authorization": "Bearer {env:SNAPRENDER_API_KEY}" }
      }
    }
  }
}

Or run the server locally

Runs the open-source server from npm locally. Replace YOUR_API_KEY with the key from your SnapRender dashboard. The package is snaprender-mcp on npm.

Terminal

opencode mcp add snaprender --env SNAPRENDER_API_KEY=YOUR_API_KEY -- npx -y snaprender-mcp

opencode.json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "servers": {
      "snaprender": {
        "type": "local",
        "command": ["npx", "-y", "snaprender-mcp"],
        "environment": { "SNAPRENDER_API_KEY": "YOUR_API_KEY" }
      }
    }
  }
}

Current configs list servers under mcp.servers. Older configs, and opencode mcp add, put them directly under mcp; that form still works but is deprecated.
For a local server, command is an array and the variables go in environment, not env.
Shell syntax like $SNAPRENDER_API_KEY is not expanded in opencode.json; use {env:SNAPRENDER_API_KEY}.

What OpenCode can do with it

take_screenshot

Capture any URL, HTML or Markdown as PNG, JPEG, WebP or PDF, full page or by device. Inline image by default, or an attached file with as_file

extract_content

Read a page as markdown, text, article, links or metadata

batch_screenshots

Capture up to 50 URLs in one job

get_batch_status

Check a batch and get its download links

sign_screenshot_url

Create a shareable capture URL that does not expose your key

check_screenshot_cache

See whether a capture is cached, without spending quota

get_usage

Show renders used and left this month

list_webhooks

List your webhooks

create_webhook

Get notified when batches finish

delete_webhook

Remove a webhook

test_webhook

Send a test delivery

Prompts to try

"Screenshot https://example.com on desktop and iPhone and fix the CSS that breaks on mobile."
"Take a full-page screenshot of our preview deployment and check it against the layout in DESIGN.md."
"Read https://example.com/api/docs as markdown and write a typed client for it."

SnapRender renders public pages from its own servers, with ads and cookie banners removed. Pages behind a login and localhost are out of reach; use a preview deployment or a tunnel for local work.

Questions

Can OpenCode take screenshots of websites?+

Yes, with an MCP server that provides a screenshot tool. With SnapRender added, OpenCode calls snaprender_take_screenshot, gets the image back and can describe it or fix the code behind it.

Other clients

Checked against opencode.ai in November 2026.

Give OpenCode eyes on the web

Set it up (recommended: sign in with OAuth)

With an API key instead

Or run the server locally

What OpenCode can do with it

Questions

Other clients

200 free renders a month to start