📄 文章总结：《王虹手写PPT太酷了，我用AI复刻了一套，附提示词和开源Skills》

公众号： Ai学习的老章 | 分类： tools | 收录日期： 2026-08-15 原链接： https://mp.weixin.qq.com/s/3uF0yomWIvsYr6iM21_e6w

原文标题：王虹手写PPT太酷了，我用AI复刻了一套，附提示词和开源Skills
公众号：Ai学习的老章

一、前情提要

前天的 PPT Skills 预告，朋友们的热情太高了🔥
老章没闲着，又优化了提示词和 Skills，今天详细介绍如何实现王虹手写风格 PPT。

二、一场全部手写的 45 分钟报告

王虹在 2026 年国际数学家大会上做了 45 分钟特邀报告，讲的是分形集的投影定理。
她的 PPT 全部手写，字很工整，图画得清楚，逻辑链条一路顺下来，信息量还特别大。
搜索了现场多张照片，六页放在一起看更明显：从封面到定理，从分类图到推导，再到最后一句 Thank you，整套页面像一本准备得很充分的手写笔记。
封面克制到几乎没有设计：一行标题写在画面上方三分之一处，底下一条玫红横线，作者、场合、日期三行居中，下半页大片空白。
正文的信息密度反而很高，每一页围绕一个问题往下推。
颜色系统：
深蓝：写正文和公式
蓝色：画标题下划线、坐标轴和推导主线
玫红：标结论和重点框
荧光黄：只压在一个短词上
绿色：留给成立条件和正向定义
手绘的框线、小图和箭头没有一处是纯装饰，都在替推导指路。
关键引语：“没有页眉页脚，没有页码，没有 logo，没有任何模板痕迹，观众的注意力全都被留给了内容本身。”

三、制作工具——Notability

很多人问她用什么做的，作者没有找到非常明确的答案。
从画面判断：纸面接近纯白的数字纸张，笔迹有真实的落笔轻重变化，荧光笔是半透明叠色，框线和箭头有轻微抖动。
猜测：极大概率使用 Notability 这类手写笔记软件制作。

四、先用 GPT Image 试了前 4 页

复刻时第一想到的是直接用文生图大模型生成。
测试了几个版本后，下面这个提示词发挥比较稳定，至少在 GPT Image 上效果不错。
提示词可以当作模板，扔给文生图大模型，让其根据提供的素材分页设计不同提示词。

稳定版风格提示词

创建一张手写的中文技术演示幻灯片，呈现在一张平整、温暖的米白色 Notability 风格数字笔记页面上。整张幻灯片应当给人一种精心准备的学术报告讲义的感觉：沉稳、精确、信息密度高、逻辑清晰，并且是真正的手写风格。

使用真实细腻的深藏青色数字手写字体，基线略带不规则起伏，笔压变化自然，配以纤细的手绘方框、箭头、坐标轴、表格和示意图。页面四周保留充足的外边距。仅在推导过程和坐标轴上使用鲜明的钴蓝色，品红色-红色用于结论或建议框，荧光黄色用于一处简短的强调短语，荧光绿色用于已确认的结构或推荐选项，珊瑚粉色用于例外情况或损失项。

页面必须是一张干净的平面幻灯片，不得出现舞台、投影仪或相机透视视角、纸张边缘或照片质感。避免商业化的演示设计：不使用圆角卡片、渐变、阴影、光泽感图标、装饰性背景、品牌 logo、页脚、页码和水印。

所有中文字符、拉丁字母和数字都必须严格按照提供的内容原样呈现。使用小而工整的手写字体和纤细的笔触。高亮效果应保持窄幅且不完美，如同真实荧光笔涂抹的效果。一张幻灯片只回答一个问题。在逻辑上不需要内容的地方，保留大面积的留白区域。

用 DeepSeek-V4-Flash 本地部署文章做素材测试

作者拿自己刚写完的《DeepSeek-V4-Flash 本地部署》文章当素材，因为内容熟悉，页面做得对不对一眼能看出来。
第一页是封面：标题、署名、场合、日期，四行字全部指定原样输出。
第二页讲正式版开源：
三个手绘框 + 两个箭头
流程：Preview → 重新后训练 → 正式版
中间那步压一道荧光黄
底部一个玫红结论框
第三页是成本与智能得分的坐标图：
横轴：完成一次任务的成本
纵轴：模型智能得分
理想模型应该站在左上角
被网友叫做“斩杀线”的位置也标了出来
第四页讲本地部署门槛：
304B 的参数规模
原生 8-bit 的官方精度
167GB 的模型文件
三个数字并排放
右边画一个本地边界，里面是 CPU、内存和 SSD

