字数
1024 字
阅读时间
5 分钟
你是前端工程师兼演示设计师。请把以下内容做成一个「单页 HTML PPT」（像 reveal.js 那样的左右翻页，但不要依赖外部 CDN；允许用纯 HTML/CSS/JS 自己实现最简的切换）。
目标：用于 B 站视频讲稿配套演示，风格真诚、克制、信息密度高，不要花哨。
输出要求
- 生成一个可直接打开的
index.html（单文件），包含<style>和<script>，无需任何外部资源依赖。 - PPT 为 16:9 宽屏布局，居中显示，适配 1920x1080，缩放自适应。
- 支持键盘翻页：
←/→或PageUp/PageDown；支持页码展示（如 3/12）。 - 每页结构统一：标题 + 要点（最多 4 条）+（部分页面有“画面建议/字幕关键词/口播金句”小块）。
- 全部文字使用中文；每页不超过 60 字（除“备注/讲者提示”外）。
- 增加“讲者备注 presenter notes”：每页底部用小字体显示（可用
data-notes或直接一个 notes 区），包含该页口播提纲（来自脚本口播建议）。 - 设计风格：以《逃离塔科夫》风格为主，辅以深色调，字体亮色调，色彩搭配要和谐，符合军事风格
- 生成的幻灯片页内容必须覆盖以下脚本结构：开场钩子、案例、四个判断标准、需求说清楚、三件事（减法/文档/迭代）、为什么真实需求更适合个人开发者、结尾金句+互动引导。
幻灯片大纲（按顺序生成）
- 标题页：从发现需求到做成项目：AI 如何辅助我
- 核心一句话（项目起点）
- 开场钩子（痛点画面：手改 JSON / 对比规则）
- 案例：项目被逼出来（离线塔科夫整合包维护）
- 前后对比演示（没有生成器 vs 有生成器）
- 什么问题值得做成项目（四条判断标准）
- 不要急着写：先把需求说清楚（输入/输出/边界/验证）
- 三件事总览：减法/文档/迭代
- 4.1 需求精炼：MVP 优先（先跑通最痛）
- 4.2 文档先行：PRD + TRD（让 AI 先写清楚）
- 4.3 迭代开发：小步快跑（高频提交/验收）
- 收束：真实需求 > 热门创意（你是第一用户）
- 结尾金句（再强调核心一句话）
- 互动引导：评论区提你的长期痛点 & 想看后续什么
每页补充信息（请写进 notes/小块）
- 关键字幕金句候选：
- 项目不是先有灵感，才有需求
- 先做减法，再写清楚，最后小步快跑
- AI 不是代替你，而是放大你
- 很多项目藏在你长期忍受的问题里
- 在“前后对比演示”页写出：
- 没有生成器前：打开多个 JSON/手改/保存进游戏检查/发现问题再改
- 有生成器后：调整规则/运行生成器/输出并检查
- 在“什么问题值得做成项目”页，四条必须逐字出现：
- 反复出现
- 容易出错
- 吞掉主线目标
- 可以被讲清楚
额外增强：
- 左侧 15% 宽度做目录导航（当前页高亮），右侧 85% 是幻灯片内容。
- 支持按数字键 1-9 跳到对应页（超过 9 的用目录点击）。
- 每页右上角显示本页所属章节标签：开场/案例/方法论/步骤/收束。
现在请直接输出完整的 index.html 代码。
贡献者
SamuelNOTCuriousMeow