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 serifQuick Start
CLI
npx slideshot ./my-carousel.html --formats png,webp,pdf --scale 4Options:
| Flag | Default | Description |
|---|---|---|
-s, --selector |
.slide |
CSS selector for slide elements |
-W, --width |
540 |
Slide width (CSS px) |
-H, --height |
675 |
Slide height (CSS px) |
--scale |
4 |
Device scale (4x = 2160x2700) |
-f, --formats |
png,webp,pdf |
Output formats (png, webp, pdf, pptx) |
-q, --quality |
95 |
WebP quality (0-100) |
-o, --out |
./slides |
Output directory |






