snapapi-mcp

MCP (Model Context Protocol) server for SnapAPI — take screenshots, scrape web pages, extract content, generate PDFs, record videos, and analyze pages directly from AI tools like Claude Desktop, Cursor, Windsurf, Cline, and Zed.

What is this?

This package runs a local MCP server that connects your AI assistant to the SnapAPI web capture API. Once configured, your AI can:

• Take screenshots of any URL (full page, mobile, dark mode, element selection, device emulation)

• Scrape web pages and get clean text, HTML, or link lists using a real browser

• Extract content optimized for LLM consumption (Markdown, article, metadata, structured data)

• Generate PDFs from URLs or HTML

• Record videos of browser sessions with optional interaction scenarios

• Analyze pages with AI (extract + analyze in one call)

• Check your usage quota and account stats

Related MCP server: Local-MCP-server

Prerequisites

• Node.js 18 or later

• A SnapAPI API key — get one at app.snapapi.pics

Quick Start

Claude Desktop

Add to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):

{
  "mcpServers": {
    "snapapi": {
      "command": "npx",
      "args": ["-y", "snapapi-mcp"],
      "env": {
        "SNAPAPI_API_KEY": "sk_live_your_key_here"
      }
    }
  }
}

Restart Claude Desktop after saving.

Cursor

Add to ~/.cursor/mcp.json:

{
  "mcpServers": {
    "snapapi": {
      "command": "npx",
      "args": ["-y", "snapapi-mcp"],
      "env": {
        "SNAPAPI_API_KEY": "sk_live_your_key_here"
      }
    }
  }
}

Windsurf

Add to ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "snapapi": {
      "command": "npx",
      "args": ["-y", "snapapi-mcp"],
      "env": {
        "SNAPAPI_API_KEY": "sk_live_your_key_here"
      }
    }
  }
}

Cline (VS Code)

Open Cline settings → MCP Servers → Add Server:

• Command: npx

• Args: -y snapapi-mcp

• Environment: SNAPAPI_API_KEY=sk_live_your_key_here

VS Code (native MCP support)

Add to .vscode/mcp.json in your workspace (or your user settings):

{
  "servers": {
    "snapapi": {
      "command": "npx",
      "args": ["-y", "snapapi-mcp"],
      "env": {
        "SNAPAPI_API_KEY": "sk_live_your_key_here"
      }
    }
  }
}

Zed

Add to ~/.config/zed/settings.json:

{
  "context_servers": {
    "snapapi": {
      "command": {
        "path": "npx",
        "args": ["-y", "snapapi-mcp"],
        "env": {
          "SNAPAPI_API_KEY": "sk_live_your_key_here"
        }
      }
    }
  }
}

Automated Installer

Run the included helper script:

# For Claude Desktop
./install-mcp.sh claude

# For Cursor
./install-mcp.sh cursor

# For Windsurf
./install-mcp.sh windsurf

Available Tools

ping

Verify that SnapAPI is reachable and your API key is valid. No parameters required.

Example prompt: "Ping SnapAPI to check it's working"

screenshot

Take a screenshot of any URL with extensive customization.

Parameters:

*At least one of url, html, or markdown must be provided.

Example prompts:

• "Take a screenshot of https://example.com in dark mode"

• "Screenshot https://github.com on an iPhone 15 Pro"

• "Capture a full-page screenshot of https://news.ycombinator.com with ads blocked"

• "Render this HTML as a screenshot: <h1>Hello</h1>"

scrape

Scrape web page content using a real browser (JavaScript-rendered pages work).

Parameters:

Example prompts:

• "Scrape the text content from https://example.com/blog"

• "Get all links from https://news.ycombinator.com"

• "Scrape https://example.com/pricing as HTML"

extract

Extract clean, structured content optimized for LLMs.

Parameters:

Example prompts:

• "Extract the article content from https://example.com/post as markdown"

• "Get the metadata (title, description, OG image) from https://example.com"

• "Extract price and rating from https://example.com/product"

pdf

Generate a PDF from a URL or HTML.

Parameters:

*At least one of url or html must be provided.

Example prompts:

• "Generate a PDF of https://example.com/report in landscape A4"

• "Convert this HTML to a PDF with 2cm margins"

analyze

Extract content from a URL and analyze it with an AI model in one call.

Parameters:

Example prompts:

• "Analyze https://example.com/article — what are the main arguments?"

• "Extract all product specs from https://example.com/product"

• "What is the sentiment of this news article: https://example.com/news"

video

Record a browser session as a video (WebM).

Parameters:

Example prompts:

• "Record a 10-second video of https://example.com scrolling down"

• "Record https://example.com on an iPhone 15 Pro"

get_usage

Check your SnapAPI quota and monthly statistics. No parameters required.

Example prompts:

• "How many SnapAPI requests do I have left this month?"

• "Show me my SnapAPI usage"

list_devices

List all available device presets for screenshot and video emulation. No parameters required.

Example prompt: "What device presets are available for screenshots?"

Environment Variables

Development

# Clone the repo
git clone https://github.com/Sleywill/snapapi-mcp.git
cd snapapi-mcp

# Install dependencies
npm install

# Build
npm run build

# Run locally (reads MCP protocol from stdin)
SNAPAPI_API_KEY=sk_live_your_key node dist/index.js

Troubleshooting

"SNAPAPI_API_KEY environment variable is required" Make sure the env block in your MCP config includes your API key. Check it starts with sk_live_.

Tools not appearing in Claude Desktop Restart Claude Desktop after saving the config. Check MCP logs at:

• macOS: ~/Library/Logs/Claude/mcp*.log

• Windows: %APPDATA%\Claude\logs\mcp*.log

npx takes too long on first run Use "args": ["-y", "snapapi-mcp"] — the -y flag auto-confirms the install prompt without interaction.

screenshot / scrape returns an error

• Verify your API key is valid at app.snapapi.pics/dashboard

• Check your remaining quota with the get_usage tool

• For JavaScript-heavy pages, try adding "waitUntil": "networkidle" and a "delay" value

analyze tool returns an error The analyze endpoint requires Anthropic API credits on the SnapAPI backend. Use the extract tool as a fallback to fetch the page content and analyze it yourself.

License

MIT