About

TypeScript Model Context Protocol (MCP) server for ScreenshotOne. Includes CLI support and extensible structure for connecting AI systems (LLMs) to ScreenshotOne API to capture screenshots of websites.

Details

Author: mrgoonie
GitHub stars: 3
Downloads: 173
Categories: Developer Tools

- Take screenshots of any URL
- Render HTML content and capture screenshots
- Customize viewport size and device emulation
- Capture full-page screenshots
- Select specific elements using CSS selectors
- Multiple output formats (PNG, JPEG, WebP, PDF)
- Block ads, trackers, and cookie banners
- Inject custom CSS and JavaScript
- Control wait behavior and timing

Install via npm or clone the repository. Use the CLI with npm run dev:cli -- take-screenshot and provide your access key. For MCP integration, configure your client with stdio or Streamable HTTP transport, setting environment variables like MCP_HTTP_HOST, MCP_HTTP_PORT, and MCP_HTTP_PATH as needed. Configuration examples are provided in the README.

ScreenshotOne.com - MCP Server

This project provides a Model Context Protocol (MCP) server that connects AI assistants to ScreenshotOne.com API to capture screenshots of websites.

- Github
- NPM

Available Features

- [x] Take screenshots of any URL - [x] Render HTML content and take screenshots - [x] Customize viewport size and device emulation - [x] Capture full-page screenshots - [x] Select specific elements using CSS selectors - [x] Multiple output formats (PNG, JPEG, WebP, PDF) - [x] Block ads, trackers, and cookie banners - [x] Inject custom CSS and JavaScript - [x] Control wait behavior and timing