frontend-slides 完整指南：把 PPTX 转换成 HTML 演示文稿的零依赖方案

frontend-slides 完整指南把 PPTX 转换成 HTML 演示文稿的零依赖方案【免费下载链接】ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.项目地址: https://gitcode.com/GitHub_Trending/ev/ECC熬夜改 PPT改到第三版还是对不齐想手写网页版幻灯片第一行 CSS 就劝退。Everything Claude Code 里的frontend-slides技能替你跳过这些给一个主题或一份.pptx文件AI 做演示文稿产出零依赖的 HTML 演示文稿浏览器打开就能演。三条路径从零新建、PPTX 转网页、增强已有幻灯片从零新建先聊三个问题再动手你只需要备好三样东西用途推介、教学、会议演讲还是内部汇报、篇幅短 5-10 页、中 10-20 页、长 20 页、内容状态成稿、粗笔记或只有一个主题。有现成文本就先贴给它。触发后它会先问一句这组幻灯片要营造什么感觉——让人印象深刻、充满活力、专注还是被触动如果答不上来它会生成 3 份单页预览文件放在.ecc-design/slide-previews/里每份都自包含字体、配色、动画一目了然你只需说留这份或者A 的排版 B 的配色。✨最终交付是一个自包含的presentation.htmlCSS 和 JS 全部内联没有外部依赖发给谁都能直接打开。PPTX 转网页一个文件进来一套幻灯片出去准备一份本地.ppt或.pptx即可。触发后它优先用python3搭配python-pptx抽取文本、图片和演讲者备注环境里没装这个库它会先问你要不要装或退回手动/导出流程。抽取结果保留原有页序、备注和资源文件随后走与新建完全相同的风格选择流程。整个过程跨平台不绑定任何操作系统。增强已有 HTML 幻灯片只改你嫌丑的地方准备现有 HTML 文件加上想改的点布局、动效、排版。触发后它在保持语义结构的前提下重做视觉并守住一条硬规则——每一页恰好装进一个视口页内绝不出现滚动条内容塞不下就拆成多页而不是把字缩到看不清。按情绪挑样式预设说不出想要什么风格就先定情绪再对表。几个高频预设的字体与配色如下想要的感觉预设字体配色印象深刻、自信Bold SignalArchivo Black Space Grotesk炭黑底 亮橙焦点卡 白字专业、机构感Electric StudioManrope黑白 饱和钴蓝强调兴奋、复古趣味Creative VoltageSyne Space Mono电光蓝 霓虹黄 深蓝优雅、高端Dark BotanicalCormorant IBM Plex Sans近黑 暖象牙 腮红/金/赤土极客、开发者向Terminal GreenJetBrains MonoGitHub 深底 终端绿还有 Notebook Tabs奶油纸 彩色侧标、Neon Cyber午夜蓝 青/品红、Swiss Modern黑白 信号红等可选完整预设目录见 skills/frontend-slides/STYLE_PRESETS.md。每页内容的密度上限除非你明确要求更密它默认遵守这些上限保证每一页都不过载页面类型上限标题页1 个标题 1 个副标题 可选标语内容页1 个标题 4-6 个要点或 2 个短段落功能网格最多 6 张卡片代码页最多 8-10 行引用页1 条引用 署名图片页1 张受视口约束的图片进阶体验在 VS Code 里看着它干活如果你用 VS Code装上 Claude Code 扩展后体验更顺AI 动手前你能先看到并编辑它的计划可以自动接受每一次改动还能用 引用某段具体行号、翻阅对话历史多个会话各开一个标签页。做幻灯片时尤其实用——先审方案再放它跑。⌨️快速开始一条命令跑起来克隆仓库后进入frontend-slides技能告诉它你想做什么git clone https://gitcode.com/GitHub_Trending/ev/everything-claude-code完整工作流与预设目录skills/frontend-slides/SKILL.md项目中文文档docs/zh-CN/README.md。【免费下载链接】ECCThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.项目地址: https://gitcode.com/GitHub_Trending/ev/ECC创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考