frontend-slides-editable
将AI生成的PPT转换为可在浏览器中继续编辑的单文件HTML。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：frontend-slides-editable。 它的用途是：将AI生成的PPT转换为可在浏览器中继续编辑的单文件HTML。 完整的 Skill 内容见：https://321skill.com/skills/frontend-slides-editable/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我生成一个关于季度产品回顾的PPT大纲，包含市场分析、数据亮点和未来计划三部分，使用瑞士现代风格。’ AI生成内容后，调用此Skill，它会输出一个单文件HTML。你直接在浏览器中打开它，就可以拖拽文本框调整位置，更换字体，用侧边栏重新排列幻灯片顺序，最后按Ctrl+S保存或导出最终文件。
介绍
这个Skill解决了AI生成的演示文稿（PPT）难以二次编辑和调整布局的痛点。它接收AI生成的PPT内容，并输出一个零依赖、包含丰富动画的单文件HTML。这个文件在浏览器中打开后，不仅可以直接演示，还内置了一个功能完整的编辑器，允许用户像使用桌面软件一样，在网页中直接拖拽对象、调整文本格式、重新排序幻灯片，并进行本地保存或导出。
使用方式非常直接：当AI（如Claude）生成PPT内容后，调用此Skill，它会根据用户选择的预设风格（如‘瑞士现代’、‘笔记本标签’等）和内容，生成一个独立的HTML文件。用户只需在浏览器中打开这个文件，即可进入编辑模式，利用Ctrl+点击多选、对齐吸附、字体控制、撤销重做、幻灯片缩略图侧边栏、激光笔和全屏演示等工具进行后续加工。
它非常适合需要快速制作网页版演示文稿，且对后续灵活编辑有较高要求的用户，比如产品经理、培训师、教师或任何需要频繁制作和修改演示材料的专业人士。用户无需安装任何额外软件，也无需网络连接（生成后），即可获得一个功能齐全的编辑环境。
与同类仅生成静态、不可编辑HTML的PPT转换工具相比，它的核心区别在于深度集成了‘创作后编辑’的能力。它不是简单地冻结AI的输出，而是将内容转化为一个可交互的编辑沙盒，让用户能在不离开浏览器、不依赖其他专业软件（如PowerPoint）的情况下，完成从生成到最终定稿的全流程。
核心特点
核心区别在于它并非生成静态的只读文件，而是输出一个内置了完整、可视化编辑器的单文件HTML，支持对象级的拖拽布局、多选操作、对齐吸附和幻灯片重排，实现了‘生成即编辑’的无缝体验。
注意事项
不适合需要复杂动画、高级图表或严格保持PowerPoint原生格式（.pptx）进行协作的场景。
常见问题
生成的HTML文件能保存修改吗？
可以，在编辑模式下按Ctrl+S即可将修改持久化保存到浏览器的本地存储中，下次打开文件依然有效。
它能导入现有的PPT或PDF文件吗？
此Skill的主要功能是将AI生成的文本内容转换为可编辑的网页幻灯片。对于PPT/PDF到网页的转换，它更侧重于转换后的内容能在其编辑器中继续编辑，而非一个通用的格式转换器。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/frontend-slides-editable/raw/index.md 读取 frontend-slides-editable 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/frontend-slides-editable/raw/index.md（查看排版版本）