PageShot MCP
Capture webpage screenshots with chosen format, viewport, and dark mode so the agent can document UI, file bugs, or verify releases visually.
Overview
PageShot MCP is a MCP server for the Ship phase that captures webpage screenshots with format, viewport, and dark mode options for agent-driven QA and docs.
What is this MCP server?
- Captures full-page or viewport screenshots from URLs
- Configurable image format, viewport size, and dark mode rendering
- stdio MCP via npx pageshot-mcp (1.2.0)
- Backed by softvoyagers/pageshot-api
- Useful for PR review packets, docs, and launch checklist evidence
- MCP server version 1.2.0
- stdio transport, npm identifier pageshot-mcp
- Repository softvoyagers/pageshot-api
What problem does it solve?
You need accurate UI captures for testing or write-ups but switching to a browser and cropping shots breaks your agent-led flow.
Who is it for?
Indie devs documenting responsive UI, filing visual bugs, or archiving pre-launch checks from Claude Code or Cursor.
Skip if: Deep visual regression platforms, video capture, or pages behind complex auth flows this API cannot reach.
What do I get? / Deliverables
The agent returns consistent screenshots with the viewport and theme you specify, ready for reviews, tickets, or launch assets.
- PNG or other format screenshots per requested viewport
- Dark-mode or light-mode captures for UI verification
- Agent-stored visual artifacts for reviews and docs
Recommended MCP Servers
Journey fit
Before and after ship, visual evidence supports QA, regression checks, and review artifacts without manual browser chores. Testing subphase is the canonical shelf for screenshot capture used in verification, bug reports, and visual diff workflows.
How it compares
MCP screenshot capture, not PDF export or OG image generation.
Common Questions / FAQ
Who is PageShot MCP for?
Builders and agents who need programmatic webpage screenshots during ship, review, or documentation work.
When should I use PageShot MCP?
Use it when verifying layouts before release, capturing staging vs production, or updating docs with fresh UI images.
How do I add PageShot MCP to my agent?
Add stdio MCP config with npx pageshot-mcp (npm 1.2.0) and invoke screenshot tools with URL plus format, viewport, and dark mode parameters.