归藏 PPT 技能
生成单文件 HTML 横向翻页网页 PPT 的 Agent 技能,内置电子杂志与瑞士国际主义两套视觉系统、22 种锁定版式与演讲者模式(备注/排练/观众屏同步),配套版式校验器和分级踩坑清单,适合线下分享、产品发布与个人风格演讲。
仓库:op7418/guizang-ppt-skill
热度证据:23,902 star,归藏线下分享沉淀,真格 Token Grant 资助
五维评分
热度5/5
质量5/5
创新4/5
易用4/5
文档5/5
优秀点拆解
- 踩坑知识工程化:checklist.md 按 P0/P1/P2/P3 分级、以『现象→根因→做法』三段式记录真实迭代踩过的坑,作为生成前必读、生成后自检的门槛,把作者隐性经验变成可传承的质量规则
- 版式锁定+校验器约束美学:swiss-layout-lock.md 定义 golden source 和 S01-S22 登记版式,每个 section 必须写 data-layout,validate-swiss-deck.mjs 白名单拦截未登记版式/P23-P24/SVG 内写字/标题居中,把模糊审美转成机器可验证硬规则
- 三层质量保障闭环:静态校验脚本 + 可选 Playwright 真实渲染测量(M1 overflow/空白/nav 安全线、M2 标题间距)+ 浏览器人工视觉核对,『先量后改』按 40/90/160px 阶梯分级修正,防止凭感觉删改和修过头
- 种子模板填空式生成:template.html/template-swiss.html 为完整可运行单文件(CSS+WebGL+翻页 JS+演讲者模式全预设),只留 SLIDES_HERE 和 SPEAKER_NOTES 占位符,类名以模板 style 为唯一来源,Agent 从『写代码』降维为『挑版式填文案』
- 演讲者模式作为交付物内嵌:SPEAKER_NOTES 按稳定 data-slide-id 存储防备注串页、minutes 与 autoAdvanceSeconds 分离、总时长不超现场 90%、缺失信息不猜测;check-presenter-runtime-sync.mjs 字节级比对双模板演讲者 CSS/JS 防漂移
- 离线兜底设计:motion.min.js 本地副本(约 64KB)断网降级为无动画可读,风格 B 提供 B 键低功耗模式停止 WebGL/动画,兼顾演示现场可靠性
可复用的设计模式
- 版式锁定+白名单校验:用登记版式清单 + data-layout 标记 + 校验脚本把美学自由度收敛为可验证规则
- 踩坑清单分级固化:P0/P1/P2/P3 分级 + 『现象→根因→做法』三段式,作为生成前必读生成后自检的 checklist
- 种子模板+占位符填空:完整可运行模板只留内容区与数据数组占位符,Agent 只做选模板、填内容、跑校验
- 测量驱动的分级修正:先用脚本量化超出/空白像素数,再按分级阶梯处理,改完重跑验证,避免凭感觉大改
- 多版本共享代码防漂移:用脚本提取注释标记区块做字节级比对并进 CI,守护双模板一致性
适用场景
线下分享、行业内部讲话、私享会、AI 产品发布与 demo day 的网页 PPT长文章/方法论/产品分析转杂志风(风格 A)或瑞士风(风格 B)演讲 deck正式演讲:从大纲生成每页目的、讲稿要点与计划时长,用演讲者模式排练与现场双屏演讲平台封面生成:基于同一套视觉体系产出公众号 21:9 头图、1:1 分享卡、小红书 3:4 封面截图统一风格:程序化 CleanShot X 式截图适配或 GPT-M 2.0 截图再设计后插入 PPT
边界与注意:不适合大段表格数据、高信息密度培训课件和多人协作编辑(静态 HTML);风格 A/B 不能混用且主题色不允许自定义 hex;配图依赖 Codex + GPT-M 2.0 生态;PPTX 导出需自行转换;工作流步骤多、规则量大,Agent 需严格按序执行才稳定。
完整拆解分析文档
本页为摘要版,完整精读分析(核心机制、逐条优秀点拆解、写作过程)见本地 Markdown 文档:
analysis/community-guizang-ppt.md