王虹手写PPT太酷了，我用AI复刻了一套，附提示词和开源Skills

前天的 PPT Skills 预告，朋友们的热情太高了

老章没闲着，又优化了提示词和 Skills，今天详细介绍如何实现王虹手写风格 PPT

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

王虹在 2026 年国际数学家大会上做了 45 分钟特邀报告，讲的是分形集的投影定理

她的 PPT 全部手写，字很工整，图画得清楚，逻辑链条一路顺下来，信息量还特别大

我搜索了现场的多张照片，六页放在一起看就更明显了，从封面到定理，从分类图到推导，再到最后一句 Thank you，整套页面像一本准备得很充分的手写笔记

封面克制到几乎没有设计，一行标题写在画面上方三分之一处，底下一条玫红横线，作者、场合、日期三行居中，下半页大片空白

正文的信息密度反而很高，每一页围绕一个问题往下推，颜色：深蓝写正文和公式，蓝色画标题下划线、坐标轴和推导主线，玫红标结论和重点框，荧光黄只压在一个短词上，绿色留给成立条件和正向定义，手绘的框线、小图和箭头没有一处是纯装饰，都在替推导指路

我特别喜欢这种取舍，没有页眉页脚，没有页码，没有 logo，没有任何模板痕迹，观众的注意力全都被留给了内容本身

制作工具——Notability

很多人问她用什么做的，我没有找到非常明确的答案

从画面上判断，纸面是接近纯白的数字纸张，笔迹有真实的落笔轻重变化，荧光笔是半透明叠色，框线和箭头有轻微抖动

我猜测，极大概率使用 Notability 这类手写笔记软件制作的

先用 GPT Image 试了前 4 页

复刻的话，我第一想到的是直接用文生图大模型来直接生成

测试了几个版本，下面这个提示词发挥比较稳定了，至少在 GPT Image 上效果不错

提示词大家可以参考，也可以以此为模板扔给文生图大模型，让其根据提供的素材分页设计不同的提示词

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

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

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

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

我拿自己刚写完的 那篇文章当素材，好处是内容我熟，做出来的页面对不对我一眼能看出来

第一页是封面，标题、署名、场合、日期，四行字全部指定原样输出

第二页讲正式版开源，三个手绘框加两个箭头，从 Preview 到重新后训练再到正式版，中间那步压一道荧光黄，底部一个玫红结论框

第三页是成本与智能得分的坐标图，横轴是完成一次任务的成本，纵轴是模型智能得分，理想模型应该站在左上角，那条被网友叫做斩杀线的位置也标了出来

第四页讲本地部署门槛，304B 的参数规模、原生 8-bit 的官方精度、167GB 的模型文件三个数字并排放，右边画一个本地边界，里面是 CPU、内存和 SSD

我感觉这套提示词生成的效果很自然了，如果想要做的细致，每一页都需要再单独再约束 (下面的提示词也是让大模型根据上面的风格约束提示词 + 每一页要呈现的内容，单独设计的)

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

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

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

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

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

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

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

但是，文生图的方式有俩问题

1、太慢了

2、生成的是图片，无法手工二次修改

HTML PPT 版本

第二套方案，还是考虑用 HTML + CSS 来实现

字体好说，我卡在手写标注上，那种指向某个词的小箭头配一句手写短评，自己画很难画得自然

后来我找到了 neat-annotations，这个项目只用一份样式文件就提供了手绘箭头和手写标签，八个方向按罗盘命名，写 ann-n、ann-ne、ann-w 这样的类名就能决定箭头从哪个方向指过来，内置了五种颜色和一个彩虹动画

neat-annotations 的八个箭头方向与内置颜色

想要更精确的颜色也可以，直接用 --ann-color 传任意 CSS 颜色，另外它默认会给被标注的词加一层淡色底，加上 ann-no-mark 就能取消掉，保留目标自己的填充

neat-annotations 的自定义颜色与目标高亮控制

中文我实际测，标注文字来自 data-note，中文字符可以正常显示，八个方向和颜色跟语言无关

需要动手的地方有两个：

1、项目默认推荐的字体主要覆盖拉丁字符，中文环境要把 --ann-font 换成 HanziPen SC、Hannotate SC、LXGW WenKai 这类手写字体栈；

2、标注是绝对定位，本身不占页面空间，中文短语比英文长，要把最大宽度放宽到两百多像素，还得给箭头四周留出空白，不然很容易压到正文

19 页完整版，HTML 实现

提示词我也调好了，大家想要复制即可，不过我更建议直接使用后面我做成的 Skills

把提供的中文文章制作成一套完整的 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 和 Beamer）适合公式多、引用多、需要稳定 PDF 的论文汇报，交叉引用和参考文献都是现成的，编译出来的排版也经得起投影

最后

王虹这套 PPT 的真正门槛，从来不在纸张、笔迹和荧光笔上

做 PPT 从来是结果，把问题想明白才是过程。手写风格值得学，更值得学的是敢于留白的那份底气

页面上的空白，是取舍完成之后留下的痕迹