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

#screenshot #render #mcp #ai-agent #claude #cursor #web

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

よくある質問

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).

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).

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`.

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"}}}`.

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.

「ブラウザ自動化」の他のコンテンツ

BrowserTools MCP

AgentDeskAI

Monitor browser logs directly from Cursor and other MCP compatible IDEs.

7.3K

Loadster

loadster

Loadster is a load testing, stress testing, and synthetic monitoring platform. Run Playwright, Browser Bots, and Protocol Bots to test and monitor your websites, web apps, and APIs. Loadster MCP gives your agents the abi