10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI开源项目

AI复刻王虹手写PPT:从GPT Image到HTML完整方案,附开源Skill

6小时前 AI开源项目 30 0

2026 年国际数学家大会上,王虹做了一场 45 分钟的特邀报告,主题是分形集的投影定理。真正让人眼前一亮的是她的 PPT —— 全部手写,字迹工整,图形清晰,逻辑链条一气呵成,信息量极大却毫不混乱。

图片 2

把现场流出的六页 PPT 放在一起看,从封面到定理、从分类图到推导、再到最后的 Thank you,整套页面更像一本精心准备的手写笔记,而不是传统意义上的演示文稿。

图片 3

封面极度克制:一行标题放在画面上方约三分之一处,底下一条玫红横线,作者、场合、日期三行居中,下半页大片留白。没有任何多余的装饰。

图片 4

正文的信息密度反而极高。每一页围绕一个问题层层推进,颜色使用有严格的分工:深藏青色写正文和公式,钴蓝色画标题下划线、坐标轴和推导主线,玫红色标结论和重点框,荧光黄只压在一个短词上,绿色留给成立条件和正向定义。每一根手绘框线、小图和箭头都在为推导服务,没有一处纯装饰。

图片 5

没有页眉页脚,没有页码,没有 logo,没有模板痕迹。观众的注意力全部被留给内容本身 —— 这种取舍本身就值得学习。

制作工具推测:Notability

从画面特征判断 —— 接近纯白的数字纸张、真实的笔压变化、半透明叠色的荧光笔、轻微抖动的手绘框线和箭头 —— 大概率使用的是 Notability 这类手写笔记软件。

方案一:GPT Image 文生图复刻

复刻的第一反应是直接用文生图大模型。经过多轮测试,下面这套提示词在 GPT Image 上效果比较稳定:

创建一张手写的中文技术演示幻灯片,呈现在平整、温暖的米白色 Notability 风格数字笔记页面上。使用深藏青色数字手写字体,基线略带不规则起伏,笔压变化自然,配以纤细的手绘方框、箭头、坐标轴、表格和示意图。仅在推导过程使用钴蓝色,品红色-红色用于结论框,荧光黄用于强调短语,荧光绿用于已确认结构。页面必须是干净的平面幻灯片,不得出现舞台、投影仪或照片质感。

用自己的文章当素材测试,前四页效果如下:

封面页,标题、署名、场合、日期四行字全部按指定内容输出:

图片 6

第二页讲正式版开源,三个手绘框加两个箭头绘制三步流程,中间压一道荧光黄,底部玫红结论框:

图片 7

第三页是成本与智能得分的散点坐标图,横轴是任务成本,纵轴是智能得分,理想模型在左上角,"斩杀线"位置也标出:

图片 8

第四页讲本地部署门槛,304B 参数、原生 8-bit 精度、167GB 模型文件三个数字并排,右侧画本地边界标注 CPU、内存和 SSD:

图片 9

如果想要更精细的控制,每一页都可以单独设计提示词。例如第二页的独立提示词:

创建 16:9 手写中文技术幻灯片,左上角标题配钴蓝色下划线。中央绘制三步水平流程:Preview → 重新后训练 → 正式版,荧光黄高亮中间步骤,底部玫红结论框。

但文生图方案有两个硬伤:

  • 生成速度太慢,19 页 PPT 需要很长时间等待
  • 输出是图片格式,无法手工二次修改文字内容

方案二:HTML + CSS 实现

字体不是问题,真正的难点在于手写标注 —— 那种指向某个词的小箭头配一句手写短评,自己画很难自然。

后来发现了 neat-annotations 项目,只需一份样式文件就提供手绘箭头和手写标签。八个方向按罗盘命名(ann-n、ann-ne、ann-w),内置五种颜色和彩虹动画效果。

图片 10

颜色也可自定义,通过 --ann-color 传任意 CSS 颜色值。默认会给被标注词加淡色底,加上 ann-no-mark 即可取消,保留目标自身的填充效果。

图片 11

中文适配需要做两件事:

  • 把 --ann-font 换成 HanziPen SC、Hannotate SC、LXGW WenKai 等手写字体栈
  • 标注是绝对定位不占空间,中文比英文长,需把最大宽度放宽到 200+ 像素,并在箭头四周预留空白

19 页完整版 HTML 实现

完整的 HTML PPT 制作提示词已整理好,核心要点:

内容组织:提炼总问题和 3-6 个核心判断,拆成 12-24 页,每页只回答一个问题。推荐结构:封面 → 变化发生了什么 → 为什么重要 → 证据与推导 → 怎么做 → 选择与陷阱 → 总结 → 结束。

