Slideshot

io.github.06ketan由 GitHub 账号 06ketan 发布v4.4.0更新于 Oct 24, 2026

Convert HTML to PDF/PNG/WebP/PPTX slide carousels with 11 themes — for LinkedIn, decks, posts.

已验证STDIO仅桌面效率与工作流媒体与设计

概览

AI 生成的概览

Slideshot 将 AI 生成的 HTML 幻灯片轮播渲染为高分辨率 PNG、WebP、PDF 和 PPTX 文件,内置 11 种主题与提示词模板。

可以做什么
  • 通过带主题与输出预设的引导流程创建幻灯片轮播
  • 将 HTML 幻灯片渲染为 PNG、WebP、PDF 或 PPTX 文件
  • 获取各主题变体的 AI 提示词模板
  • 检查本地 Puppeteer/Chromium 渲染环境是否可用
适用场景
适合在助手生成 HTML 轮播或演示文稿后,需要直接导出为图片或文档文件用于 LinkedIn 帖子、演示或社交媒体时使用,无需离开对话。
运行要求
以 stdio 本地进程方式运行,通过 npx 从 npm 包 slideshot-mcp 启动,需要 Node.js 以及下载该包的网络访问。渲染依赖 Puppeteer/Chromium,机器上需可用,并提供健康检查工具用于验证。
安装前请注意
渲染器会在本机启动无头 Chromium 处理你提供的 HTML,请只渲染可信内容。输出文件会写入本地输出目录。README 提醒存在名称相近的包,请安装确切的 slideshot-mcp 包。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Slideshot,将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only,通过 STDIO。 STDIO 服务会启动本地进程,因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

slideshot

[npm] [npm downloads] [npm mcp] [GitHub stars] [license] [MCP compatible] [MCP Registry] [Anthropic DXT] [Glama MCP server] [MCP Badge]

[slideshot MCP server card on Glama]

Convert AI-generated HTML carousels into high-res PNG, WebP, PDF, and PPTX — via CLI, Web App, MCP Server (Cursor MCP, Claude MCP, OpenCode MCP), or REST API.

Web App · npm CLI · npm MCP · API Spec

Wrong install?

The MCP package name is slideshot-mcp on npm (canonical Glama listing). Use npx -y slideshot-mcp — not unrelated html-to-slides or third-party scoped copies from generic searches.

Works with (MCP)

Discovery-oriented table — verify each host’s current MCP docs before upgrading.

Open source–oriented hosts

HostDocumentationTypical wire-up
OpenCodeOpenCode MCP serversSee OpenCode below
ContinueContinueAdd stdio MCP pointing at npx / slideshot-mcp per Continue docs
ZedZedStdio MCP per Zed
ClineClineExtension MCP docs
GooseGooseMCP extensions per Goose

Large commercial stacks

HostDocumentationTypical wire-up
CursorCursor MCP.cursor/mcp.json — see MCP Server
Claude (Desktop / Code)Claude Desktop, Claude CodeClaude Desktop JSON or claude mcp add
GitHub CopilotCopilotMCP in VS Code where enabled
ChatGPTOpenAIPrefer REST (/api/openapi.json) where MCP is unavailable
Google GeminiGeminiGemini IDE / CLI MCP when supported — else REST

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 serif

Quick Start

CLI

bash
npx slideshot ./my-carousel.html --formats png,webp,pdf --scale 4

Options:

FlagDefaultDescription
-s, --selector.slideCSS selector for slide elements
-W, --width540Slide width (CSS px)
-H, --height675Slide height (CSS px)
--scale4Device scale (4x = 2160x2700)
-f, --formatspng,webp,pdfOutput formats (png, webp, pdf, pptx)
-q, --quality95WebP quality (0-100)
-o, --out./slidesOutput directory

Web App

Live: slideshot.vercel.app

Or run locally:

bash
cd packages/webapp && npm install && npm run dev

Open http://localhost:3000 — paste HTML, preview, export.

MCP Server

Add to Cursor, Claude Desktop, Claude Code, or any stdio MCP host. Published as slideshot-mcp on npm.

Cursor / Claude Desktop (mcpServers):

json
{  "mcpServers": {    "slideshot": {      "command": "npx",      "args": ["-y", "slideshot-mcp"]    }  }}

Optional pin: "args": ["-y", "[email protected]"] (replace with current npm version).

OpenCode

~/.config/opencode/opencode.json:

json
{  "mcp": {    "slideshot": {      "type": "local",      "command": ["npx", "-y", "slideshot-mcp"],      "enabled": true    }  }}

Tools:

  • create_slides — guided creation workflow with 7 themes and output presets
  • render_html_to_images — render HTML to PNG/WebP/PDF/PPTX
  • get_slide_prompt — get AI prompt template for any theme variant
  • health_check — verify Puppeteer/Chromium availability

Prompts (7 themes):

  • generic-slides — clean minimal
  • branded-slides — Ketan Slides design system
  • instagram-carousel-slides — bold vibrant IG style
  • infographic-slides — data-heavy charts and stats
  • pitch-deck-slides — professional presentations
  • dark-modern-slides — neon glassmorphism
  • editorial-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:

MethodPathDescription
POST/api/renderRender HTML slides to PNG/WebP/PDF (returns ZIP)
GET/api/prompt?variant=genericGet AI prompt template
GET/api/openapi.jsonOpenAPI 3.1.0 spec

Platform support:

PlatformMethodSetup
CursorMCPnpx slideshot-mcp in .cursor/mcp.json
Claude DesktopMCPnpx slideshot-mcp in config
OpenCodeMCPopencode.json mcp.slideshot → ["npx","-y","slideshot-mcp"]
ContinueMCPstdio → npx / slideshot-mcp per Continue docs
ChatGPTOpenAPI ActionImport /api/openapi.json
OpenWebUIOpenAPI ToolImport /api/openapi.json

AI Prompt Templates

7 prompt variants in prompts/ — copy-paste or use via get_slide_prompt tool:

VariantFileStyle
Genericprompts/generic.mdClean minimal, Inter font
Brandedprompts/branded.mdSpace Mono, teal/coral accents
Instagramprompts/instagram-carousel.mdBold gradients, Poppins
Infographicprompts/infographic.mdDM Sans, stat cards
Pitch Deckprompts/pitch-deck.mdProfessional, KPI cards
Dark Modernprompts/dark-modern.mdNeon, glassmorphism
Editorialprompts/editorial.mdPlayfair Display, gold

Build All

bash
npm install   # from root — installs all workspacesnpm run build # builds cli → mcp-servercd packages/webapp && npm run build  # builds webapp separately

Links

Related MCPs

License

来源:README.md,提交 4048712

工具

0
SourceWeft 尚未在沙箱中启动过该软件包,因此其工具未知。

版本历史

1
  1. v4.4.0最新Sep 16, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度,依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价,也不表示服务器安全或当前可用:可连通性是带日期的检查结果,评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手;SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头,或保持端点能够响应探测,以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list,或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分