Screenshot MCP Server for Grok and Grok Build

Set it up (recommended: sign in with OAuth)

On grok.com, Grok adds remote MCP servers as custom connectors. Grok Build, xAI's terminal coding agent, adds them with grok mcp add. Both run the OAuth sign-in.

1On grok.com: open grok.com/connectors, click New Connector, choose Custom and paste the server URL. In Grok Build: run the command below.
2Sign in to SnapRender when Grok asks. In Grok Build, run /mcps and press i to start the sign-in.
3Ask Grok to screenshot a page.

Grok Build (terminal)

grok mcp add --transport http snaprender https://app.snap-render.com/mcp

~/.grok/config.toml

[mcp_servers.snaprender]
url = "https://app.snap-render.com/mcp"

Check it worked: In Grok Build, grok mcp list shows the server and grok mcp doctor snaprender checks the connection. On grok.com the connector lists its tools after you sign in.

With an API key instead

Grok Build can send the key as a header instead of signing in. It reads ${SNAPRENDER_API_KEY} from your environment. Get a key from your SnapRender dashboard.

Grok Build (terminal)

export SNAPRENDER_API_KEY=YOUR_API_KEY
grok mcp add --transport http snaprender https://app.snap-render.com/mcp \
  --header "Authorization: Bearer ${SNAPRENDER_API_KEY}"

~/.grok/config.toml

[mcp_servers.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 in Grok Build. Replace YOUR_API_KEY with the key from your SnapRender dashboard. The package is snaprender-mcp on npm.

~/.grok/config.toml

[mcp_servers.snaprender]
command = "npx"
args = ["-y", "snaprender-mcp"]
env = { SNAPRENDER_API_KEY = "YOUR_API_KEY" }
startup_timeout_sec = 60

Grok Business and Enterprise: an admin adds the connector first in the console (Add Connector, then Other).
Grok Build names the tools with a prefix, for example snaprender__take_screenshot.
A first npx start can be slow; startup_timeout_sec = 60 keeps the local server from timing out.

What Grok 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

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

Yes, with a connector that provides a screenshot tool. With SnapRender connected, Grok can capture a page, look at it and answer questions about it.

What is the difference between Grok and Grok Build here?+

Grok on grok.com adds SnapRender as a custom connector in the browser. Grok Build is xAI's coding agent in the terminal; it takes the same server with grok mcp add and can also use an API key header or the local npm server.

Other clients

Checked against docs.x.ai, docs.x.ai in November 2026.

Give Grok eyes on the web

Set it up (recommended: sign in with OAuth)

With an API key instead

Or run the server locally

What Grok can do with it

Questions

Other clients

200 free renders a month to start