乔布斯风竖屏演示稿生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_7302e03b/wangyouwei-cli-test4。
技能介绍
要解决什么问题
口头讲稿往往又长又密,直接贴进 PPT 会变成「字墙」;横屏模板也很难在竖屏场景(录屏、短视频配图、手机预览)里保持可读性。这个技能把原始讲稿当作唯一输入,在不改动原稿存档的前提下,走一条可复现的流水线:先产出适合上台讲的提炼稿,再落成单文件竖屏 HTML,风格锁定为深色背景、高留白、强对比的乔布斯式极简科技风。
工作方式与输出
流程在 SKILL 里写得很硬,需要按顺序执行:
- 读取讲稿:保留用户原文,不做篡改。
- 生成提炼版讲稿:压缩冗余、加强节奏与冲击力,输出 Markdown。
- 生成章节标题:每节标题 ≤12 字,从对比式、问题式、断言式、数字式、比喻式里选一种,并自检是否让人想继续听。
- 设计幻灯片结构:规划页序与页型,参考
references/slide-types.md。 - 生成 HTML:以
assets/template.html为壳,填成完整页面。 - 填充内容与交互:动态背景光斑、平滑切换、键盘
←/→翻页、底部进度条。
每次运行会依次给出三块结果:提炼后的讲稿、幻灯片结构大纲、完整 HTML 代码。技术栈是 Tailwind(国内 CDN)与按需的 Vue3(CDN),默认 9:16 竖屏,主色 #ffffff / 背景 #000000 或 #0a0a0a。
适用边界
- 未指定页数时,通常自动生成 8~20 页;未指定风格时默认乔布斯风。
- 严禁堆字、密集排版、花哨配色、复杂图表或横屏比例;复杂可视化不是本技能的目标。
- 详细视觉与页型规范以
references/design-spec.md与references/slide-types.md为准,生成结果应能直接在浏览器打开单文件运行。
使用场景
- 产品或内部分享已写好完整讲稿,需要在浏览器里用深色竖屏页演示,并支持键盘翻页与底部进度条。
- 录制 9:16 竖屏口播或解说视频前,把长讲稿拆成「一屏一事」的 HTML 页,避免传统 PPT 字墙。
- 只有 Markdown/文字稿、没有设计师参与时,按固定六步产出提炼讲稿、幻灯片结构大纲和单文件 HTML。
- 章节标题需满足 ≤12 字与对比/问题/断言等句式,并参照 slide-types 规划页型后再生成完整页面。
适合人员
- 负责路演、发布会或月度复盘、讲稿已定稿但不想手工做 PPT 的产品或市场同学
- 用长讲稿上课的培训讲师,需要课堂可演示、可键盘控制的竖屏 HTML 单文件
- 为短视频/直播准备竖屏画面、从口播稿快速生成可本地打开的 HTML 页的内容创作者
- 用 Markdown 管理演讲素材、希望每次固定得到提炼稿、结构大纲与完整 HTML 的技术分享者