slideshot-mcp
slideshot-mcp is an MCP server that converts HTML carousel slides into high-resolution images, PDFs, and presentations. Key capabilities:
Discover themes (
discover_themes): Starting point for the guided workflow — returns available themes, orientation presets, token-usage modes, and output formats.Create slides (
create_slides): Generate a full HTML slide deck from AI-written HTML (defaultmode) or structured JSON (token_savermode), supporting 11 themes (generic, branded, instagram-carousel, infographic, pitch-deck, dark-modern, editorial, browser-shell, academic-poster, clinical-medical, sketch-handdrawn) and slide types like cover, content, stats, comparison, timeline, and more.Render slides (
render_slides): Export to PNG, WebP, PDF, and/or PPTX with configurable scale, dimensions, orientation, quality, and slide range.Edit slides (
edit_slides): Make token-efficient partial edits — replace individual slides, patch CSS rules, swap CSS variable values, or add/remove classes without regenerating the whole deck.List themes (
list_themes): Retrieve the full theme catalog at any time without starting a new workflow.Health check (
health_check): Verify that Puppeteer/Chromium is available and functional for rendering.
slideshot
Convert AI-generated HTML carousels into high-res PNG, WebP, PDF, and PPTX — via CLI, Web App, MCP Server, or REST API.
Web App · npm CLI · npm MCP · API Spec
Architecture
slideshot/
packages/
cli/ ← Core Puppeteer rendering engine + CLI
mcp-server/ ← MCP stdio server for AI tools
webapp/ ← Next.js web app with live preview
prompts/
generic.md ← Clean minimal
branded.md ← Ketan Slides design system
instagram-carousel.md ← Bold vibrant IG style
infographic.md ← Data-heavy charts
pitch-deck.md ← Professional presentations
dark-modern.md ← Neon glassmorphism
editorial.md ← Magazine serifRelated MCP server: HTML to PDF MCP Server
Quick Start
CLI
npx slideshot ./my-carousel.html --formats png,webp,pdf --scale 4Options:
Flag | Default | Description |
|
| CSS selector for slide elements |
|
| Slide width (CSS px) |
|
| Slide height (CSS px) |
|
| Device scale (4x = 2160x2700) |
|
| Output formats (png, webp, pdf, pptx) |
|
| WebP quality (0-100) |
|
| Output directory |
Web App
Live: slideshot.vercel.app
Or run locally:
cd packages/webapp && npm install && npm run devOpen http://localhost:3000 — paste HTML, preview, export.
MCP Server
Add to Claude Desktop or Cursor config:
{
"mcpServers": {
"slideshot": {
"command": "npx",
"args": ["-y", "slideshot-mcp"]
}
}
}Tools:
create_slides— guided creation workflow with 7 themes and output presetsrender_html_to_images— render HTML to PNG/WebP/PDF/PPTXget_slide_prompt— get AI prompt template for any theme varianthealth_check— verify Puppeteer/Chromium availability
Prompts (7 themes):
generic-slides— clean minimalbranded-slides— Ketan Slides design systeminstagram-carousel-slides— bold vibrant IG styleinfographic-slides— data-heavy charts and statspitch-deck-slides— professional presentationsdark-modern-slides— neon glassmorphismeditorial-slides— magazine serif with gold accents
REST API (ChatGPT Actions / OpenWebUI)
The web app exposes an OpenAPI-compatible REST API at https://slideshot.vercel.app.
Endpoints:
Method | Path | Description |
|
| Render HTML slides to PNG/WebP/PDF (returns ZIP) |
|
| Get AI prompt template |
|
| OpenAPI 3.1.0 spec |
Platform support:
Platform | Method | Setup |
Cursor | MCP |
|
Claude Desktop | MCP |
|
ChatGPT | OpenAPI Action | Import |
OpenWebUI | OpenAPI Tool | Import |
AI Prompt Templates
7 prompt variants in prompts/ — copy-paste or use via get_slide_prompt tool:
Variant | File | Style |
Generic |
| Clean minimal, Inter font |
Branded |
| Space Mono, teal/coral accents |
| Bold gradients, Poppins | |
Infographic |
| DM Sans, stat cards |
Pitch Deck |
| Professional, KPI cards |
Dark Modern |
| Neon, glassmorphism |
Editorial |
| Playfair Display, gold |
Build All
npm install # from root — installs all workspaces
npm run build # builds cli → mcp-server
cd packages/webapp && npm run build # builds webapp separatelyLinks
Surface | URL |
Web App | |
npm CLI | |
npm MCP | |
GitHub | |
API Spec |
License
MIT
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseAqualityCmaintenanceProvides screenshot and OCR capabilities for macOS.12423MIT
- Flicense-qualityDmaintenanceConverts HTML files or HTML content to PDF using Puppeteer's browser rendering engine with support for CSS, JavaScript, custom page formats, margins, and header/footer templates.6
- Flicense-qualityDmaintenanceConverts Markdown files and standalone Mermaid diagrams into high-quality PDF or PNG documents using Puppeteer and SVG rendering. It supports custom CSS styling and provides tools for professional document generation from markdown-based content.3
- AlicenseAqualityCmaintenanceGenerate professional PDFs from Claude, Cursor, and other AI tools. Create invoices, contracts, reports, and certificates from templates or inline HTML markup.7431MIT
Related MCP Connectors
Generate images, GIFs, and PDFs from HTML, URLs, or templates — from your AI agent.
Turn any idea, URL, doc, or PDF into on-brand visuals: 100+ formats, native in 150+ languages
Render HTML, Markdown, or URLs to images, PDF, or branded artifacts; extract and watch pages.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/06ketan/slideshot'
If you have feedback or need assistance with the MCP directory API, please join our Discord server