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. That is what the webpage screenshot mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.

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

Getting it running

Setup follows the usual MCP pattern — install or clone the server, register it in your client's configuration file, restart the client.

The tools it exposes

The server publishes 2 tools. What each one is for:

  • Tools — The Tools tool exposed by this server
  • Debugging — The MCP server logs helpful error messages to the console when issues occur. Check these messages for troubleshooting information

Things to watch

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.

How it compares

Plenty of browser automation servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Webpage Screenshot's toolset — Tools, Debugging — is a fair guide to whether it matches your workflow. It is maintained by ananddtyagi; worth a glance at recent repository activity before you build anything load-bearing on it.

SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.

Available tools

ToolWhat it does
ToolsThe Tools tool exposed by this server.
DebuggingThe MCP server logs helpful error messages to the console when issues occur. Check these messages for troubleshooting information.

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.