我给课件做了一套＂会呼吸＂的网页 PPT,零插件、双击就放
- 2026-09-21 11:37:51
如果你也烦透了：做 PPT 调排版两小时、换台电脑字体乱掉、投屏卡成 PPT——这篇值得看完。
最近在 WorkBuddy 里翻到一个叫 归藏 PPT（guizang-ppt-skill） 的技能，本来只想随便试试，结果一发不可收拾：它生成的不是传统 .pptx，而是一个单文件 HTML 网页幻灯片——双击浏览器就能放映，自带流动的"呼吸"背景和入场动画，横向翻页丝滑得像在刷网页。
这篇文章把它的能力边界、两种视觉风格、以及怎么装怎么用，一次说清。
一、它到底是什么？
一句话：一次做完、网页放映的 slides 生成器。
产物是一个 index.html，不需要服务器、不需要装 PowerPoint/WPS，双击浏览器就放映。翻页方式很熟悉： ← →/ 空格 / 鼠标滚轮 / 触屏滑动，ESC调出索引缩略图，Home/End跳首末页。它有"呼吸感"：hero 页的背景是持续、缓慢流动的 WebGL 画面（流体云团漂移、等高线起伏，或者点阵明暗脉冲），不是死板的纯色；外加每页独立的 Motion One 入场动效（数字弹入、柱状拉起、SVG 描线……不是千篇一律的淡入）。
顺带一个贴心设计：按 B键进入低功耗模式，一键停掉所有动画，老电脑/投屏时保命用。断网也有本地motion.min.js兜底，最坏情况只是"没动画但内容完整可读"。
二、两种风格，完全两套审美
这个技能内置两套互斥的视觉基调——一份 deck 只能选一套，不能混着来。默认是风格 A。
风格 A · 电子杂志 × 电子墨水（默认）
气质像 Monocle 杂志贴上代码。
字体：衬线大标题（Noto Serif SC + Playfair Display）+ 非衬线正文 + 等宽字体做元数据标签，阅读层次很"纸媒"。 背景：流体 / 等高线式的"呼吸"画面。 配色：5 套精心调配的预设（墨水经典 / 靛蓝瓷 / 森林墨 / 牛皮纸 / 沙丘），只能选不能自定义，为的是保护美学一致性。 适合：人文叙事、行业观察、商业发布、私享会、有大量纪实照片的选题。
生成效果如下：
风格 B · 瑞士国际主义（Swiss Style）
气质像 Vignelli 加 Helvetica Forever，讲究网格与克制。
字体：全程无衬线（Inter / Helvetica / Noto Sans SC）。 版式：12 / 16 列严格网格，单一强调色（默认克莱因蓝 IKB #002FA7），直角纯色、无渐变无阴影无圆角，极致字号对比。背景：封面与收尾是 ASCII 字符场持续"呼吸"。 配色：4 套功能色（IKB / 柠檬黄 / 柠檬绿 / 安全橙），也是单色锚点。 适合：科技产品、数据汇报、工程 / 设计分享、年度总结、大量 KPI。
生成效果如下：
三、能力边界：它能做，也有明确的"不能"
用之前先认清边界，省得期待错配：
B 键低功耗 | ||
重点提醒：它出的是网页 slides，不是可编辑的 .pptx。如果你要的是能反复改的 PowerPoint 文件，可以使用其他技能转成可编辑html。
四、在 WorkBuddy 里怎么装、怎么用
安装（一次即可）
打开左侧「专家 / 技能」入口，进技能市场（BuiltinMarket）。 搜 guizang，找到 guizang-ppt-skill（Magazine Web PPT），点安装。装完完整落在 ~/.workbuddy/skills/guizang-ppt-skill/，含两套模板、motion.min.js、全套布局主题手册、瑞士风校验脚本。无需 git、无需手动拉。
用法：有一步很关键
务必提前说风格。 技能的标准流程第一步就是问"风格 A 还是 B"——它决定用哪套模板和配色，且两套互斥。不说明则默认走风格 A。
最简用法，把这几样给它就够了：
- 主题 + 大纲（或素材文档）
指明 A / B 受众 / 场景、时长（→ 大致页数） 主题色偏好、硬约束（必含 / 禁含内容）
大纲齐全可以跳过澄清，直接生成；生成后 90% 的调整就是改字号 Xvw、高度 Yvh、间距 gap 这类 inline 样式，很可控。
五、适合谁？
做分享 / 路演 / 私享会，想要"高级感但不想调排版"的人； 做科技 / 数据 / 工程汇报，偏好瑞士极简网格的人（选 B）； 做人文 / 行业观察 / 杂志感内容的人（选 A）； 以及……所有受够了换台电脑字体乱掉、投屏卡顿的人。
配图均为上述三个 HTML 成品的实机效果。下次要用，直接说"用归藏做个 A/B 风格网页 PPT + 主题 + 大纲"即可。
