SnapRender
Hosted MCP server, 11 tools

Give Kiro eyes on the web

Add the hosted SnapRender MCP server to Kiro in one click or through mcp.json. The Kiro agent can then screenshot any web page, compare devices and read pages as markdown. OAuth sign-in or an API key header.

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

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

Set it up (recommended: sign in with OAuth)

Kiro connects to remote MCP servers and runs the browser sign-in itself, registering with SnapRender automatically.

  1. 1Turn on MCP support in Kiro's settings (search for MCP).
  2. 2Click "Add to Kiro" above, or open the command palette, run Kiro: Open user MCP config (JSON) and add the snippet to ~/.kiro/settings/mcp.json. For one workspace, use .kiro/settings/mcp.json.
  3. 3Save the file. Kiro connects and opens the browser to sign in to SnapRender. Then ask the agent for a screenshot.
~/.kiro/settings/mcp.json
{
  "mcpServers": {
    "snaprender": { "url": "https://app.snap-render.com/mcp" }
  }
}

Check it worked: Saving mcp.json reconnects the servers. Ask the agent which SnapRender tools it has, or for a screenshot, to confirm the connection.

With an API key instead

Send the key as a header instead. Kiro expands ${SNAPRENDER_API_KEY} from your environment only after you add SNAPRENDER_API_KEY to the Mcp Approved Env Vars setting. Get a key from your SnapRender dashboard.

~/.kiro/settings/mcp.json
{
  "mcpServers": {
    "snaprender": {
      "url": "https://app.snap-render.com/mcp",
      "headers": { "Authorization": "Bearer ${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.

~/.kiro/settings/mcp.json
{
  "mcpServers": {
    "snaprender": {
      "command": "npx",
      "args": ["-y", "snaprender-mcp"],
      "env": { "SNAPRENDER_API_KEY": "YOUR_API_KEY" }
    }
  }
}

What Kiro 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 on iPhone 15 Pro and list what breaks on mobile."
  • "Take a full-page screenshot of our preview URL and check it against the requirements in the spec."
  • "Read https://example.com/docs as markdown and write a client for the API it documents."

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 Kiro take screenshots of websites?+

Yes, through an MCP server that provides a screenshot tool. With SnapRender added, the Kiro agent calls take_screenshot, gets the image back and can describe it, compare it or fix the code behind it.

What does the Add to Kiro button do?+

It asks to open Kiro with the server entry filled in. If that does not work, add the snippet to mcp.json by hand.

Other clients

Checked against kiro.dev, kiro.dev in November 2026.

200 free renders a month to start

No card. Every tool on every plan.