归藏 PPT Skill:网页演示稿、配图与封面

op7418/guizang-ppt-skill

制作电子杂志风或瑞士风单文件 HTML 演示稿,支持横向翻页、讲稿备注、排练计时和独立观众屏同步。

最近更新于:

查看 GitHub 项目
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
29,693Stars2,038Forks仓库最近推送

关于这个 Skill

归藏 PPT Skill 由歸藏(op7418)创建并维护,将文章、Markdown 和大纲制作成可直接在浏览器打开的单文件 HTML 演示稿。两套模板分别用于电子杂志式叙事和瑞士国际主义设计,共用横向导航和本地演讲工具,并提供配图、截图美化与社交平台封面的可选工作流。

为什么推荐

适合重视视觉节奏和现场表达的分享:先选电子杂志风或结构化瑞士风,再提供文章或大纲、受众与演讲时长。演讲工具随 HTML 文件交付,方便排练和现场投屏。主要产物是浏览器演示稿;如果需要原生 PowerPoint 编辑,应选择相应工作流。

适合用来做什么

  • 主题分享、个人演讲、私享会、产品发布与 demo day。
  • 把文章或大纲整理成视觉统一的浏览器演示稿。
  • 准备讲稿备注、排练,并通过独立观众窗口进行演示。

两套视觉系统

风格 A:电子杂志 × 电子墨水

衬线标题、温暖的电子墨水配色和动态背景,适合叙事分享与个人观点。作者提供十类布局和五套主题预设。

风格 B:瑞士国际主义

无衬线字体、严格网格、发丝线与单一高饱和强调色,适合产品、数据和方法论表达。版式库提供 22 种锁定布局和四套强调色。

官方仓库与 READMESkill 工作流程

排练与现场演讲

两套模板都内置演讲者视图,通过右下角 P 控件打开。演讲者查看当前页、下一页、备注与计时,独立窗口显示观众画面;运行逻辑在本地浏览器中完成。

备注与计时

根据大纲规划每页目的、讲述要点、转场和时长。排练将实际计时保存在本地;自动翻页可选,默认关闭。

观众屏控制

作者文档介绍激光笔、圈选、黑白屏、冻结、同步状态以及观众窗口关闭后的重新连接。

官方仓库与 README演讲者模式说明

可选配图与社交封面

工作流可结合可用图片工具制作照片、信息图、流程图、对比图和 UI 情景图,图片比例需匹配模板槽位。截图美化可使用内置背景保留原截图内容,无需默认重画。

同主题封面规格

README 提供公众号 21:9 头图、1:1 分享卡、小红书 3:4 封面和 16:9 横版缩略图,均为基于文章或演示稿的可选输出。

官方仓库与 README配图工作流与提示词

安装 Skill

命令用途与使用时机
git clone https://github.com/op7418/guizang-ppt-skill.git .claude/skills/guizang-ppt-skillClaude Code:手动安装到当前项目。Skills 根目录:.claude/skills/;最终入口:.claude/skills/guizang-ppt-skill/SKILL.md。
git clone https://github.com/op7418/guizang-ppt-skill.git .agents/skills/guizang-ppt-skillCodex CLI:手动安装到当前项目。Skills 根目录:.agents/skills/;最终入口:.agents/skills/guizang-ppt-skill/SKILL.md。
git clone https://github.com/op7418/guizang-ppt-skill.git .cursor/skills/guizang-ppt-skillCursor:手动安装到当前项目。Skills 根目录:.cursor/skills/;最终入口:.cursor/skills/guizang-ppt-skill/SKILL.md。
  1. 执行作者提供的安装命令

    在终端执行命令并选择所用 Agent。检查安装后的 guizang-ppt-skill 文件夹包含 SKILL.md、assets 和 references,然后开启新的 Agent 会话。

    npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

官方仓库与 README

第一次可以这样提需求

用归藏 PPT Skill 把这篇文章制作成面向产品团队的八页瑞士风 HTML 演示稿,保留原始数据,补齐讲稿备注和转场,按十分钟演讲规划。使用我提供的截图,保留原文字,不重新绘制。交付 HTML 演示稿,并运行瑞士风和演讲者模式校验。

命令用途与使用时机
node scripts/validate-swiss-deck.mjs path/to/index.html在已安装的 Skill 文件夹内运行,检查瑞士风版式。
node scripts/validate-presenter-mode.mjs path/to/index.html检查演讲者备注及运行结构。

官方仓库与 READMESkill 工作流程

输出范围与许可证

主要交付物是 HTML,未声明原生 PowerPoint 文件导出。作者不推荐用它处理密集表格、高信息量培训或多人同时编辑。正式演讲前应在实际使用的浏览器检查字体加载、媒体和观众屏同步。

根目录 LICENSE 为 GNU Affero General Public License 第 3 版。本条目保留原作者署名并链接原项目,使用与再分发以仓库许可证为准。

官方仓库与 README官方 AGPL-3.0 许可证

使用前需要了解

  • 需要能够读写本地文件和执行命令的 Agent,README 明确列出 Claude Code、Codex 和 Cursor。
  • 需要浏览器预览和演示;独立观众屏需要允许弹窗。模板中的外部字体和 CDN 回退资源可能需要网络。
  • Skill 可免费安装;所用 AI Agent 和可选图片生成服务各自计费,生成配图需要当前环境具备合适的图片工具。

支持的 Agent

Claude CodeCodex CLICursor

常见问题

会生成 PPTX 文件吗?

文档声明的交付物是单文件 HTML 演示稿,仓库未声明原生 PPTX 导出工作流。

可以免费使用吗?

仓库可按 AGPL-3.0 许可证免费安装;编码 Agent 和可选图片工具可能另行收费。

排练需要云端演讲服务吗?

文档中的演讲者运行时在本地 HTML 和浏览器中完成,提供备注、计时与观众屏同步。演讲前需检查浏览器弹窗权限及外部资源。

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。