拥有十年设计经验的HTML PPT Skills

一个适配 Claude Code / Codex 等 Agent 环境的网页 PPT 技能,用于生成单文件 HTML 横向翻页 PPT、PPT 配图和多平台封面。

Skill地址：https://github.com/op7418/guizang-ppt-skill

内置两套视觉系统:

Style A: 电子杂志 × 电子墨水。像 Monocle 贴上了代码,适合叙事、观点、分享、个人风格表达。

Style B: 瑞士国际主义。网格至上、单一高饱和锚点色、直角、发丝线、极致字号对比,适合事实、产品、分析、方法论表达。

可以直接把这段话发给有 shell 权限的 AI Agent：

请帮我安装 guizang-ppt-skill。git地址：https://github.com/op7418/guizang-ppt-skill

也可以试这些请求:

• 🖋 双视觉系统:电子杂志风负责叙事,瑞士风负责事实表达
• 📐 横向左右翻页:键盘 ← → / 滚轮 / 触屏滑动 / 底部圆点 / ESC 索引
• 🧩 Style A 10 种布局:封面、章节、数据大字报、图文、图片网格、Pipeline、对比等
• 🧱 Style B 22 种锁定版式:Cover、Statement、KPI Tower、Loop Diagram、Duo Compare、Image Hero、Closing Manifesto 等
• 🎨 主题色预设:Style A 5 套电子墨水主题,Style B 4 套瑞士高饱和锚点色
• 🖼 Codex 可选配图流程:可用 GPT-Image 2.0 / GPT-M 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图,并按模板比例插入
• 📰 多平台封面:可用同一套视觉规则生成公众号 21:9、公众号分享卡 1:1、小红书 3:4、视频号横版等封面
• 📴 低性能静态模式:按 B 可关闭 WebGL / canvas 动画,让动态内容退回静态背景
• 📄 单文件 HTML:不需要构建、不需要服务器,浏览器直接打开

✅ 合适:线下分享 / 行业内部讲话 / 私享会 / AI 产品发布 / demo day / 带强烈个人风格的演讲

❌ 不合适:大段表格数据 / 培训课件(信息密度不够)/ 需要多人协作编辑(静态 HTML)

• 更适合 Agent 生成和修改:HTML / CSS 是文本,Agent 能直接读、改、验证。
• 表现力比 Markdown 更高:可以做精细排版、空间定位、动画、交互和响应式封面。
• 交付更轻:单文件 HTML 可以直接打开、演示、发送、截图。
• 更容易做质量控制:瑞士风可以用脚本校验版式、图片槽位、标题对齐和危险 SVG。
• 更适合视觉内容链路:同一套主题能覆盖 PPT、配图、封面和截图再设计。