您只需专注目标、观点与判断，Slide-Writer 负责结构、写作、优化与呈现。
先看真实产出，再看为什么做、怎么做，最后看最关键的组件骨架，而不是把整份文档写成组件词典。
先看完整作品，而不是先看零件。下面这些示例覆盖企业演讲、历史人文、政策研究和日常科普等不同输入场景。
它要解决的不是“生成一页 PPT”，而是把输入整理、结构重写、品牌化排版和最终交付这整条链路做成一套稳定系统。
README 里最重要的那句话是边界定义：你只需专注目标、观点与判断，系统负责结构、写作、优化与呈现。
Slide-Writer 的核心不是一串 Prompt，而是把主题识别、结构规划、页面骨架和交付壳层工程化。
README 里的仓库结构不是文件清单，而是一套分层设计：规则、主题、组件、模板、示例各管一段。
PART 02
下面保留的是最常用、最能代表生成能力的页面骨架：文字、流程、图文、可视化和整页结构。
它们能显著提升扫读效率，比普通段落更像演示稿。
一个强调“当前在哪一级”，一个强调“接下来如何推进”。
同一页并排展示“左图右文”和“右图左文”，更适合快速理解图文混排的两种常见用法。
适合先给视觉锚点，再用右侧两三句话解释图像或图表想表达的重点。
适合让文字先建立判断，再用右侧图像承接论据或视觉化结果。
这类结构适合表达相对大小、热度分布和业务重心。
重点是比较与差距，而不是全面罗列。
| 维度 | 现状 | 目标 | 差距 |
|---|---|---|---|
| 生成速度 | 2 小时 | 30 分钟 | ▲ 90 分钟 |
| 结构完整度 | 目录缺失 | 完整章节 | 待完善 |
| 品牌一致性 | 手工调整 | 自动应用 | ▲ 已达标 |
| 交付形态 | 多文件 | 单 HTML | 持平优化 |
前面的页面已经覆盖核心骨架；这里继续保留更细的图表、整页结构、路线图和洞察面板，供生成时直接参考。
这一页演示“Opening Hook + 2×2 信息面板 + 世界地图底纹”的布局组合。
保留阶段分组，减少条目数量，让观众更快抓到整体结构。
适合表达“先搭框架，再落地执行”的两段式推进逻辑。
把横向支撑板和流转看板放在同一页，既能讲清支撑体系，也能展示需求如何流转到交付。
横向 4 列 × 2 行紧凑矩阵，蓝色格表示已 AI 化，灰色格表示待推进。
AI for DevOps 流程覆盖
flow-item changed）表示已 AI 化环节，灰色格为待推进，两者可自由混用。
macOS 风格浏览器窗口，给截图加上地址栏和三点按钮，比裸图更有上下文感。
4 列月份网格，顶部色条区分阶段，适合季度计划和项目节奏展示。
一句核心判断 + 内嵌 2×2 小数字格 + 补充说明，适合数据结论页。
这份 `examples/index.html` 现在先讲 Demo、Why、How，再进入组件示例；前半段更像产品介绍，后半段继续保留页面骨架参考，便于生成时直接取用。