Command Palette

Search for a command to run...

UnylyUnyly
Весь каталог

Screenshot API

БесплатноНе проверен

Enables AI agents to capture any public URL as PNG, JPEG, or PDF via REST API or MCP tools, including screenshot capture, page description, and PDF rendering.

GitHubEmbed

Описание

Enables AI agents to capture any public URL as PNG, JPEG, or PDF via REST API or MCP tools, including screenshot capture, page description, and PDF rendering.

README

Give your AI agent eyes. One MCP tool call returns a screenshot your agent can actually see.

Join the early access waitlist · Free tier included · Hosted API coming soon


What it does

AI agents can't see web pages — they get raw HTML, which is noisy, incomplete (no JS-rendered content), and full of boilerplate. This MCP server gives Claude, Cursor, and any MCP-compatible agent three native tools:

Tool What it returns
take_screenshot URL → base64 PNG/JPEG your agent can look at directly
describe_page Screenshot + title + H1 + meta description in one call
capture_pdf URL → A4 PDF

describe_page is the key differentiator: most agents need a screenshot and some text context. This saves a round-trip.


Quick start (self-hosted, free)

Claude Desktop

// ~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "screenshot-api": {
      "command": "npx",
      "args": ["-y", "screenshot-api-mcp"]
    }
  }
}

Restart Claude Desktop. Then ask:

"Take a screenshot of https://news.ycombinator.com and summarise the top 5 stories"

Cursor

Settings → MCP → Add Server:

{
  "name": "screenshot-api",
  "command": "npx",
  "args": ["-y", "screenshot-api-mcp"]
}

Python (LangChain / CrewAI)

from langchain_mcp_adapters.client import MultiServerMCPClient

client = MultiServerMCPClient({
    "screenshot": {
        "command": "npx",
        "args": ["-y", "screenshot-api-mcp"],
        "transport": "stdio",
    }
})

tools = await client.get_tools()
# → [take_screenshot, describe_page, capture_pdf]

Why not just use the HTML?

  • JS-rendered content — SPAs, lazy-loaded sections, and canvas elements are invisible to scrapers. Playwright renders everything.
  • Stealth mode — ~40% of real URLs return bot-block pages to naive scrapers. Evasion is built in.
  • Response cache — same URL twice in a loop? Second call is instant (5-min TTL, no double-billing).
  • MCP-native — structured outputs designed for agent loops, not bolted-on HTTP wrappers.

Hosted API (coming soon)

The self-hosted version requires Node.js + a local Playwright/Chromium install (~300MB). The hosted API has none of that — your agent hits an endpoint, gets back the image.

Join the waitlist — early access gets 3 months at 40% off.

Planned tiers:

Plan Price Screenshots/mo
Free trial $0 100 (7 days)
Starter $19/mo 2,000
Pro $49/mo 10,000

HTTP API (self-hosted)

GET /screenshot

Param Type Default Description
url string required Public URL (http/https only)
format png | jpeg | pdf png Output format
full_page true | false false Full scrollable page
width number 1280 Viewport width (320–3840)
height number 800 Viewport height (200–2160)
curl "http://localhost:3099/screenshot?url=https://example.com" -o out.png

GET /health

{ "status": "ok", "browserConnected": true }

Local development

npm install
npm run dev        # tsx watch
npm test           # vitest + real Chromium (~60s)
npm run typecheck

Deploy to Fly.io (self-host at scale)

export PATH="$HOME/.fly/bin:$PATH"
flyctl auth login
flyctl launch --no-deploy --copy-config
flyctl secrets set PROXY_SECRET=$(openssl rand -hex 24)
flyctl deploy
flyctl checks list   # /health should be green

Memory: Fly's default 256MB will OOM Chromium. fly.toml is pre-set to 1GB. Don't scale below 512MB.

Add FLY_API_TOKEN to GitHub repo secrets to enable auto-deploy on push to main.


Configuration

All settings via environment variables. See .env.example.

Key vars: PORT (3099), MAX_CONCURRENCY (2), PROXY_SECRET (empty = auth off locally), NAV_TIMEOUT_MS (20000).


Roadmap

Phase A — Validation (now)

  • MCP server with 3 tools
  • Stealth / Cloudflare bypass
  • Response cache (5-min TTL)
  • Landing page + waitlist
  • npm publish (screenshot-api-mcp)
  • Smithery + mcp.so + Glama listings
  • 20 waitlist signups ← gate to Phase B

Phase B — Hosted API (if gate passed)

  • Lemon Squeezy billing (usage tiers)
  • API key issuance + metering
  • Fly.io deploy (1GB VM, min_machines_running=1)
  • First paying customer

Phase C — Growth

  • SEO content ("how to give Claude screenshots")
  • Zapier integration
  • LangChain / CrewAI tool package

from github.com/raphy78626/screenshot-api

Установить Screenshot API в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE
unyly install screenshot-api

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add screenshot-api -- npx -y screenshot-api-mcp

FAQ

Screenshot API MCP бесплатный?

Да, Screenshot API MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Screenshot API?

Нет, Screenshot API работает без API-ключей и переменных окружения.

Screenshot API — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Screenshot API в Claude Desktop, Claude Code или Cursor?

Открой Screenshot API на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.

Похожие MCP

Compare Screenshot API with

Не уверен что выбрать?

Найди свой стек за 60 секунд

Автор?

Embed-бейдж для README

Похожее

Все в категории ai