Screenshotmcp MCP Server

@upnorthmedia

代码仓库

基本信息

分类

其他

传输方式

stdio

作者

upnorthmedia

提交者

Up North Media

关于 Screenshotmcp MCP Server

A Model Context Protocol MCP server for capturing website screenshots with full page, element, and device size features.

#screenshots#ux-design#website-screenshot

Screenshotmcp MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "screenshot-full-page-mcp": {
      "command": "node",
      "args": [
        "/path/to/screenshot-full-page-mcp/index.js"
      ]
    }
  }
}

Screenshotmcp MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Screenshotmcp?

Screenshotmcp is an MCP server that captures screenshots of webpages using Puppeteer. It integrates with Claude Code CLI/Desktop, Cursor, and other MCP-compatible tools, allowing developers to automate screenshots through natural language commands.

How to use Screenshotmcp?

Install by cloning the repository, running npm install, then npm start. Configure Claude Code by adding the server to ~/.config/claude/mcp_servers.json or using claude mcp add. In Cursor, add it under Settings > MCP Servers. Once connected, issue commands like "Take a screenshot of https://example.com" or "Capture just the navigation bar from https://example.com".

Key features of Screenshotmcp

Full-page screenshots with custom viewports and device presets
Capture specific elements using CSS selectors
Wait for selectors, functions, timeouts, or network idle
Configurable via environment variables (.env file)
URL validation, rate limiting, and sandboxed browser execution
Three built-in device presets: mobile, tablet, desktop

Use cases of Screenshotmcp

Automate visual regression testing for web pages
Document UI states for bug reports or onboarding guides
Capture responsive views across mobile, tablet, and desktop
Integrate screenshot generation into CI/CD workflows
Debug specific elements by isolating them in a screenshot

常见问题

What are the system requirements?

Node.js 18+, Chrome/Chromium (installed automatically via Puppeteer), minimum 2GB RAM, and 500MB disk space.

How do I configure Screenshotmcp?

Set environment variables in the `.env` file, such as `BROWSER_HEADLESS`, `MAX_CONCURRENT_SCREENSHOTS`, and `DEFAULT_VIEWPORT_WIDTH`. Rename `.env.example` to `.env` to get started.

Can I take a mobile screenshot?

Yes, use the viewport preset `"mobile"` in the `capture_screenshot` tool, or specify custom `width`, `height`, and `deviceScaleFactor`.

What security measures are included?

Screenshotmcp validates URLs (HTTP/HTTPS only), sanitizes CSS selectors, enforces per‑window rate limiting, and runs the browser in a sandboxed environment.

其他分类下的更多 MCP 服务器

Hindsight

vectorize-io

Hindsight: Agent Memory That Learns

50.4K

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

Glasswarp

See and control a real Windows PC you own — from any MCP client, locally or remotely. Observe (UIA + screenshots), click/type/drag/scroll, launch apps, owner Live View. BYOH: your machine, your key.

PickFu MCP

PickFu MCP is a Model Context Protocol (MCP) server that connects AI assistants, developers, marketers, product managers, and AI agents to PickFu's consumer research platform. It enables users to create surveys, conduct

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K