← 返回学习中心 · 图文、视频与演示OiOi Academy
AI演示文稿 · 05

告别 .pptx:SlideBlocks 浏览器演示

来自 @geekbb 的 skill 推荐:把论文、Word、网页、表格直接排成在浏览器里放的 Slidev 演示。

原作者 @geekbb 来源 X 发布 2026-09-24
🌐

开篇:不用再折腾 .pptx 了

以下来自 @geekbb。他的主张只有一句话:给 agent 装一个 skill,把论文、Word、网页、表格这些材料直接排成能在浏览器里放的 Slidev 演示,不用再折腾 .pptx。

开源项目:slideblocks-skill(GitHub:UniUni2000/slideblocks-skill)。评论区 @MarkMartinfso2 的欢呼代表了很多人的心声:"终于不用在 PPT 里浪费生命了。"

记住:一句话结论:SlideBlocks 把"做演示"从"排 PPT 文件"变成了"给 agent 一句话,让它把材料排成网页"——交付物是一个浏览器链接,不是一个 .pptx 文件。
😩

它解决的痛点:材料到演示的最后一公里

想想你手头的典型材料:论文 PDF、Word 稿、网页文章、Excel 表格。传统流程是:打开 PowerPoint → 新建 → 一页页复制粘贴 → 调字体调对齐 → 导出。一份 20 页的组会汇报,光排版就能吃掉一个晚上。

SlideBlocks 的切法是:跳过 PowerPoint 这个中间商。材料直接喂给装了 skill 的 agent,它负责信息提取、结构重组、版式设计,输出一份在浏览器里打开就能讲的 Slidev 演示。

高中生类比
传统流程像"买菜→洗菜→切菜→炒菜"全自己来;SlideBlocks 像请了个私厨——你把菜(材料)交出去,回来直接上桌(浏览器打开即讲)。
📥

四类材料输入:论文 / Word / 网页 / 表格

原帖点名的四类输入,恰好覆盖了知识工作者的全部家当:

学术论文是排版地狱:双栏、公式、图表、引用。SlideBlocks 的演示墙(下一节)证明,连黑洞论文都能排成高颜值演示。

🖼️

实证:Made with SlideBlocks 展示墙

原帖配了一张 "Made with SlideBlocks" 展示墙:十几张卡片式 slide 铺开,每一张都由学术论文内容排成——黑洞照片、数据折线图、公式推导、对比表格,版式、配色、字号层级全部在线。评论区 @Kai 的评价:"这个 skill 是刚需,看了一下排版,配色很舒服。"

原文配图:Made with SlideBlocks 演示墙——十几张由学术论文内容排成的卡片式浏览器演示,证明论文材料可直接变成高颜值演示
原文配图:Made with SlideBlocks 演示墙——十几张由学术论文内容排成的卡片式浏览器演示,证明论文材料可直接变成高颜值演示
记住:记住:这张图的论证力在于"材料很硬"——学术论文是最难排的材料之一,连它都能排好,Word 和网页更不在话下。
🔬

细看 M87:公式与多图对比的版式

展示墙里最硬核的一组是 M87 黑洞论文排成的演示页(编号 M87/04 到 M87/11):

  • 公式推导页:d_ring、θ_g、M_BH 的推导链条完整保留,编号公式一个不少;
  • 多图对比页:四个团队(RML / CLEAN)的成像结果并排,色标、单位标注齐全;
  • 图文混排页:左侧黑洞照片、右侧要点列表,信息密度高但不挤。
原文配图:SlideBlocks 排版的 M87 黑洞论文演示页——公式推导、多团队成像对比、图文混排的高密度版式
原文配图:SlideBlocks 排版的 M87 黑洞论文演示页——公式推导、多团队成像对比、图文混排的高密度版式

这一组说明 skill 的版式引擎处理得了高密度学术信息:公式不乱、多图对齐、图文比例得当——这正是"论文→演示"最难的三关。

⚠️

避坑:表格转出来可能"很抽象"

评论区 @0xSean 抛出了一个真实踩坑经验,如实并列:

