Integrations

SnapSharp is a standard REST API that returns binary images. It works with any tool that can make HTTP requests.

MCP Server (Claude Desktop, Cursor, Windsurf)

SnapSharp has an official Model Context Protocol (MCP) server — snapsharp-mcp. This lets AI tools like Claude Desktop, Cursor, and Windsurf use SnapSharp as a native tool.

Install

npx snapsharp-mcp
# or install globally:
npm install -g snapsharp-mcp

Claude Desktop

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

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

Cursor

Create .cursor/mcp.json in your project (or ~/.cursor/mcp.json globally):

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

Windsurf

Edit ~/.codeium/windsurf/mcp_config.json:

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

Available MCP Tools

Once configured, use natural language: "Take a screenshot of stripe.com in dark mode", "Audit vercel.com and show me the color palette".

API Reference

Postman

Download the Postman Collection and import it directly:

Download Postman Collection

The collection includes:

• Pre-configured {{base_url}} and {{api_key}} variables
• Bearer token auth set at collection level
• Ready-to-run requests for every endpoint
• Example request bodies for POST endpoints

To use:

1. Download the collection file
2. In Postman: Import → select the .json file
3. Go to collection Variables and set api_key to your key
4. Run any request

n8n

Option 1: Community Node (recommended)

Install the official n8n-nodes-snapsharp community node for a native integration experience with a visual UI:

1. In n8n, go to Settings → Community Nodes → Install
2. Enter package name: n8n-nodes-snapsharp
3. Click Install

The node supports: Screenshot, OG Image, HTML to Image, Site Audit, Video Recording, and PDF generation — all with a graphical interface and binary output.

Option 2: HTTP Request Node

Use the built-in HTTP Request node to call SnapSharp manually:

• Method: GET
• URL: https://api.snapsharp.dev/v1/screenshot
• Authentication: Header Auth
  • Header Name: Authorization
  • Header Value: Bearer YOUR_API_KEY
• Query Parameters: url=https://example.com&width=1280
• Response Format: File (binary)

{
  "method": "GET",
  "url": "https://api.snapsharp.dev/v1/screenshot",
  "authentication": "headerAuth",
  "headerParameters": {
    "Authorization": "Bearer {{ $env.SNAPSHARP_API_KEY }}"
  },
  "queryParameters": {
    "url": "={{ $node.Trigger.json.url }}",
    "width": "1280",
    "format": "png"
  }
}

Zapier

Use the Webhooks by Zapier action to call SnapSharp from any Zap:

Screenshot a URL:

• Action: Webhooks by Zapier → Custom Request
• Method: GET
• URL: https://api.snapsharp.dev/v1/screenshot
• Query String Params:
  • url → {{url from trigger}}
  • width → 1280
  • format → png
• Headers:
  • Authorization → Bearer YOUR_API_KEY
• Response type: File — returns binary image data

Typical Zap flows:

• New row in Google Sheets → Screenshot URL → Upload to Google Drive
• New blog post (RSS) → Screenshot → Send via Email
• Shopify order → Screenshot product page → Email to customer

Site Audit (POST endpoint):

• Method: POST
• URL: https://api.snapsharp.dev/v1/site-audit
• Data: {"url": "{{url}}", "format": "json"}
• Headers:
  • Authorization → Bearer YOUR_API_KEY
  • Content-Type → application/json

Make (Integromat)

Use the HTTP → Make a request module to call SnapSharp:

Screenshot module:

• URL: https://api.snapsharp.dev/v1/screenshot
• Method: GET
• Query String:
  • url → {{url}}
  • width → 1280
  • format → png
  • full_page → false
• Headers:
  • Authorization → Bearer YOUR_API_KEY
• Parse response: No (keep as binary)
• Output: Connect to Google Drive, Dropbox, or any storage module

OG Image module (POST):

• URL: https://api.snapsharp.dev/v1/og-image
• Method: POST
• Body type: Raw
• Content type: application/json
• Request content: {"template": "blog-post", "data": {"title": "{{title}}", "author": "{{author}}"}}
• Headers:
  • Authorization → Bearer YOUR_API_KEY

Typical Make scenarios:

• Webflow CMS item → Screenshot → Store in Airtable
• Google Forms submission → Site Audit → Parse JSON → Update spreadsheet
• Scheduled screenshot → Compare with previous → Alert on visual change

ChatGPT (GPT Action)

Add SnapSharp as a custom GPT Action so ChatGPT can take screenshots for you:

1. Go to chat.openai.com → My GPTs → Create a GPT
2. Open the Configure tab → scroll to Actions
3. Click Add action → Import from URL
4. Enter: https://api.snapsharp.dev/openapi.json
5. Set Authentication to API Key → Type: Bearer
6. Enter your SnapSharp API key
7. Save and test

Now ChatGPT can take screenshots when you ask it to, e.g.:

"Take a screenshot of https://example.com and show me the result"

Claude (Anthropic)

SnapSharp exposes an Anthropic tool manifest at:

https://api.snapsharp.dev/.well-known/anthropic-manifest.json

You can also use SnapSharp directly as a tool in the Claude API:

{
  "name": "take_screenshot",
  "description": "Take a screenshot of a URL and return the image",
  "input_schema": {
    "type": "object",
    "properties": {
      "url": { "type": "string", "description": "URL to screenshot" },
      "width": { "type": "integer", "default": 1280 },
      "format": { "type": "string", "enum": ["png", "jpeg", "webp"], "default": "png" }
    },
    "required": ["url"]
  }
}

In your tool handler, call:

GET https://api.snapsharp.dev/v1/screenshot?url={url}&width={width}&format={format}
Authorization: Bearer YOUR_API_KEY

Cursor (MCP)

Use the official snapsharp-mcp package — see the MCP Server section above for setup instructions.

RapidAPI

SnapSharp is available on the RapidAPI marketplace. Do not import the main openapi.json for RapidAPI tooling — it describes Bearer auth to api.snapsharp.dev. Instead, use the RapidAPI-specific spec (correct base URL, X-RapidAPI-Key, and X-RapidAPI-Host):

https://snapsharp.dev/openapi-rapidapi.json

You can also download it from this site: openapi-rapidapi.json.

Configure your client with:

• Header: X-RapidAPI-Key — your RapidAPI subscription key
• Header: X-RapidAPI-Host — as shown in the RapidAPI endpoint page for SnapSharp

Plan limits and pricing follow your RapidAPI subscription; see the marketplace listing for current tiers and quotas.

Chrome Extension

The SnapSharp Chrome Extension brings the API directly into your browser — no terminal, no code.

Install

Developer mode (available now):

1. Clone or download the repository
2. Open Chrome → chrome://extensions/
3. Enable Developer mode (top right toggle)
4. Click Load unpacked → select the packages/chrome-extension/ folder

Chrome Web Store — coming soon (submission in progress).

The extension also works in Edge, Arc, and Brave via the same developer mode process.

Setup

1. Click the SnapSharp icon in the toolbar
2. Click the gear icon (⚙) to open Settings
3. Paste your API key from snapsharp.dev/api-keys
4. Click Save Settings

What you can do

Other tools

SnapSharp works with any HTTP client. Key details:

• Base URL: https://api.snapsharp.dev
• Authentication: Authorization: Bearer YOUR_API_KEY
• Response: Binary image (image/png, image/jpeg, or image/webp)
• Method: GET (query params) or POST (JSON body)

# cURL example
curl "https://api.snapsharp.dev/v1/screenshot?url=https://example.com" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  --output screenshot.png