制作可前后导航、键盘操作和按页阅读的互动幻灯片,而不是只能线性播放的视频。适合需要浏览器中的演示、教程、作品集或可自主翻页的故事。
安装前请审阅 skill 内容:skill 会影响你的 AI 助手行为,仅安装你信任的来源。
不用安装 Node.js。复制后粘贴到本地 Agent 对话框,它会读取官方指南、安装并验收。
npx -y @huohuahub/cli@0.1.1 install interactive-slideshow-builder --target auto --registry https://huohuahub.com跨平台 CLI 会校验 SHA256,并保护本地修改。旧脚本需要定向安装时,可在下面选择 AI。
旧版脚本仅供人工兼容:它会备份并替换同名目录。请先确认没有需要保留的本地修改;AI 安装协议不会自动调用它。
curl -fsSL "https://huohuahub.com/api/skills/interactive-slideshow-builder/install" | bash自动检测本机已装的 AI 工具:只有一个直接装,检测到多个会列出让你挑(回车 = 全部)。审阅脚本内容 ↗
powershell -c "irm 'https://huohuahub.com/api/skills/interactive-slideshow-builder/install.ps1' | iex"用 DeepSeek App、Kimi、豆包这类聊天 AI(没有 agent 端可装)? 可以把内容直接复制成 Prompt 粘贴使用;附带脚本和资料不会安装:
制作可前后导航、键盘操作和按页阅读的互动幻灯片,而不是只能线性播放的视频。
完成任务时重点处理:
最终目标不是堆出一份看似完整的内容,而是交付能够直接使用、继续修改并清楚验收的结果。
如果只需要线性播放时使用普通视频或演示文件,不增加互动外壳,先处理前置条件,不要直接假装任务已经完成。
优先收集:
1. 目标、输入文件与预期输出 2. 运行环境、依赖、版本和目录约束 3. 已有代码、接口、样例和错误信息 4. 安全、性能、兼容性和测试要求 5. 页面数量、顺序、是否允许跳转和自由浏览 6. 是否需要演讲模式、进度、目录或分享指定页面
信息不必一次问完。先检查用户已经提供的材料,只追问会明显改变结果的问题。
明确是演讲控制、读者自助浏览还是两者兼有。
为每页定义任务、内容、过渡和可跳转关系。
建立统一主题,同时保留章节与重点变化。
加入前后、键盘、触摸、页码、进度和直接链接。
刷新后恢复页面,避免浏览器后退和内部导航冲突。
检查触摸目标、全屏、投屏、横竖屏和辅助技术。
至少交付以下内容:
所有文件使用能说明内容和版本的名称。若任务包含执行动作,还要记录执行状态、验证结果和可继续处理的材料。
用户要制作一个可自主阅读的课程;每个章节可从目录进入,页内保留进度并允许分享当前页链接。
合理处理顺序:
1. 确认互动意图 2. 规划页面序列 3. 制作页面画面 4. 实现导航外壳 5. 处理状态 6. 跨设备验收
交付时应重点展示页面内容、互动演示、使用说明,并说明尚未验证的部分。
火花 Hub 官方内容库首发版本。
解压后把 interactive-slideshow-builder/ 整个目录放进对应位置即可。
~/.claude/skills/interactive-slideshow-builder/~/.gemini/skills/interactive-slideshow-builder/改动后在会话里执行 /skills reload~/.qwen/skills/interactive-slideshow-builder/重启 CLI 生效~/.iflow/skills/interactive-slideshow-builder/需在 frontmatter 补 license 字段~/.zcode/skills/interactive-slideshow-builder/它们同时也读 ~/.claude/skills/ 或 ~/.agents/skills/,解压到那两个目录就顺带覆盖了。
~/.codex/skills/interactive-slideshow-builder/也读标准目录 ~/.agents/skills/~/.openclaw/skills/interactive-slideshow-builder/~/.cursor/skills/interactive-slideshow-builder/~/.copilot/skills/interactive-slideshow-builder/~/.agents/skills/interactive-slideshow-builder/Deep Code 读标准目录 ~/.agents/skills/~/.kimi-code/skills/interactive-slideshow-builder/也读标准目录 ~/.agents/skills/~/.config/opencode/skills/interactive-slideshow-builder/也读 ~/.claude/skills/ 与 ~/.agents/skills/这两个端只支持项目内目录,家目录探测不到,只能手动放。
.windsurf/skills/interactive-slideshow-builder/在项目根目录执行点文件名就地展开内容,审阅后再安装 —— skill 会影响你的 AI 助手行为, 只安装你信任的来源。
这个 skill 的用法交流都在它的使用心得笔记里:去参与(0 赞 · 0 条评论)↗
发现违规、恶意或侵权内容?到来源笔记举报此 skill ↗(skill 从笔记涌现,笔记下架即 skill 下架)。
[](https://huohuahub.com/skills/interactive-slideshow-builder).trae/skills/interactive-slideshow-builder/什么时候会用上它:制作可前后导航、键盘操作和按页阅读的互动幻灯片,而不是只能线性播放的视频。适合需要浏览器中的演示、教程、作品集或可自主翻页的故事。
怎么用:在 AI 工具里直接描述任务即可自动触发。显式调用的写法各端不同:Claude Code / Cursor 等用 /interactive-slideshow-builder,Codex 用 $interactive-slideshow-builder,Kimi Code 用 /skill:interactive-slideshow-builder,ZCODE 用 $interactive-slideshow-builder,Gemini CLI 以自动激活为主。