"表格转出来的布局会不会很抽象,上次我用类似的工具列宽全乱了。"

避坑
避坑:表格是这类工具的已知软肋。列宽错乱、合并单元格丢失、数字对不齐都常见。对策:① 先拿一张最复杂的表试转;② 转完逐列检查列宽与对齐;③ 关键数据页考虑手动微调,不要无脑信任自动排版。

这条评论的价值在于给"一键生成"的神话降温:文字和图片好排,表格难排——这是当前所有"材料→演示"工具的共性短板,不是 SlideBlocks 一家的问题。

🍱

幕后关键:信息提取才是本体

日本网友 @yuki__shu1224 在评论区点出了本质,值得全文记住:

"在'第一眼印象决定一切'的时代,其实幕后进行的'信息提取'这一处理才是关键。在理解内容本质的同时,通过结构化处理,可以减轻用户的认知负荷。LP 的首屏展示,就像菜肴的摆盘一样呢。"

翻译一下:观众只看到"第一眼好不好看",但真正决定演示质量的,是 AI 有没有读懂材料、抽出结构、减轻认知负荷。首屏(第一页)就像菜肴的摆盘——摆盘再美,菜本身(信息结构)不行,观众吃两口就放下筷子。

高中生类比
信息提取 vs 版式美化,就像做菜时"备菜" vs "摆盘":备菜决定这道菜能不能吃(结构对不对),摆盘决定第一眼想不想吃。AI 排演示,备菜比摆盘重要。
🔗

理论地基:为什么"浏览器演示"是对的

本课的理论地基在《第 2 课:PPT as Code》——"演示不该再用文件思维做":

  • 演示应该是能发链接、能改主题、能版本管理的网页资产,而不是一次性文件;
  • 底层是 container / slides / index / controls / motion 五要素的状态切换系统;
  • Slidev 正是这类"网页演示"技术栈的一个选择:用 Markdown 写内容,浏览器里放。

一句话定位:第 2 课讲"为什么用网页做演示"(方法论),本课讲"用哪个 skill 落地"(工具)。方法论详见《第 2 课》,本课只保留工具本身的独有细节:四类材料输入、M87 实证、表格风险、信息提取观。

词

术语翻卡:点卡片看解释

Slidev
Slidev
用 Markdown 写演示文稿的网页框架:在浏览器里播放,支持代码高亮、公式、动效,适合技术分享。
SlideBlocks
SlideBlocks
本课的开源 skill(UniUni2000/slideblocks-skill):把论文/Word/网页/表格排成浏览器里的 Slidev 演示。
浏览器演示
Browser-based deck
交付物是网页链接而非 .pptx 文件的演示形态:发链接就能看,能版本管理,能嵌入视频与交互。
信息提取
Information extraction
从材料中读懂结构、抽出要点的步骤;评论区共识:它是演示质量的本体,比版式美化更重要。
首屏
First screen
演示的第一页;像菜肴的摆盘,决定观众第一眼愿不愿意继续看下去。
列宽错乱
Column-width breakage
表格自动排版常见翻车:列宽失控、对不齐;是"材料→演示"工具的共性短板,须人工复查。
测

自测一下:点问题展开参考答案

输入:论文、Word、网页、表格;输出:在浏览器里播放的 Slidev 演示(网页链接),不用再折腾 .pptx 文件。

公式推导不乱、多图对比对齐、图文混排得当——即它处理得了高密度学术信息,这是"论文→演示"最难的三关。

表格转出来布局可能很抽象、列宽全乱。对策:先拿最复杂的表试转、逐列检查列宽与对齐、关键数据页手动微调。

因为观众只看到第一眼印象,但真正决定演示质量的是 AI 是否读懂材料、抽出结构、减轻认知负荷;首屏如摆盘,信息结构如备菜,备菜比摆盘重要。

第 2 课(PPT as Code)讲"为什么用网页做演示"的方法论;本课讲"用哪个 skill 落地"的工具。方法论只在第 2 课讲透,本课一句话引用。