MCP.so
登录
S

Shotapi MCP Server

@smallhandsome

基本信息

分类

浏览器自动化

传输方式

stdio

认证方式

oauth

作者

smallhandsome

提交者

jackjs liu

关于 Shotapi MCP Server

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

Shotapi MCP Server 配置

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

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

Shotapi MCP Server 工具

工具列表暂未提供

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

此服务需要认证,获取工具列表可能需要登录或使用服务提供方的凭据。

点击上方按钮,直接连接服务器端点实时获取工具列表。

概览

What is Shotapi?

Shotapi is a Model Context Protocol (MCP) server that gives AI agents the ability to take web screenshots and render HTML/CSS into images. It integrates with AI tools via MCP’s streamable‑http or stdio transports, making it suitable for developers who want their agents to visually verify web pages or debug rendered code.

How to use Shotapi?

Use Shotapi in remote mode with zero installation: add the server to Claude Code, Claude Desktop, or Cursor using the streamable‑http URL https://aiphotoshop.mynatapp.cc/mcp. For local or paid‑tier usage, install Python dependencies and Playwright, then run the stdio server via python mcp_stdio.py. Invoke the three MCP tools (screenshot_one_liner, screenshot, render) directly in conversation; no manual API calls required.

Key features of Shotapi

  • 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

Use cases of Shotapi

  • AI agent verifies its own generated HTML/CSS by rendering it and spotting layout issues
  • Deployment verification: agent screenshots a live URL to check visual correctness
  • UI regression testing in CI/CD pipelines by capturing before/after screenshots
  • Rapid prototyping: agent writes code, renders it, revises based on visual feedback

常见问题

1

Do I need an API key to use Shotapi?

No API key is required for the free tier (IP‑based). A key is needed for paid tiers (Starter $4.90/mo, Pro $9.90/mo).

2

What tools does Shotapi provide?

Three tools: `screenshot_one_liner` (simple URL screenshot), `screenshot` (viewport, full‑page, CSS selector, format options), and `render` (convert HTML/CSS to image).

3

Can I run Shotapi locally?

Yes. Install Python dependencies, run `playwright install chromium`, set environment variables (`SHOTAPI_BASE_URL`, optional `SHOTAPI_KEY`), then launch with `python mcp_stdio.py`.

4

How do I add Shotapi to Claude Desktop or Cursor?

Add the following to your MCP configuration: `{"mcpServers":{"shotapi":{"type":"streamable‑http","url":"https://aiphotoshop.mynatapp.cc/mcp"}}}`.

5

What is the free tier limit?

Free tier offers 10 screenshots + 10 renders per month, IP‑based, no sign‑up. Paid plans increase the limit to 5,000 or 20,000 per month.

评论

浏览器自动化 分类下的更多 MCP 服务器