explaingit

podop29/shotpipe-mcp

Analysis updated 2026-07-25

0JavaScriptAudience · vibe coderComplexity · 2/5LicenseSetup · easy

TLDR

A small server that lets AI assistants capture web page screenshots and create social card images by offloading the rendering work to Shotpipe's servers, keeping the agent lightweight and stable.

Mindmap

mindmap
  root((repo))
    What it does
      Takes web screenshots
      Creates social card images
      Offloads browser rendering
    Security
      Blocks private network access
      Pins IP addresses
      Strips consent banners
    Tools
      Screenshot tool
      OG image tool
    Use cases
      Capture web pages
      Generate social cards
    Setup
      MCP client config
      API key and secret
    Tech stack
      JavaScript
      MCP server

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Let an AI assistant capture screenshots of web pages users share without risking internal network access.

USE CASE 2

Generate signed URLs for social card images during a build without rendering images immediately.

USE CASE 3

Take full-page or dark-mode screenshots of web pages with custom dimensions and wait conditions.

USE CASE 4

Create social share card images using a hosted template and get a shareable link back.

What is it built with?

JavaScriptMCPnpx

How does it compare?

podop29/shotpipe-mcp00kaku/gallery-slider-block0xkinno/vellum
Stars00
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-05-19
MaintenanceDormant
Setup difficultyeasyeasyhard
Complexity2/52/54/5
Audiencevibe codergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires a free Shotpipe API key and a local signing secret, added to your MCP client's configuration block.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Shotpipe MCP is a small server that lets an AI agent take screenshots of web pages and create social card images without running a browser itself. It connects to a service called Shotpipe, which handles the actual rendering on its own servers. This matters because running a full browser inside an agent environment can be memory intensive and prone to crashes. By offloading the work, the agent stays lightweight and stable. The project addresses a specific security concern called SSRF, where a malicious URL could trick a renderer into accessing private internal networks. Shotpipe protects against this by resolving domain names itself, pinning the IP address, checking every redirect, and refusing requests to private, loopback, or cloud metadata hosts. This means an agent can safely screenshot URLs that users provide without the risk of those links reaching internal systems. Ad and cookie consent banners are stripped from screenshots by default. The server exposes two tools. The first, called screenshot, captures a web page and returns the image along with a shareable signed URL. It supports options like image format, dimensions, full page capture, dark mode, and custom wait conditions. The second tool, called og image, generates a signed URL for a social card image using a hosted template. By default it only returns the URL and does not render the image immediately, keeping things fast during builds. The image renders later when a social platform's crawler first requests it. Setup involves adding a configuration block to an MCP client such as Claude Desktop, Cursor, or Cline, pointing to the package via npx, and providing an API key and signing secret. A free key is available on the Shotpipe website without a credit card. The signing secret stays local, and every request is signed with HMAC, matching how Shotpipe's other clients work. The project is MIT licensed.

Copy-paste prompts

Prompt 1
Add the Shotpipe MCP server to my Claude Desktop config so I can take screenshots of web pages. Include the npx command, the package name, and where to put the API key and signing secret.
Prompt 2
Use the Shotpipe screenshot tool to capture a full-page screenshot of https://example.com in dark mode at 1280x720 and give me the signed URL for the image.
Prompt 3
Generate an og image URL for a blog post titled 'Getting Started with AI Agents' using the Shotpipe MCP og image tool, and explain when the image actually gets rendered.
Prompt 4
Explain how the Shotpipe MCP server protects against SSRF when screenshotting user-provided URLs, and why that matters for an AI agent running locally.

Frequently asked questions

What is shotpipe-mcp?

A small server that lets AI assistants capture web page screenshots and create social card images by offloading the rendering work to Shotpipe's servers, keeping the agent lightweight and stable.

What language is shotpipe-mcp written in?

Mainly JavaScript. The stack also includes JavaScript, MCP, npx.

What license does shotpipe-mcp use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is shotpipe-mcp to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is shotpipe-mcp for?

Mainly vibe coder.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.