乔布斯风竖屏演示生成
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_9c258f7c/sdadasf111。
技能介绍
要解决什么问题
口头或书面讲稿往往信息密度高、段落长,直接投屏会变成「字墙」,观众很难跟上节奏。若还要在手机上竖屏展示或离线演示,横屏 PPT 模板和复杂图表通常也不合适。这个技能把原始讲稿当作唯一输入,在不改写事实的前提下做演示向精炼,并落成单文件 HTML,默认 9:16 竖屏、深色极简科技风。
技能如何工作
流程在 SKILL 里被固定为六步,输出顺序也必须一致:
- 读取讲稿:保留用户原稿,不擅自改内容。
- 提炼版讲稿:压缩表述、增强演示冲击力,输出 Markdown。
- 乔布斯风标题:每章标题 ≤12 字,采用对比式、问题式、断言式、数字式或比喻式之一。
- 幻灯片结构:按
references/slide-types.md规划页序与页型。 - 生成 HTML:以
assets/template.html为底生成完整页面。 - 填充与交互:动态背景光斑、平滑切换、键盘
←→翻页与底部进度条。
视觉侧有明确速查表:黑底(#000000 / #0a0a0a)、白字主文案、灰色辅助字;中文 HarmonyOS Sans SC / 思源黑体,英文 Inter / Roboto。技术栈为 TailwindCSS(国内 CDN),复杂页可用 Vue3 CDN,一个 HTML 文件即可本地打开。
适用边界与注意点
- 未指定页数时,通常自动生成 8~20 页;未指定风格时默认乔布斯风。
- 严禁堆字密集排版、花哨配色、复杂图表或横屏比例——与「一屏一事、高留白」的设计哲学冲突。
- 详细视觉与页型规范依赖仓库内
references/design-spec.md与slide-types.md,生成时需严格遵循六步与三段输出顺序(提炼讲稿 → 结构大纲 → 完整 HTML)。
使用场景
- 内部分享讲稿已写好,需要在手机竖屏上逐页排练,并生成可键盘翻页的单文件 HTML。
- 培训或 onboarding 材料是长文讲稿,要按章节拆成一屏一事、高留白的演示结构再导出 HTML。
- 路演、发布会只有文字稿,要在竖屏大屏或录屏场景展示黑底白字的极简幻灯。
- 直播或录课前把口述提纲精炼成 ≤12 字的章节标题,并产出结构大纲与完整演示页。
适合人员
- 习惯先写完整讲稿、再在竖屏设备上预演节奏的技术分享者与讲师
- 做竖屏录屏或短视频、需要黑底极简页且不想维护 PPT 模板的创作者
- 把产品故事写在文稿里、希望按固定流程得到章节标题与 HTML 演示稿的创业者或产品演示者
- 授课提纲信息密度高、需要六步产出提炼稿、结构大纲与单文件 HTML 的课程设计者