逐页约束提示词示例

作者表示：这套提示词生成效果已经很自然，但想要做得细致，每一页还需要再单独约束。下面的提示词也是让大模型根据上面的风格约束提示词 + 每一页要呈现的内容，单独设计的。

创建一张严格的 16:9 手写中文技术幻灯片，采用与前一张相同的温暖米白色 Notability 学术风格。

左上角放置标题，下方用一条纤细的钴蓝色下划线衬托：
「DeepSeek-V4-Flash 正式版开源」

在标题下方写一句简短的说明文字：
「模型结构、参数规模保持不变」

在页面中央，用纤细的手绘方框和钴蓝色箭头绘制一个三步水平流程：
「Preview」→「重新后训练」→「正式版」

用一条窄幅的荧光黄色荧光笔涂抹高亮「重新后训练」。用荧光绿色高亮「正式版」。在中间方框的下方，纵向堆叠书写三条简短笔记：
「回答问题」
「调用工具」
「完成任务」

在页面底部附近，画一个纤细的品红色-红色结论框，内容为：
「多项基准超过 V4-Pro Preview」

整张幻灯片保持安静、疏朗的风格。使用细腻的深藏青色手写字体和纤细的手绘箭头，不添加任何额外装饰和多余文字。

五、文生图方式的两个问题

太慢了
生成的是图片，无法手工二次修改

六、HTML PPT 版本：用 neat-annotations 解决手写标注

第二套方案：用 HTML + CSS 实现。
字体好说，卡在手写标注上：那种指向某个词的小箭头 + 一句手写短评，自己画很难画得自然。
后来找到 neat-annotations：
只用一份样式文件就提供手绘箭头和手写标签
八个方向按罗盘命名
写 ann-n、ann-ne、ann-w 这样的类名，就能决定箭头从哪个方向指过来
内置五种颜色和一个彩虹动画
想要更精确的颜色，可以直接用 --ann-color 传任意 CSS 颜色。
默认会给被标注的词加一层淡色底，加上 ann-no-mark 就能取消掉，保留目标自己的填充。
中文实测：标注文字来自 data-note，中文字符可以正常显示，八个方向和颜色跟语言无关。

需要动手的地方有两个：

项目默认推荐的字体主要覆盖拉丁字符，中文环境要把 --ann-font 换成 HanziPen SC、Hannotate SC、LXGW WenKai 这类手写字体栈。
标注是绝对定位，本身不占页面空间；中文短语比英文长，要把最大宽度放宽到两百多像素，还得给箭头四周留出空白，不然很容易压到正文。

七、19 页完整版：HTML 实现提示词

提示词已调好，可以复制；但作者更建议直接使用后面做成的 Skills。
下面的提示词是把整篇文章做成一套完整 HTML 幻灯片的系统提示词：

把提供的中文文章制作成一套完整的 16:9 HTML 幻灯片，视觉参考 Notability 制作的数学学术报告手写页。

内容组织：
- 先提炼一个总问题、3 到 6 个核心判断，以及支撑判断的数据、流程、例子和陷阱。
- 拆成 12 到 24 页，每页只回答一个问题。
- 推荐结构：封面 → 变化发生了什么 → 为什么重要 → 证据与推导 → 怎么做 → 选择与陷阱 → 总结 → 结束。
- 每页只保留投影需要的关键词，其余解释写入隐藏的演讲备注。

视觉系统：
1. 画布固定 1920×1080 和 16:9，背景使用淡暖白。没有页眉、页脚、页码、品牌装饰和卡片阴影。
2. 字体优先使用 HanziPen SC、Hannotate SC、LXGW WenKai、Kaiti SC；英文与数字沿用同一手写字体栈。
3. 主文字用深蓝色。蓝色用于推导线和坐标轴，玫红用于结论框和推荐项，绿色用于已确认结构，荧光黄用于极少量关键词，珊瑚粉用于例外或剩余部分。
4. 框、线、箭头和坐标轴保留轻微手画抖动。关键词高亮只覆盖文字本身。
5. 禁止圆角卡片、渐变、阴影、照片背景、装饰图标、粗大数字墙和统一商业网格。

封面：
- 单行标题位于画面上方约三分之一。
- 标题下方画一条细玫红横线。
- 作者、场合和日期分三行居中。
- 下半页保持大面积留白。

