| name | guizang-ppt |
| description | 生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风 PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"时使用。 |
| visibility | public |
| mode | template |
| carrier | deck |
| scenario | marketing |
| pattern_source | assets/template.html, assets/pattern-slides.html |
| source_priority | skill-first |
| triggers | ["ppt","deck","slides","presentation","magazine","杂志","杂志风 PPT","horizontal swipe","horizontal swipe deck","editorial magazine","e-ink presentation","网页 PPT","发布会","分享 PPT"] |
| od | {"default_for":"deck","upstream":"https://github.com/op7418/guizang-ppt-skill","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":false},"example_prompt":"帮我做一份杂志风的 PPT —— 关于'一人公司 · 被 AI 折叠的组织'，25 分钟分享会，目标受众是设计师 + 创业者。先推荐一个方向（Monocle / WIRED / Kinfolk / Domus / Lab）让我选。"} |
Magazine Web Ppt
这个 Skill 做什么
生成一份单文件 HTML的横向翻页 PPT，视觉基调是：
- 电子杂志 + 电子墨水混血风格
- WebGL 流体 / 等高线 / 色散背景（hero 页可见）
- 衬线标题（Noto Serif SC + Playfair Display）+ 非衬线正文（Noto Sans SC + Inter）+ 等宽元数据（IBM Plex Mono）
- Lucide 线性图标（不用 emoji）
- 横向左右翻页（键盘 ← →、滚轮、触屏滑动、底部圆点、ESC 索引）
- 主题平滑插值：翻到 hero 页时颜色和 shader 柔顺过渡
这个 skill 的美学不是"商务 PPT"，也不是"消费互联网 UI"——它像 Monocle 杂志贴上了代码后的样子。
何时使用
合适的场景：
- 线下分享 / 行业内部讲话 / 私享会
- AI 新产品发布 / demo day
- 带有强烈个人风格的演讲
- 需要"一次做完，不用翻页工具"的网页版 slides
不合适的场景：
- 大段表格数据、图表叠加（用常规 PPT）
- 培训课件（信息密度不够）
- 需要多人协作编辑（这是静态 HTML）
工作流
Step 0 · 选方向(Direction · 必做的第一步)
在问 6 个澄清问题之前,先让用户在 5 个 magazine 方向里挑一个。每个方向都把"主题色 / 推荐 layout / chrome 风格 / 推荐 slide 数"打包好,挑了方向就回答掉一半澄清问题。
打开 references/styles.md,整段拷过来给用户看 5 个方向的 1-line summary,然后让他选:
1. Monocle Editorial · 国际杂志风 ✦ 默认
2. WIRED Tech · 数据 + 工程
3. Kinfolk Slow · 慢生活 / 人文
4. Domus Architectural · 建筑 / 空间感
5. Lab / Reference · 学术 + 工艺手册
如果用户说"不知道,你推荐"——默认推 Monocle Editorial,因为它失败概率最低。如果用户提到"AI / benchmark / 技术发布"——推 WIRED;"读书 / 私享 / 朋友圈"——推 Kinfolk;"设计 / 建筑 / portfolio"——推 Domus;"研究 / 学术 / 方法论"——推 Lab。
挑完方向后,在项目目录下创建或更新 项目记录.md,第一行写清方向 + 主题色 + 受众 + 时长(模板见 styles.md 末尾)。全程不要换方向——半路换 = 前面全废。
Step 1 · 需求澄清(动手前必做)
如果用户已经给了完整的大纲 + 图片,可以跳过直接进 Step 2。
如果用户只给了主题或一个模糊想法,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高:
6 问澄清清单
第 5 题已在 Step 0 选方向时一并回答(方向→主题色)。下面的 5 题里,第 5 题留白即可。
| # | 问题 | 为什么要问 |
|---|
| 1 | 受众是谁?分享场景?(行业内部 / 商业发布 / demo day / 私享会) | 决定语言风格和深度 |
| 2 | 分享时长? | 15 分钟 ≈ 10 页,30 分钟 ≈ 20 页,45 分钟 ≈ 25-30 页(每个方向的推荐范围见 styles.md) |
