webpage-screenshot-mcpAn 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.

— (0)

Reviewed by Daniel Nikulshyn·Updated July 2026

Overview

The webpage-screenshot-mcp is a Model Context Protocol (MCP) server that enables AI agents to capture screenshots of web pages using Puppeteer. This tool is useful for visually verifying web applications and monitoring progress during development. It supports full-page screenshots, element screenshots via CSS selectors, and multiple image formats like PNG, JPEG, and WebP. The MCP server offers customizable options such as setting viewport size, image quality, wait conditions, and delays. It also supports base64 encoding for easy integration, authentication through manual login and cookie persistence, and session persistence for multi-step workflows. The tool can be installed via a Claude Desktop Extension or manual installation from source. It provides tools for logging in and waiting for user interaction, and capturing screenshots of web pages with various options.

Key features

Full page screenshots
Element screenshots using CSS selectors
Multiple formats (PNG, JPEG, WebP)
Customizable options (viewport size, image quality, wait conditions, delays)
Base64 encoding for easy integration
Authentication support (manual login and cookie persistence)

Pricing

Model: Free
Category: MCP Servers
Rating: No reviews yet

Use cases

Visual Verification of Web Applications

Use the Webpage Screenshot MCP Server to visually verify web applications during development and testing.

Automated Screenshot Generation

Use the MCP server to automate screenshot generation for web pages, allowing for easy visual inspection and testing.

Pros & Cons

Pros

Enables visual verification of web applications
Supports full page and element screenshots
Offers multiple image formats and customizable options
Allows for authentication support and session persistence

Cons

Requires Puppeteer and Node.js to run
May require additional configuration for specific use cases

Reviews

No reviews yet. Be the first!

Q&A

What prerequisites are needed to run webpage-screenshot-mcp?

You need Node.js and Puppeteer installed; the tool can be added via a Claude Desktop Extension or manually from source, but may need additional setup for custom use cases.

Asked by Sven Bergqvist · May 15, 2026

How does authentication work with this tool?

The MCP server supports manual login and cookie persistence, letting you maintain authenticated sessions across multiple screenshot requests.

Asked by Aisha Khan · Apr 26, 2026

Can I capture only a specific element on a page?

Yes, using CSS selectors you can request element screenshots, which is handy for checking individual components during development.

Asked by Fiorella Bianchi · Apr 4, 2026

What image formats can webpage-screenshot-mcp produce?

It supports PNG, JPEG, and WebP formats, allowing you to choose the best balance between quality and file size.

Asked by Lior Ben-David · Feb 20, 2026