Claude MarketplacesSubmit
smallhandsome avatar

ShotAPI MCP Server

smallhandsome/shotapi-mcp-server

Gives Claude the ability to capture screenshots of live URLs and render arbitrary HTML/CSS to images through three MCP tools: screenshot_one_liner for quick captures, screenshot with full control over viewport and selectors, and render for testing AI-generated markup. The render tool is the standout feature here, it closes the feedback loop so agents can write HTML, see what it looks like, then iterate without leaving the conversation. Uses streamable-http transport so you can add it without installing Playwright locally, though a local STDIO mode is available for paid tiers. Free tier gives you 10 screenshots and 10 renders per month, no API key required. Useful for deployment verification, visual regression checks, or any workflow where your agent needs to see what a page actually looks like.

GitHub stars
1
tools
3
transport
HTTP
last updated
Jun 11, 2026
View on GitHub

Tools

3 tools

Public tool metadata for what this MCP can expose to an agent.

screenshot_one_linerOne URL, one screenshot.

One URL, one screenshot.

No parameter schema in public metadata yet.

screenshotFull control: viewport, full-page, CSS selector, format.

Full control: viewport, full-page, CSS selector, format.

No parameter schema in public metadata yet.

renderRender HTML/CSS to image — Agent writes code, sees result instantly.

Render HTML/CSS to image — Agent writes code, sees result instantly.

No parameter schema in public metadata yet.

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Readme

ShotAPI — Web Screenshot & Render MCP Server for AI Agents

Give your AI Agent eyes. One command, zero install.

GitHub stars MCP Registry

中文文档

Quick Start (Remote Mode — No Install)

# Claude Code
claude mcp add --transport streamable-http shotapi https://aiphotoshop.mynatapp.cc/mcp

# Or with npx
npx -y @anthropic-ai/claude-code@latest --mcp https://aiphotoshop.mynatapp.cc/mcp

For Claude Desktop / Cursor, add to your config:

{
  "mcpServers": {
    "shotapi": {
      "type": "streamable-http",
      "url": "https://aiphotoshop.mynatapp.cc/mcp"
    }
  }
}

Real Use Cases

1. Claude verifies its own code

Human: Build a landing page with a hero section, testimonials, and pricing grid.

Claude: [writes HTML/CSS code]

Claude: Let me check this with the render tool...

[Claude calls ShotAPI render tool with the HTML it wrote]

View the full README on GitHub

Details

Repository
github.com/smallhandsome/shotapi-mcp-server
Website
github.com/smallhandsome/shotapi-mcp-server
Category
Design & Creative
Transport
HTTP
Registry
MCP registry, active

Related Design & Creative MCP servers

View all
1tkmd avatarReftrixmcptkmd/reftrixmcpWeb design analysis with 26 MCP tools: layout, motion, quality, semantic search via pgvector1stars
2tokenarcade avatarTokenarcadeai.tokenarcade/tokenarcadeGames for AI agents. Each game runs inside a single context window.0stars
3allyburns avatarTrazo pilotallyburns/trazo-pilotFly Trazo, a browser game over the real Nazca lines, turn by turn, and post to its AI board.0stars
4botmonster avatarImage to SVGbotmonster/image2svg-mcpMCP server that converts raster images (PNG/JPG/WEBP) to SVG vector format0stars
5brandrail-app avatarBrandrailbrandrail-app/brandrailDesign system guardrails for AI coding tools: tokens, components and a brand checker. Runs locally.0stars
6cdkbotmcp avatarCdk Mcpcdkbotmcp/cdk-mcpBuy game keys, gift cards, and subscriptions via x402 USDC on Base. 8 MCP tools, no install.0stars