视觉系统:固定 1920×1080 / 16:9 画布,淡暖白背景。字体栈 HanziPen SC / Hannotate SC / LXGW WenKai。深蓝主文字,钴蓝推导线,玫红结论框,绿色已确认结构,荧光黄关键词。

neat-annotations 集成:本地引入 CSS,中文写入 data-note,覆盖字体栈和 label-max-width(180-240px),绝对定位需预留空间。

最终效果如下:

首页保持极简风格:

图片 12

坐标页左侧三行解释,右侧手绘散点图,斩杀线用手写标注拉出:

图片 13

架构图展示 H200 单机 4 卡 prefill + 4 卡 decode,箭头表示 KV cache 传输:

图片 14

关键数字用手绘表格摊开,体积、困惑度、KL 散度、top-token 一致率并排,无损行压绿底:

图片 15

命令页蓝色细框放命令,旁边补充档位过滤下载提醒,底部标注 Mac/Windows/Linux 差异。HTML 的好处是既能当 PPT 播放,也能当随时可改、可复制的网页资料:

图片 16

总结页三行对照收束,落到能力、成本、本地、透明四个关键词:

图片 17

整套 PPT 支持左右键翻页,可直接用于演示。

开源 Skill:一键生成手写风格 PPT

同样的工作不想做第二遍,我把整套方法整理成了 Skill:

图片 18

包含视觉规范、GPT Image 和 HTML 两套完整提示词、基础模板、neat-annotations 中文处理方案、19 页完整示例,以及结构检查和逐页导出 PNG 的脚本。

安装命令:

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

也可在 WorkBuddy 搜索「王虹手写风格 PPT」直接安装使用:

图片 19

写在最后

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

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:AI复刻王虹手写PPT:从GPT Image到HTML完整方案,附开源Skill
#AI PPT #手写风格 #neat-annotations #HTML演示文稿 #开源Skill 
收藏 1
wigolo:开源免费的 Agent 联网搜索工具,零成本替代 Tavily/Exa
human-writing:卡兹克开源活人感写作 Skill,从材料到推进消除 AI 味
推荐阅读
  • CordysCRM:开源AI驱动的企业级CRM系统,Salesforce的可控替代方案
  • Social-Analyzer:用AI和多层检测技术追踪1000+社交平台上的身份足迹
  • short-video-factory:5分钟教你搭建免费AI批量剪辑工具,轻松制作带货视频
  • DooTask:开源任务管理新选择,探索高效能与便捷性
  • FireRedTTS-2:开源多语言多人对话 TTS,支持零样本语音克隆
评论 (0)
请登录后发表评论
分类精选
WeKnora:终于等到了腾讯ima的开源知识库框架,用 API 轻松打造本地智能文档检索
11411 11月前
OpenSpec:比 Cursor Plan 更聪明?试试这款让 AI 编码更靠谱的规范驱动工具
10319 9月前
CapCut API:一个剪映API开源项目,让AI自动剪辑视频
8841 7月前
Antigravity-Manager:这个开源神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
8462 7月前
AIRI:你的开源AI女友,让你随时拥有属于自己的 AI VTuber
7855 11月前
就要创作:从提示词到创作团队,开源 AI 网文写作平台
7612 9月前
awesome-openclaw-skills:700+ Skills 一条命令装配完成,如何让本地 AI Agent 真正落地可用
7581 6月前
CompressO:开源免费的视频压缩神器,让你的硬盘瞬间轻松 10 倍
7562 10月前
baoyu-skills:又一个宝藏Skill,面向内容创作者的技能集,支持图文生成、发布与处理
7049 6月前
Claude Code 生成专业图表的 15 个 Skills:覆盖 7 种渲染引擎的完整指南
6860 3月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 scroll-world 与 img2threejs:两个炫酷的 GitHub 开源项目,让 AI 帮你做网页和 3D 模型
2 Humanizer-zh:专治中文写作 AI 味的开源 Skill,14.6k Star
3 SenseNova U1.5-Lite-Preview 开源:8B 轻量级统一多模态模型,支持 4K 图像生成与编辑
4 Cloudflare 开源企业级 Agent 工作平台 Cloudflare OS
5 human-writing:卡兹克开源活人感写作 Skill,从材料到推进消除 AI 味
6 AI复刻王虹手写PPT:从GPT Image到HTML完整方案,附开源Skill
7 wigolo:开源免费的 Agent 联网搜索工具,零成本替代 Tavily/Exa
8 GitHub 7月热门开源项目盘点:Hallmark、Orca、Strix 等 17 个值得关注的项目
9 Hallmark:2.1万Star的AI编程Skill,57道检测关卡告别AI味前端页面设计
10 DataEase:开源BI数据可视化工具,拖拽制图+Apache Doris加速查询,支持多数据源
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联