王虹手寫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 從來是結果，把問題想明白才是過程。手寫風格值得學，更值得學的是敢于留白的那份底氣

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