Hosted MCP server, 11 tools

Give Claude Code eyes on the web

Add the hosted SnapRender MCP server to Claude Code with one claude mcp add command. Claude Code can then screenshot pages, check layouts on devices and read pages as markdown while it works.

Create a free account

200 renders a month free, no card. Sign-in happens inside Claude Code the first time it uses the server.

Server URL: https://app.snap-render.com/mcp

Set it up (recommended: sign in with OAuth)

Claude Code supports remote HTTP servers and signs in through the browser.

  1. 1Run the command below. Add --scope user to make it available in every project.
  2. 2Start Claude Code, run /mcp, choose snaprender and sign in to SnapRender in the browser.
  3. 3Ask Claude to screenshot a page.
Terminal
claude mcp add --transport http --scope user snaprender https://app.snap-render.com/mcp

Check it worked: claude mcp list shows the server; inside a session, /mcp shows it connected with its tools.

With an API key instead

Pass the key as a header instead of signing in: Get a key from your SnapRender dashboard.

Terminal
claude mcp add --transport http --scope user snaprender https://app.snap-render.com/mcp \
  --header "Authorization: Bearer YOUR_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
claude mcp add --env SNAPRENDER_API_KEY=YOUR_API_KEY --transport stdio snaprender -- npx -y snaprender-mcp

What Claude Code can do with it

take_screenshot

Capture any URL, HTML or Markdown as PNG, JPEG, WebP or PDF, full page or by device

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

  • "Take a full-page screenshot of https://stripe.com and tell me how the pricing section is laid out."
  • "Compare https://example.com on desktop and iPhone and list layout problems on mobile."
  • "Read https://example.com/docs as markdown and summarize the authentication steps."

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 Claude Code look at my running app?+

It can look at any page reachable from the public internet. SnapRender renders pages on its servers, so localhost is not reachable; deploy a preview or use a tunnel, or capture locally with Playwright for purely local pages.

How do I share the setup with my team?+

Use --scope project. Claude Code writes the server to .mcp.json in the repository, and each developer signs in with their own SnapRender account.

Other clients

Cursor VS Code (Copilot) OpenAI Codex CLI Gemini CLI Zed Windsurf (Devin Desktop) Cline Claude and Claude Desktop

Checked against code.claude.com in October 2026.

200 free renders a month to start

No card. Every tool on every plan.

Create a free account