正文：
- 优先使用左文右图、流程、坐标轴、对比表、公式总结。
- 标题比正文大一档，正文保持小而清楚。
- 结论使用 2px 到 3px 的玫红细框。
- SVG 图表线条使用圆头，并加入极轻微位移滤镜。

使用 neat-annotations：
- 本地引入 neat-annotations.css。
- 中文可以直接写入 data-note，例如 data-note="甜点档"。
- 覆盖 --ann-font 为中文手写字体栈，--ann-label-max-width 设置为 180px 到 240px。
- 标注采用绝对定位，因此在目标内容四周预留空间。
- 重要信息同时写在正文中，标注只做视觉提示。

交互与导出：
- 支持左右键、空格翻页和全屏。
- 每页写一段隐藏讲稿备注。
- 逐页导出为 1920×1080 PNG。
- 用浏览器检查全部页面的中文、溢出、遮挡、翻页和 16:9 比例。
- 生成一张全部页面的总览图，人工检查整套风格是否统一。

八、效果展示

首页保持了最克制的样子。
坐标页：左边三行解释 + 右边一张手绘散点图，斩杀线用手写标注拉出来。
架构图这页：H200 单机上 4 张卡做 prefill、4 张卡做 decode，中间用箭头表示 KV cache 的传输。
关键数字用一张手绘表格摊开：体积、困惑度、KL 散度和 top-token 一致率并排，无损那一行压了绿底。
命令页：原本担心代码块会破坏手写气质，实际做出来还行；蓝色细框里放命令，旁边补一句按档位过滤下载的提醒，底下标出 Mac、Windows、Linux 的差异。
这页也顺便体现了 HTML 的好处：既能当 PPT 播，也能当一份随时能改、随时能复制的网页资料。
总结页用三行对照收束，最后落到：能力、成本、本地、透明四个词。
这套 PPT 支持左右翻页，可以用于演示了。

九、顺手做成了 Skill

作者不想把同样的活儿再做第二遍，于是把整套做法整理成了 Skill。
里面包括：
视觉规范
GPT Image 和 HTML 两套完整提示词
可以直接复制的基础模板
neat-annotations 的中文处理办法
19 页的完整示例
结构检查和逐页导出 PNG 的脚本
下次遇到需要做这种报告的场合，给它一篇文章就行。

安装命令：

npx -y skills@latest add tjxj/z-skills --skill z-wanghong-handwritten-ppt

不想手动安装也行，作者也把它上传到了 WorkBuddy。
有需要的朋友可以搜索【王虹手写风格 PPT】，安装后直接用。

十、不算题外话：科研 PPT 制作

作者以前写过一篇：用大模型加 LaTeX 制作论文 PPT。
那条路（LaTeX 和 Beamer）适合公式多、引用多、需要稳定 PDF 的论文汇报。
交叉引用和参考文献都是现成的，编译出来的排版也经得起投影。

十一、最后

王虹这套 PPT 的真正门槛，从来不在纸张、笔迹和荧光笔上。
做 PPT 从来是结果，把问题想明白才是过程。
手写风格值得学，更值得学的是敢于留白的那份底气。
页面上的空白，是取舍完成之后留下的痕迹。

🎯 Friday 提炼

王虹 PPT 的视觉核心：封面极简、正文高密度、颜色分工明确、手绘元素都为推导服务，没有任何模板痕迹。
复刻路线一：GPT Image 文生图 + 风格提示词，能生成自然手写页面，但慢且只能出图，不能二次修改。
复刻路线二：HTML + CSS + neat-annotations，支持翻页、修改、复制、导出 PNG，是更适合实际使用的完整方案。
作者已把整套流程封装为开源 Skill，可一条命令安装，也可在 WorkBuddy 搜索“王虹手写风格 PPT”安装。
真正的门槛不在笔迹、纸张或荧光笔，而在“想明白问题”和“敢于留白”。

一句话： 用 AI 复刻王虹手写 PPT，关键是视觉规范 + 逐页约束 + HTML/neat-annotations 工具链；而手写风格背后，真正值得学的是把问题想明白后敢于留白。

💡 Friday 看法

这种复刻挺有意思，但我觉得王虹那套 PPT 真正酷的地方不是手写效果，而是每一处标注、留白都在替推导指路。AI 顶多做到形似，要让模型理解“这里该压强、那里该留白”，还是得你自己反复调提示词，本质上是你在做设计。文生图那条路确实太死，HTML 方案至少能改，但折腾到最后我可能会怀疑：与其费劲复刻，不如直接拿 Notability 自己写，可能还更快。