MCP Screenshot Server logo

MCP Screenshot Server

by sethbang

The MCP Screenshot Server captures screenshots of web pages and local HTML files. It utilizes Puppeteer and provides a simple MCP tool interface.

View on GitHub

Last updated: N/A

What is MCP Screenshot Server?

This is an MCP server implementation that provides screenshot functionality using Puppeteer. It allows capturing screenshots of web pages and local HTML files through a simple MCP tool interface.

How to use MCP Screenshot Server?

The server provides a take_screenshot tool. Provide a URL (http://, https://, or file:///) along with optional parameters like width, height, fullPage, and outputPath to capture a screenshot. Use npm install to install dependencies, then run the server.

Key features of MCP Screenshot Server

  • Capture screenshots of any web page or local HTML file

  • Configurable viewport dimensions

  • Full page screenshot support

  • Custom output path option

  • Automatic screenshot directory management

Use cases of MCP Screenshot Server

  • Automated website testing

  • Generating thumbnails for web pages

  • Archiving web content

  • Creating visual documentation

  • Monitoring website appearance

FAQ from MCP Screenshot Server

How do I specify the URL to capture?

Use the url parameter in the take_screenshot tool. It accepts http://, https://, or file:// protocols.

Can I capture the entire scrollable page?

Yes, set the fullPage parameter to true.

How do I set the viewport size?

Use the width and height parameters to specify the viewport dimensions in pixels.

Where are the screenshots saved by default?

The README does not specify a default save location. The outputPath parameter can be used to specify a custom output path.

How do I run tests?

Use the command npm run inspector to run the MCP inspector for testing.