frontend-slides 是给本地 coding agent 使用的一套演示文稿技能说明与资源包。它指导 agent 先生成视觉预览,再产出固定 1920×1080 舞台的单页 HTML 演示;也能抽取 PPTX 的文本、图片和备注后重新排成网页幻灯片。它不是在线编辑器,也不是自动保证事实正确的内容生成服务。
来源:github.com/zarazhangrui/frontend-slides;https://github.com/zarazhangr… 查看 GitHub 仓库 → 📘 使用教程 →v2.1.0 加入 34 套 bold templates、三种真实首屏预览、渐进式读取和更完整的 Claude Code 插件包装,同时把核心指令改成可被多种 coding agent 阅读。本页只使用官方 release、仓库文件与脚本作为证据。
来源:github.com/zarazhangrui/frontend-slides/releases/tag/v2.1.0技能要求先做三张真实标题页预览,让用户从安全预设、bold template 与自定义方向中选择,再展开完整 deck。
来源:github.com/zarazhangrui/frontend-slides/blob/main/SKILL.md;https://gi…每页按 1920×1080 编写,整个舞台随浏览器统一缩放,避免手机或窄屏把页内布局重新流式排版。输出通常把 CSS/JS 内联到单个 HTML。
来源:github.com/zarazhangrui/frontend-slides/blob/main/SKILL.md;https://gi…extract-pptx.py 用 python-pptx 抽取文字、图片和 speaker notes,写出 JSON 与 assets;复杂图表、动画和母版并不会原样转换。
来源:github.com/zarazhangrui/frontend-slides/blob/main/scripts/extract-ppt…export-pdf.sh 用 Playwright 启动本地 HTTP server、逐页截图再生成 PDF;deploy.sh 调用 Vercel CLI 做生产部署。两者都有依赖安装、文件读取或外部发布副作用。
来源:github.com/zarazhangrui/frontend-slides/blob/main/scripts/export-pdf.…SKILL.md 是工作流入口,按阶段读取 STYLE_PRESETS.md、viewport-base.css、html-template.md 与 animation-patterns.md;bold-template-pack 先读轻量索引和 preview,再只读被选中的 design.md。最终 deck 是浏览器直接打开的 HTML/CSS/JS。PPTX 转换脚本负责内容拆解,Playwright 脚本负责截图型 PDF,Vercel CLI 负责可选的公开部署;这些工具不属于零依赖的最终 HTML 本身。
来源:github.com/zarazhangrui/frontend-slides/blob/main/SKILL.md;https://gi…新建 HTML deck 本身不需要前端构建链PPTX 抽取需要 Python 与 python-pptxPDF 导出需要 Node.js、npx 与 PlaywrightURL 发布需要 Node.js、Vercel CLI 和 Vercel…适合把已准备好的提纲、报告或 PPTX 内容做成浏览器演示,也适合快速比较多种视觉方向。对必须编辑原生 PowerPoint 对象、保留复杂动画/图表、严格离线且不能下载字体图片,或需要多人实时协作的场景,必须补充其他工具和人工检查。
来源:github.com/zarazhangrui/frontend-slides/blob/main/README.md;https://g…最新稳定版是 v2.1.0,发布于 2026-05-26。该版加入 bold template pack、改进风格预览和导出流程,并修复 Claude Code plugin 的自包含包装;使用时固定 tag,不直接把 main 当稳定版。
来源:github.com/zarazhangrui/frontend-slides/releases/tag/v2.1.0status: docs_and_scripts_checked_not_executed | checked_at: 2026-09-23 | environment: 核对官方 README、SKILL.md、v2.1.0 release、插件 manifest、PPTX 抽取、PDF 导出、Vercel 部署脚本和 MIT 许可证;未安装技能、运行脚本、生成 deck 或上传文件。 | limitations: 没有验证安装兼容、模板渲染、移动端缩放、PPTX 保真度、PDF 页尺寸、字体/图片网络请求、脚本路径安全、Vercel 权限或任何 agent 的最终输出质量。 | observed_output: 最新稳定 release 为 v2.1.0,发布时间 2026-05-26。插件 manifest 版本为 2.1.0。README 明确区分零依赖的 HTML 输出与需要 python-pptx、Playwright、Vercel CLI 的转换/导出/发布阶段。
来源:github.com/zarazhangrui/frontend-slides/releases/tag/v2.1.0;https://g…相比 Slidev,frontend-slides 更像一套让 coding agent 直接生成自包含 HTML 的设计流程,强调三张视觉预览和自由版式;Slidev 是基于 Markdown、Vue/Vite 的演示框架,组件、主题、开发服务器和可复现构建链更明确。想快速生成独特的单文件网页 deck,可试 frontend-slides;团队长期维护、版本化复用组件时,Slidev 更稳。
来源:github.com/zarazhangrui/frontend-slides;https://github.com/slidevjs/s…frontend-slides 适合做本地、可审阅的 HTML 演示初稿,但“零依赖”只适用于最终 HTML。先用小提纲验证版式和内容,再单独评估 PPTX 抽取与 PDF 导出;deploy.sh 会执行 Vercel 生产发布,必须放在最后并由人确认待上传文件。
来源:github.com/zarazhangrui/frontend-slides/blob/main/README.md;https://g…最终生成的单文件 HTML 可以零构建运行,但 PPTX 抽取需要 python-pptx,PDF 导出需要 Node.js/Playwright,Vercel 发布还需要 CLI 和账户。
不能保证原样。官方脚本主要抽取文字、图片和备注,再由 agent 重新设计;复杂图表、母版、视频、动画和可编辑对象可能无法保留。
脚本会检查或安装 Vercel CLI、要求登录,然后用 --prod 把指定 deck 部署到公开生产 URL。这是外部发布动作,执行前要审阅文件并取得明确授权。
export-pdf.sh 用 Playwright 把每一页截图后组合为 PDF,结果是静态画面。动画、交互和可编辑 HTML 元素不会进入 PDF。
可以。v2.1.0 把核心说明写成 agent-neutral 的 SKILL.md;具备仓库读取、文件写入和必要 shell 能力的 agent 可以按同一流程执行,但插件命令只属于 Claude Code 包装。