How does authentication work?

Use the `login-and-wait` tool to manually log in through a visible browser window; cookies are saved automatically and reused in subsequent `screenshot-page` or `screenshot-element` calls when `useSavedAuth` is true.

What are the runtime requirements?

Node.js is required. The server uses Puppeteer (bundled Chromium) by default, but can also connect to your system’s default browser (Chrome, Edge, or Safari) with `useDefaultBrowser: true`.

SSyncDev

Start a project

Webpage Screenshot MCP Server

An MCP that gives your agent the ability to snap a screenshot of webpages. Useful when you want your agent to check its progress during development.

Local serverstdioTypeScript

What is the Webpage Screenshot MCP Server?

An MCP that gives your agent the ability to snap a screenshot of webpages. Useful when you want your agent to check its progress during development.

The short version

An MCP (Model Context Protocol) server that captures screenshots of web pages using Puppeteer. This server allows AI agents to visually verify web applications and see their progress when generating web apps.

Full page screenshots — Capture entire web pages or just the viewport
Element screenshots — Target specific elements using CSS selectors
Multiple formats — Support for PNG, JPEG, and WebP formats
Customizable options — Set viewport size, image quality, wait conditions, and delays
Base64 encoding — Returns screenshots as base64 encoded images for easy integration
Authentication support — Manual login and cookie persistence

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Example prompts to try

“Use Webpage Screenshot to Tools.”
“Use Webpage Screenshot to Debugging.”

Frequently asked questions

It provides MCP tools to capture screenshots of web pages (full page, viewport, or specific elements) and return them as base64 encoded images, with support for authentication and session persistence.

Alternatives to the Webpage Screenshot MCP Server

Playwright

Official

Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.

Browser AutomationTypeScript★ 21.0k

Puppeteer

Official

The original Chromium automation reference server — simple, screenshot-driven browser control.

Browser AutomationTypeScript★ 63.0k

Internet Radio

An open-source Model Context Protocol (MCP) server for internet radio. It lets Claude, Cursor, VS Code Copilot and other MCP clients search radio stations worldwide and get their direct stream URLs.…

Browser Automation

Lyra Web3 Playground

Lyra Web3 Playground - Learn blockchain development with interactive examples. Compile and deploy Solidity in your browser. Built by nich.

Browser AutomationRemotePython

Confluence

MCP stdio server for fetching Confluence Wiki pages with managed browser authentication.