Shotapi
About
MCP Server that gives AI agents eyes. Screenshot any webpage, render HTML/CSS to images. One command setup for Claude Code, Cursor, and Claude Desktop. Free 30+30/month.ShotAPI - Give AI Agents Eyes. MCP Server for web screenshots and HTML rendering. 3 tools: screenshot_one_liner
Details
- Transport
- SSE
Explore
- Three MCP tools: screenshot_one_liner, screenshot (full control), render (HTML to image)
- Zero‑install remote mode with streamable‑http transport
- Direct access without VPN for China‑based users
- Free tier: 10 screenshots + 10 renders per month, no sign‑up needed
- Built‑in ad blocking for cleaner screenshots
- Registered in the official MCP Registry
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
ShotapiCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Claude: [calls ShotAPI screenshot on https://yourapp.com]
Claude: Footer text is cut off — CSS overflow issue. Background image 404.
```
pip install -r requirements.txt
playwright install chromium
screenshot_one_liner
One URL, one screenshot
screenshot
Full control: viewport, full-page, CSS selector, format
render
Render HTML/CSS to image — Agent writes code, sees result instantly
| Tool | Description | Example |
|------|-------------|---------|
| screenshot_one_liner | One URL, one screenshot | screenshot_one_liner(url="https://github.com") |
| screenshot | Full control: viewport, full-page, CSS selector, format | screenshot(url="https://github.com", selector="#hero") |
| render | Render HTML/CSS to image — Agent writes code, sees result instantly | render(html="<h1>Hello</h1>") |
The render tool closes the feedback loop: write code → render → see → revise → render again.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"shotapi": {
"shotapi": {
"type": "streamable-http",
"url": "https://aiphotoshop.mynatapp.cc/mcp"
}
}
}
}McpServers
{
"shotapi": {
"type": "streamable-http",
"url": "https://aiphotoshop.mynatapp.cc/mcp"
}
}Give your AI Agent eyes. One command, zero install.
Quick Start (Remote Mode — No Install)
```bash
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
