归藏PPT制作

解决什么问题

在需要展示个人观点、产品理念或进行技术分享时，传统的演示文稿工具（如 PowerPoint）虽然功能齐全，但生成的幻灯片在视觉风格和交互体验上往往趋于同质化。演讲者希望幻灯片本身就能承载独特的审美和专业的交互，但又不想花时间从零设计，或依赖复杂的在线演示工具。

该技能解决的核心问题是：如何快速生成一份可直接在浏览器中运行、具备专业视觉风格和流畅交互的单文件 HTML 演示文稿。它专为需要“一次做完，无需额外翻页软件”的线下分享、产品发布或内部讲话场景设计。

核心能力与关键步骤

这个技能的本质是一个 PPT 生成器，它通过预设的高质量模板和严格的风格规范，将内容快速转化为可交互的网页幻灯片。其工作流程围绕几个关键步骤展开：

• 风格先行与需求澄清：在动手之前，必须与用户明确选择两种互斥的视觉风格之一：

风格 A（电子杂志风）：以 WebGL 流体背景、衬线字体（Noto Serif SC）和非衬线正文为特征，适合需要“杂志感”的人文、商业分享。
风格 B（瑞士国际主义风）：以极细网格背景、无衬线字体（Inter、Helvetica）和高反差功能色（如克莱因蓝）为特征，适合科技、数据汇报。
这个选择决定了使用哪套模板、布局和主题色文件。

• 基于模板与规范构建：技能使用预构建的 HTML 模板（template.html 或 template-swiss.html），其中集成了 CSS、WebGL 着色器、翻页 JS 和字体 CDN。用户需将占位符（如 <!-- Slide 1 -->）替换为实际内容。所有视觉元素（如标题、数据卡片、图片网格）都必须使用模板 <style> 中定义好的 特定类名（例如风格 A 的 .h-hero、.stat-card，风格 B 的 .kpi-hero、.grid-12）。这避免了样式冲突，但要求在写内容前必须预检类名是否在模板中定义。

• 严格的主题色与版式控制：为了保证美学一致性，技能禁止自定义颜色，只允许从预设的 5 套（风格 A）或 4 套（风格 B）主题色中选择一套应用到整个文档。版式方面，必须从 layouts.md 或 layouts-swiss.md 提供的现成骨架（如“开场封面”、“数据大字报”、“S06 KPI Tower”）中选择并粘贴，禁止随意发明新结构。

适用边界与注意事项

此技能并非万能，其设计有明确的边界，使用时应遵循以下原则：

• 适合的场景：

带有强烈个人风格或设计感的线下演讲、私享会、Demo Day。
AI 新产品发布，需要简洁现代的视觉包装。
* 依赖单张图片或少量数据点，而非复杂图表的展示。

• 不适合的场景：

需要精细处理大段表格、复杂图表叠加的数据报告（常规 PPT 更合适）。
作为高信息密度的培训课件。
* 需要多人实时协作编辑的文档。

• 关键约束：

风格 A 与 B 不可混用，对应的类名和布局规则完全不同。
所有内容页必须明确指定 light 或 dark 主题类以规划视觉节奏，避免单调。
* 在生成最终 HTML 前，必须运行样式预检，确保所用的每个 CSS 类都存在于当前模板的 <style> 块中，否则会导致布局错乱。