DEV Community

smallhandsome
smallhandsome

Posted on • Edited on

ShotAPI: An MCP Server for AI Agent Screenshots and HTML Rendering

We just launched on Product Hunt! Check it out and support us: https://www.producthunt.com/posts/shotapi


If you're building AI-powered applications and need visual capabilities, ShotAPI is an MCP server that gives your AI agents the ability to capture screenshots and render HTML to images.

What is ShotAPI?

ShotAPI is an MCP (Model Context Protocol) server built with FastAPI + Playwright that provides:

  • Screenshot capture of any URL
  • HTML rendering to PNG/JPEG images
  • MCP compatibility with Claude, Cursor, and any MCP client
  • streamable-http transport for remote access

How It Works

# Via MCP protocol (Claude, Cursor, etc.)
# The server exposes two main tools:

1. screenshot(url) -> captures a screenshot of any URL
2. render_html(html_content) -> renders HTML string to an image
Enter fullscreen mode Exit fullscreen mode

The server runs at https://aiphotoshop.mynatapp.cc/mcp and supports the standard MCP streamable-http transport.

Pricing

  • Free tier: 100 calls/month
  • Starter: $4.90/month (5,000 calls)
  • Pro: $9.90/month (20,000 calls)

Getting Started

  1. Add the MCP endpoint to your Claude/Cursor config
  2. Your AI agent can now capture screenshots and render HTML
  3. Check the docs at https://aiphotoshop.mynatapp.cc/docs

Links

Feedback welcome! What features would you find useful for your AI workflows?

Top comments (0)