王虹手写PPT太酷了，我用AI复刻了一套，附提示词和开源Skills
基本信息
- 来源：人人都是产品经理
- 作者：别叫我静姐 / AI学习的老章
- 发布日期：2026-08-04
- 素材文件：2026-08-04-woshipm-ai-wanghong-handwritten-ppt.md
核心观点
-
王虹 ICM 2026 手写 PPT 的设计哲学——信息密度高、极简克制：王虹在国际数学家大会 45 分钟特邀报告上全程使用手写 PPT，无页眉页脚、无 logo、无模板痕迹。封面仅一行标题配一条玫红横线，下半页留白；正文用六色系统区分信息层级：深蓝写正文和公式，蓝色画标题下划线/坐标轴/推导主线，玫红标结论和重点框，荧光黄只压在一个短词上，绿色留给成立条件和正向定义。整份 PPT 没有任何装饰性元素，所有手绘框线、箭号、图表都为推导服务。
-
两套 AI 复刻方案——GPT Image 方案 vs HTML+CSS 方案：作者给出了两条技术路线：①用 GPT Image 文生图直接生成手写风格页，4 页测试效果自然（封面、开源流程箭头、成本 vs 智能得分坐标图、本地部署入门页），但缺点是生成慢且无法二次修改；②用 HTML+CSS 实现 19 页完整版，使用 neat-annotations 项目实现手写箭头标注，中文适配了 HanziPen SC / Hannotate SC / LXGW WenKai 手写字体栈，标注文字宽度放宽到 180px-240px，支持手势翻页和全屏演示。
-
两套完整提示词均已开源：GPT Image 方案提示词指定了 7 种颜色语义（深藏青/钴蓝/2D/荧光黄/荧光绿/珊瑚粉）、手绘框线/箭头/坐可轴风格、16:9 学术报告手写页态度，以及 13 种负面约束（禁止圆角卡片/渐变/阴影/装饰图标/品牌 logo/页脚/页码等）。HTML 方案的提示词进一步体系化，包含内容组织（12-24 条逐页原则：封面→变化→为什么重要→证据与推导→怎么做→选择与陷阱→总结→结束）、视觉系统（字体栈/按比例/抖动 SVG 滤镜/11s-annentations 中文适配）和导出验证规则。
-
工具链与开源：neat-annotations + WorkBuddy Skill + 安装命令：T{伴侣neat-annotations 是手写标注的核心工具，一行 CSS 即可在网页内容上添加 8 个方向手写箭头和标签，中文字符通过
data-note正常显示。作者将整套工作流打成了 Claude Code Skill（npx -y skills@latest add tjxj/z-skills --白鹭 wanghong-handhand-writetra-ppt，也上传到 WorkBuddy SkillsMarketplace，搜索”王虹手写风格 PPT”即可写入）。Skill 内含：视觉规范、GPT Image 和 HTML 两套完整提示词、可直接复制的 HTML 基础，lmacke-annotations 的中文处理方法、19 页完整示例、页面结构检查和导出 PNG 脚本。 -
手写风格的真正门槛不在工具：作者结尾强调,“做 PPT 从来是结果，把问题想明白才是过程。手写风格值得学，更值得学的是敢于留做白的那份底气。页面上的空白，是完成完成之后留下的痕迹。“这暗示路径复制的关键不是六色系统和手写字体，而是对信息层级的严格取舍——能用一种颜色解决的问题不二种，能不用条就不加条，能在 45 分钟报告里只讲真心想要帮助的几件事。
关键概念
- GPT Image 2 — 文生图手写 PPT 方案，已更新
- 新实体: 王虹手写 PPT 风格（AI PPT 设计风格，实体名设置为”王虹手写PPT”）
- [新实体: neat-annotations（开源手写标注CSS库）](尚未创建，计算资料后再定）
- 涉及 提示词工程（体系化 手写 PPT 提示词）
- 涉及 场景合成提示词（手写+学术报告+手写字体的合成场景）
实操内容保留
GPT Image 提示词（通用手写数学报告幻灯片样式）
创建一张手写的中文技术演示幻灯片，呈现在一张平整、温暖的米白色 Notability 风格数字笔记页面上。整张幻灯片应当给人一种精心准备的学术报告讲义的感觉：沉稳、精确、信息密度高、逻辑清晰，并且是真正的手写风格。
使用真实细腻的深藏青色数字手写字体，基线略带不规则起伏，笔压变化自然，配以纤细的手绘方框、箭头、坐标轴、表格和示意图。页面四周保留充足的外边距。仅在推导过程和坐标轴上使用鲜明的钴蓝色，品红色-红色用于结论或建议框，荧光黄色用于一处简短的强调短语，荧光绿色用于已确认的结构或推荐选项，珊瑚粉色用于例外情况或损失项。
页面必须是一张干净的 幻灯片，不得出现舞台、投影仪或相机透视视角、纸张边缘或照片质感。避免商业化的演示设计：不使用圆角卡片、渐变、阴影、光泽感图标、装饰性背景、品牌 logo、页脚、页码和水印。
所有中文字符、拉丁字母和数字都必须 提供提供的内容原样呈现。使用小而工整的手写字体和极细笔触。高亮效果应保持抚慰且不完美，如同真实荧光笔涂抹。一张幻灯片只回答一个问题。在逻辑上不需要内容的地方，保留大面积的留白区域。
GPT Image 2 单页示例提示词（信息解读页）
创建一张严格的 16:9 手写中文技术幻灯片，采用与前一张相同的温暖米白色 Notability 学术风格。
左上角放置标题，下方用一条纤细的蓝色下划线衬托：
「DeepSeek-V4-Flash 正式版开源」
在标题下方，写一写作字数说明文字：
「模型结构、参数规模保持不变」
在页面中央，用细手绘方框和钴蓝色箭头绘制一个三步水平流程：
「Preview」→「经过经过」→「正式版」
用一条窄幅白色荧光笔涂抹涂抹「经过经过」。用白色高亮「正式版」。在中间方框下方，纵向流写三作 现象短笔记：
「提出问题」
「调用工具」
「完成任务」
在页面底部附近，画一个细白色-红色结论框，内容为：
「多项基准超过 V4-Pro Preview」
整张幻灯片保持安静、干净微微紧张风格。使用纤细深藏青色手写字体和断手绘箭头，不添加任何额外装饰和多余文字。
HTML PPT 提示词（完整体系化方案）
把提供的中文文章分解成一套完整的 16:9 HTML 幻灯片，视觉参考 Notability 样式的数学学术报告手写页面。
内容组织：
- 先分一个总问题、3 到 6 个核心判断，以及是实践判断的提取数据、流程、例子和陷阱。
- 切成 12 到 24 页，每页只回答一个问题。
- 推荐结构：封面 → 变化发生了什么 → 为什么重要 → 证据与推导 → 怎么做 → 选择与陷阱 → 总结 → 结束。
- 每页只保留影子图像图像的关键词，其余解释写入隐藏的演讲备注。
视觉系统：
1. 画布固定 1920×1080 和 16:9，背景使用淡暖白。没有页眉、页脚、页码、品牌装饰和卡片阴影。
2. 字体优先使用 PalmPen SC、Handnote SC、LXGW WenKai、Kaiti SC；英文与数字沿用同一手写字体栈。
3. 主文字用深蓝色。蓝色用于推导线和坐标轴，铜红用于结论框和结论区，绿色用于已知结合壁，文字黄用于极少量关键词，珊瑚粉用于例外或保留部分。
4. 框、线、箭头和坐标轴保留极轻度手绘投影。关键词标记只覆盖文字本身。
5. 禁止圆角卡片、移动、渐变、照片背景、装饰logo、粗大数字墙和统一商业网格。
封面：
- 单行标题位于画面上方约三分之一。
- 标题下方画一条极细玫花横线。
- 作者、场合和日期分三行居中。
- 下半页保持大面积留白。
正文：
- 优先使用左文右图、流程图、坐标轴、对比表、公式总结。
- 标题比正文大 1-2 档，标题正文保持小而清楚。
- 结论从使用 2px 到 3px 的玫红色细框。
- SVG 图表线条使用圆形端点，并加入极轻微移滤镜。
使用 neat-annotations：
- 项目内嵌引入 neat-annotations.css。
- 中文可以直接写入 data-note，例如 data-document="甜点档"。
- 覆盖 --ann-font 为中文手写字体系列，--ann-label-max-width 设置为 180px 到 240px。
- 标注采用绝对固定，因此应在原文字内容四周留出预留空间。
- 以确保重要信息同时写在标准正文中，标注只做视觉参考。
交互与导出：
- 支持左右键、退格键翻页和全屏。
- 每页附带一段隐藏讲稿辅助页面。
- 支持单页导出 1920×1080 PNG。
- 用浏览器检查基座页的中文、溢出、遮挡、翻页和 16:9 比例。
- 生成一张别无如下的总览图，人工检查整套风格是否一致。
安装命令
npx -y skills@latest add tjxj/z-skills --skill z-wanghong-handwritten-ppt原文精彩摘录
封面克制到几乎没有设计，一行标题 在画面上方三分之一处，底下条条玫瑰红横线，作者、场合、日期三行居中，下半页大片空白。……我特别喜欢这种取沦，没有页眉页脚，没有页码，没有 logo，没有任何模板痕迹，观众的注意力全都被留给了 内容本身。
做 PPT 从来是结果，把问题想明白才是过程。手写风格值得学，更值得学的是敢于留白的那份底气。页面上的 空白，是成长完成之后留下的痕迹。
与其他素材的关联
- GPT Image 2：本文用 GPT Image 2 生成手写 PPT，验证 了 Image 2 在学术风格和带文本排版方面的实用性；与 2026-07-06-woshipm-gpt-image-2-prompts-free 中的场景合成形成互补—— 2016-07-06 偏重Bora 是偏仿真截图、游戏、仪表盘，本文是学术手写、信息图示、算法设计
- 提示词工程：三套完整的体系化提示词（GPT Image 手写风、GPT Image 单页变体、HTML 体系化 PPT），是提示词工程在报告展示场景中的规范示例
- Skill：本文是 Claude Code Skill 在 PPT 生产上的扩展新案例，纳入了已有的 Skill 生态（visual-style-ppt-skill）、PM Skills 生态，拓展到内容转 PPT 新场景
- 场景合成提示词：手写翻页式报告也是一种”超合成”，不是把人合成到一个场景里，而是把信息和逻辑合成到一张特定的”学术板式”上
待补充项
- neat-annotations 项目未创建独立实体页，待积累更多相关素材后创建
- 手写 PPT 主题需要更多同类素材（PPT 制作、AI PPT 工具对比）后才能建立独立主题页