
beatdeck:一个"不会写代码"的设计师,把演讲拆成节拍,一个月 220 多星
它是什么 一个开源的网页演示引擎:演讲按"点一下推进一个节拍"来做,断网能讲、每一帧可复现、带演讲者视图,附一个让 Claude Code 帮你从 PPT 改写整场演讲的技能。
为什么火了 作者在西语 AI 圈有 7.7 千关注,10 月 7 日一篇讲"设计师为什么恨 PPT"的长文配真实活动案例,带来前 90 多星;"beats, not slides"这句口号好记;11 月 5 日单日 +93 来源没查到。
C你可以怎么跟 别再做 agent 做幻灯片的项目,这条赛道头部已经 3 万星;学它的发布套路:从自己一件真事里抽出工具,起一句新口号,内置自检,用母语长文配真实案例冷启动。
- 数据(每天更新) · 建库 2026-10-01 · 233 星 · 7 天 +133
GitHub · 星数 数据 2026-10-09 → 2026-11-08(31 天,31 次观测)。10-28 以前的点来自 deeply / 存档补录,不是每天都有
beatdeck 是一个开源的网页演示引擎,外加一个让 Claude Code 帮你写整场演讲的技能。作者是西班牙设计师 Borja Pérez,他自己说不会写代码。项目 10 月 1 日建库,前三周靠一篇西语长文涨到 90 多星,11 月 5 日一天又涨了 93 星,到 11 月 6 日一共 228 星、18 个 fork。规模不大,但它是怎么起来的、在多挤的赛道里起来的,值得看一看。
一个"恨 PPT"的设计师,和一场马德里的技术分享
2026 年 10 月 7 日上午,Borja 在 X 上发了一篇西语长文,标题是《No vuelvas a hacer un PowerPoint en tu vida. PPTs como software》(这辈子别再做 PowerPoint 了:把 PPT 当软件做)。开头是设计师都懂的那种痛:
这些年,只要有人说要做个 ppt,我就冒冷汗……对设计师来说,控制不了字间距、行距、样式,做不到像素级精确,是最糟的挫败之一。
然后他讲了自己怎么把 Cristian Córdova 在 KERNEL PANIC #01(马德里的一场技术活动)上的演讲,从 Keynote 改成网页。还讲了一段引子:他在 LechazoConf 上看 @oyabun 演讲,那人耳朵里塞着节拍器,"知道什么时候该提、什么时候该收、什么时候说话、什么时候闭嘴"。所以他得出的结论是:一场演讲没有"页",只有"时刻",也就是一个个节拍(beat)。
他在文章里举的例子很具体:不要做"服务器""服务器+GPU""服务器+GPU+Kubernetes""再加 Cloudflare"四页,而是一个场景,讲到哪点一下,哪块就长出来。最后一下,整张图像 kernel panic 一样崩掉,黑屏半秒。
文章同时发到 LinkedIn,拿到 52 个反应、11 条评论。第一个 fork 出现在发文后一个多小时(GitHub,10-07 10:55 UTC)。
它到底做了什么
README 第一句就是它的口号:Talks as beats, not slides(演讲是节拍,不是幻灯片)。
- 点一下就是一个节拍。 画布固定 1920×1080,投影仪上不会错位;整场演讲的状态只有"第几场、第几拍",URL 里写
#3.4就一定是同一帧,不管你是往前点到的、往回退到的,还是刷新出来的。 - 断网也能讲。 字体、图片、二维码全都打包在本地,构建时只要有一处引用了网络,构建就直接失败。
- 上台用的工具。 演讲者窗口(当前和下一拍、备注、计时)、总览跳转、一键黑屏。
- agent 自检。
npm run verify把每一拍正着走一遍、倒着走一遍、再从 URL 刷新一遍,逐像素比对,有任何不一致就报错。 - 一个 Claude Code 技能。 从 PPTX 抽出原稿,先写一份内容清单,防止漏掉或编造,再排节拍、做场景,跑完 verify、逐帧看过才算完成。在 Claude Code 里两行命令就能装上。
真实案例就是那场 KERNEL PANIC 演讲:47 个节拍,架构图从一块 GPU 长到 Cloudflare + Kubernetes,最后 520 毫秒的崩溃切到全黑。引擎就是从这场演讲里抽出来的,在线 demo 挂在 GitHub Pages 上。
星是从哪来的
| 日期 | 累计星数 | 发生了什么 |
|---|---|---|
| 10-01 | 0 | 建库,当天发到 v0.5.1,此后主仓库没再提交 |
| 10-07 | — | 西语 X 长文 + LinkedIn,第一批 fork 当天出现 |
| 10-17 | 91 | 第一波基本到顶 |
| 10-17~11-03 | 91 → 101 | 半个月只涨 10 颗 |
| 11-04 | 107 | |
| 11-05 | 200 | 单日 +93 |
| 11-06 | 222 | 当天 GitHub 显示 228 |
(GitHub 星数,每日。)
第一波是作者自己的受众。 Borja 在 X 上有 7,707 个关注者,是西班牙一家云服务公司 Helmcode 的市场与社区负责人,还在运营 AI 社区 NaN Builders;他之前做的一个工具一个月有 2.55 万人用。10 月 7 日到 10 日的 9 个 fork,用户名大多是西语区的,和发文时间对得上。
第二波来源不明。 11 月 4 日到 5 日那 +99 星,没找到对应的帖子。Hacker News、Reddit 上都没有,英文搜索也没搜到直接提它的帖子。作者本人 11 月 6 日早上发帖:"不知道为什么点进 GitHub,突然看到一个仓库有 224 颗星、18 个 fork……我可不会开发啊各位。"这条帖子 2,717 次浏览,底下有人回:"你这分发能力,没谁了。"可见这一波不是他推的。11 月 1 日到 4 日新来的 fork 用户名已经不只是西语区的了,推测是某个没被收录的英文帖、newsletter,或者 GitHub 站内推荐(推断)。
长尾是各种技能目录自动收录。 skillsdirectory、clelp、SkillsLLM、日文的 AI 仓库索引站都收了它,ToseaAI 的 awesome-html-slide-skills 列表 11 月 2 日更新时把它排在第 19。这些带来的量都不大。
没出现的: 没上过 GitHub 全站或分语言的日榜,也没有媒体或英文大号报道。
谁在跟它抢
很挤。"让 agent 做网页幻灯片"是 2026 年最热的技能方向之一。
| 项目 | 上线 | 规模(星,11-06) | 和 beatdeck 的区别 |
|---|---|---|---|
| reveal.js | 2011 | 72.5k | 老牌 HTML 幻灯片框架,按页翻 |
| Slidev | 2021 | 49.4k | Markdown + Vue,开发者最爱;没有给 agent 用的审计和自检流程 |
| zarazhangrui/frontend-slides | 2026-01 | 31.9k(7 天 +386) | 赛道头部,agent 一句话出好看的单文件 HTML 页 |
| op7418/guizang-ppt-skill | 2026-04 | 29.3k | 中文圈头部,杂志风、瑞士风版式 |
| open-slide | 2026-04 | 9.7k | 定位最近:"为 agent 设计的幻灯片框架" |
| feitangyuan/onetake | 2026-09 | 3.8k | 也讲"每个 beat 从上一个长出来",但做的是视频 |
| Anthropic 官方 pptx 技能 | 2025 | 整个仓库 187k | 直接产出 PPTX |
| Gamma、Presentations.AI 等 | — | 千万级用户 | 网页一键生成,不碰代码 |
别人比的是"agent 能不能一句话做出好看的页面",beatdeck 比的是"这套东西能不能拿上台、不出错、跟得上你说话的节奏"。在内行眼里有记忆点,但放在一个头部已经 3 万星的赛道里,它是个小玩家。
它还有哪些没做好
- 10 月 1 日之后主仓库再没更新过。 反倒是一个 fork(juanjecilla/beatdeck)自己加了多语言、文本审计、版本发布,还每周同步上游,已经发到 v0.6.1。
- 用的人有多少不知道。 能看到的真实使用只有作者那场演讲、阿根廷一所大学 10 月 22 日的 agent 工作坊讲稿,和几个 fork。
- 门槛不低。 要会用 React、Node 和 agent,主要面向做技术演讲的人;代码是 MIT,但示例演讲里的素材不是。
如果是你
一句话判断: 再做一个"agent 做 HTML 幻灯片"的项目,基本拿不到星;这个项目值得学的是作者的发布套路,不是方向。
适合谁: 手里有一个具体行业或圈子(设计、运营、某个非英语开发者社区),在 X 或 LinkedIn 上有几千个关注者,用 agent 解决过自己工作里一件真实的烦心事的人。
不适合谁: 想在幻灯片赛道里正面挑战 frontend-slides、Slidev 的人;没有自己受众、指望项目自己冒出来的人。
怎么做:
- 先有一件真事,再抽成工具。beatdeck 是从一场真实演讲里抽出来的,文章讲的也是这场演讲,demo 就是现成的。
- 给老需求起个新名字。"beats, not slides"一句话就和满屏的"AI 做 PPT"区分开了;你的项目也要有一句能让人复述的口号。
- 把"agent 做完会自检"做进去。内容清单、逐帧校验这类东西,正好对上大家对 agent 产出不靠谱的担心,也让技术读者愿意点星。
- 换语言和人群做。西语、日语、葡语、中文圈各有自己的 AI 博主生态,一篇母语长文的冷启动比在英文圈发 Show HN 稳。
- 或者做它没做好的部分:持续更新、发版本、做多语言,或者给非技术用户做一个不用碰 Node 的版本。
怎么拿到 star: 用母语写一篇讲"我为什么受够了现状"的长文,文中放一个真实活动的完整案例和在线 demo,文末挂仓库;同步发 LinkedIn。仓库打上 claude-code、claude-skill 这类 topic,做成插件市场一键安装,让技能目录自动收录你。
什么时候之前: agent 技能目录和 awesome 列表还在大量自动收录新项目的这段时间,大致是接下来几个月;等目录饱和、官方技能覆盖了常见需求,长尾曝光就没了。
什么情况说明看错了: 母语长文发出一周,星数停在两位数、fork 寥寥;或者你一搜,自己那句口号对应的方向已经有几千星的项目——那就是名字不够新,或者受众不对。
研究底稿:竞品表、获客证据、完整研究报告
- 竞品
名字 在哪 上线 规模 它和这家不同在哪 zarazhangrui/frontend-slides 开源 2026-01 31.9k★ 它是 agent 一句话出好看的单文件 HTML 页面;beatdeck 侧重演讲节拍、确定性和上台可靠性 op7418/guizang-ppt-skill 开源 2026-04 29.3k★ 中文圈风格化 HTML 幻灯片 skill,主打版式美学;beatdeck 主打 beat 状态机和逐帧校验 open-slide/open-slide 开源 2026-04 9.7k★ 同样是为 agent 设计的幻灯片框架;beatdeck 多了 {scene,beat} URL 复现、演讲者视图和 verify Slidev 开源 2021 49.4k★ Markdown+Vue 开发者幻灯片;没有为 agent 准备的内容审计和自检工作流 reveal.js 开源 2011 72.5k★ 通用 HTML 幻灯片框架,以页为单位 feitangyuan/onetake 开源 2026-09-26 3.8k★ 也用 beat 的说法,但产出是 motion 视频不是现场演讲 Anthropic pptx skill 大厂功能 2025 anthropics/skills 187k★ 产出原生 PPTX;beatdeck 不要 PPT,直接做成网页软件 Gamma / Tosea / Presentations.AI 网页 — 千万级用户(Presentations.AI 自称 1200 万) 不碰代码一键生成;beatdeck 给用 agent 写代码做技术演讲的人 - 用户从哪来
- 查实 作者西语 X Article:2026-10-07 《No vuelvas a hacer un PowerPoint en tu vida. PPTs como software》附 repo,当天 10:55 起出现第一批 fork;有人转发全文(jgarcelan)
- 查实 LinkedIn 同文:同文 52 个反应、11 条评论,fork 作者 juanje-cilla 在评论区
- 查实 作者社区/雇主(Helmcode、NaN Builders):X 7,707 关注者;网友评论“tienes una distribución que pa qué”;作者此前的 ATS Killer 一个月 2.55 万人用
- 查实 skill 目录与 awesome 列表自动收录:skillsdirectory(Grade A)、clelp、claudepluginhub、agentskillshub、agents.nix bot、ToseaAI/awesome-html-slide-skills(11-02 排第 19)
- 查实 topic 趋势榜:encoreshao/github-trending 2026-10-08 react、claude-code topic 榜收录
- 推断 11-04~05 第二波(未知外部转发):单日 +93;作者 11-06 发帖说自己意外发现 224 star;HN、x-radar、Reddit、搜索引擎都没找到来源
beatdeck(borjaperfra/beatdeck)研究报告
渠道:GitHub · 研究日期 2026-11-06 · 数据卡 gh_borjaperfra/beatdeck
一句话
beatdeck 是一套把演讲做成"节拍"的 React 演示引擎:画布固定 1920×1080,点一下推进一个 beat,状态只有 {scene, beat},任何一帧都能用 URL 复现;完全离线,带演讲者视图、总览、调试面板,另附一个 Claude Code skill(building-a-beatdeck),由 agent 帮你从 PPTX/讲稿写出整场演讲。作者 Borja Pérez 是西班牙的设计师、营销与社区负责人(Helmcode 的 Marketing & Community Lead),自己说不会写代码。
结论
它不是靠产品本身在英文开源圈火起来的,靠的是作者在西语 AI 圈的个人分发:10-07 发了一篇西语 X 长文《No vuelvas a hacer un PowerPoint en tu vida. PPTs como software》,同步发到 LinkedIn,前 90 颗 star 和第一批 fork 都在这一波。11-04~11-05 第二波(单日 +93)来源没查到,作者 11-06 自己发帖说"突然看到 224 star,吓一跳",可见不是他主动推的。产品上的差异是"beat 而不是 slide"这套叙事,加上"确定性/离线/可验证"的工程纪律,让 agent 写出来的演示能在投影仪上可靠运行。这在 HTML 幻灯片 skill 这个已经很挤的赛道里讲得清楚,但规模还很小(228 star)。
数据(我们的库 github.repo_day + GitHub API,2026-11-06)
- 建库 2026-10-01,当天连推到 v0.5.1(此后主仓库没再 push,pushed_at 一直是 2026-10-01 18:55)。
- star:10-17 91 → 11-01 100 → 11-03 101 → 11-04 107 → 11-05 200(+93) → 11-06 222(GitHub API 实时 228)。近 7 天 +125,前 7 天 +3。
- fork 18 个。时间分两簇:10-07~10-10 有 9 个(AlonsoGD、eamarce、xoannova、gonzalodeniz、codebyclaudia、juanjecilla 等,多是西语用户),和 X 长文同一天开始;11-01~11-04 有 7 个(fjvela、kirolos-100、Mackbros、alahmadics、sergiotm87、SorensenThomas、Quejicus、amonterodel),用户名已经不只是西语区的。来源:GitHub forks API。
- 没上过 GitHub 全站或分语言的 daily trending(trending_days_any=0,库里规定建库不满约 60 天不收)。但 encoreshao/github-trending 在 2026-10-08 的 topic 榜(react、claude-code)里收了它(GitHub code search 命中
docs/topics/claude-code/2026/10/2026-10-08.csv)。 - 作者其他库:launch-video-kit 68★(Remotion 产品视频套件,西语)、write-like-yourself 6★、mondaybench 1★;GitHub 关注者 40。真正有受众的是他 X 账号的 7,707 关注者。
竞品(做"用代码/agent 做演示"的)
| 产品 | 形态 | 上线 | 规模(github 库 2026-11-06) | 和 beatdeck 的区别 |
|---|---|---|---|---|
| reveal.js | 开源 HTML 幻灯片框架 | 2011 | 72.5k★ | 老牌通用框架,以"页"为单位,不内置 agent 工作流 |
| Slidev | 开源 Markdown+Vue 幻灯片 | 2021 | 49.4k★ | 面向开发者的 Markdown 幻灯片,有 click 动画,但没有"状态可从 URL 复现 + 离线校验"这一套 |
| impress.js / Spectacle / Marp | 开源 | 2011/2015/2018 | 38k / 10k / 12.7k★ | 传统 HTML/React/Markdown 幻灯片 |
| zarazhangrui/frontend-slides | Claude Code skill | 2026-01 | 31.9k★(+386/7d) | 赛道头部:agent 生成单文件 HTML 幻灯片,追求好看;beatdeck 侧重演讲节奏和运行可靠性 |
| op7418/guizang-ppt-skill | agent skill | 2026-04 | 29.3k★ | 中文圈头部,杂志/瑞士风格 HTML 幻灯片 |
| open-slide/open-slide | "为 agent 设计的幻灯片框架" | 2026-04 | 9.7k★ | 定位最接近(框架+agent);beatdeck 多了 beat 状态机、演讲者视图和 verify 逐帧校验 |
| nicobailon/visual-explainer、lewislulu/html-ppt-skill、dashi-ppt-skill | agent skill | 2026 | 9k~10k★ | 主题/版式库型 skill |
| feitangyuan/onetake | agent 做 motion 影片 | 2026-09-26 | 3.8k★ | 用的也是"每个 beat 从上一个长出来"的说法,但产出是视频不是现场演讲 |
| Anthropic 官方 pptx skill(anthropics/skills) | 大厂功能 | 2025 | 187k★(整个仓库) | 产出原生 PPTX;beatdeck 直接不要 PPT |
| Gamma、Tosea、Presentations.AI 等 | 网页 SaaS | — | 千万级用户(Presentations.AI 自称 1200 万) | 一键生成、不碰代码;beatdeck 给愿意用 agent 写代码、做技术演讲的人 |
结论:赛道非常挤,头部 skill 已经是 3 万级 star。beatdeck 在里面是小玩家。
增长手段(证据)
- 作者本人的西语 X 长文 + LinkedIn(已确认)。2026-10-07 09:38 UTC 发 X Article《No vuelvas a hacer un PowerPoint en tu vida. PPTs como software》(https://x.com/borjaperfra/status/2107767562020761763),用设计师"恨 PPT"的情绪开头,借 @oyabun 在 LechazoConf 戴节拍器演讲的故事引出"beats"的概念,拿 Kernel Panic #01 上 Cristian Córdova(Helmcode)的真实演讲做案例,最后附 repo。同文发在 LinkedIn,52 个反应、11 条评论(fork 作者 juanje-cilla 也在评论区)。当天就有人转发全文(x.com/jgarcelan/status/2107800564641701895)。第一批 fork 从 10-07 10:55 开始,和发文时间对得上。
- 作者的社区和雇主背书(已确认):Helmcode 和 NaN Builders 社区(nan.builders),作者此前做的 ATS Killer 一个月有 2.55 万人用(他 2026-06-16 的 X 帖)。11-06 有网友在他帖子下评论"Cabrón es que tienes una distribución que pa qué"(你这分发能力没谁了)。
- skill 目录和 awesome 列表自动收录(已确认,作用小):skillsdirectory.com(评级 Grade A)、clelp.ai、claudepluginhub、skillsllm、agentskillshub.top(SAFE)、sudosubin/agents.nix 的机器人 PR、ToseaAI/awesome-html-slide-skills(2026-11-02 更新时排第 19,配了 demo 图,当时写 ⭐100)、zhuyansen/awesome-codex-ppt-skills。这些列表本身 star 不多(190、41),带来的量有限。
- 10-08 上了 topic 趋势榜(已确认):encoreshao/github-trending 10-08 的 react、claude-code topic 榜。
- 11-04~05 第二波(来源未确认):+6、+93、+22。作者 11-06 08:03 UTC 发帖说"No sé para qué iba a entrar en mi GitHub y de repente veo que tengo un repo con 224 estrellas"(https://x.com/borjaperfra/status/2118615285385093605),说明不是他主动推的。查过 HN(Algolia,没有)、x-radar 本地语料(没有)、Reddit、Exa/Jina/Brave(没有直接提到它的英文帖)。11-02 Tosea 的 awesome 列表更新,以及 11-03 Tosea 在 X 发的"10 Best Claude Code Skills for PowerPoint"长文(beatdeck 不在 10 个之内)时间接近,但量对不上。11-01~04 那批 fork 用户名国际化,推测是某个没被索引的英文/阿语帖、newsletter 或 GitHub 站内推荐。
为什么能起来
- 作者有现成的受众,而且会写:7.7k 关注的西语 AI 圈 KOL,用"PPT 让设计师痛苦"的故事 + 真实活动案例(KERNEL PANIC #01 马德里)来讲,比干巴巴一个 repo 好传。
- "Talks as beats, not slides"一句话就能记住:把 agent 生成 HTML 幻灯片这个老需求,换成"演讲的节奏"这个新叫法。和 frontend-slides 那类"生成好看的页"拉开了区别。
- 工程做得扎实,值得 star:
{scene,beat}确定性状态、URL 复现每一帧、npm run build发现联网引用直接失败、npm run verify逐帧正走/倒走/刷新对比像素、演讲者窗口走 BroadcastChannel、init/upgrade脚手架,还有 Claude 插件 marketplace 一键装。读了会觉得"是能拿去上台用的"。 - 有真实生产案例:examples/kernel-panic 47 个 beat,是这个引擎抽出来的源头,在线 demo 挂在 GitHub Pages。
- 赶上 Claude Code skill / 插件的热潮:topics 打了 claude-code、claude-skill,被各种 skill 目录自动收录,长尾曝光不用花钱。
差异化
和 HTML 幻灯片 skill 们(frontend-slides、guizang 等)比:它们比的是"agent 一句话出一套好看的页面";beatdeck 比的是"现场演讲的可靠和节奏",包括按 beat 推进、确定性、离线、演讲者视图、逐帧自动校验。和 reveal.js/Slidev 比:多了一套给 agent 用的工作流(内容审计、防遗漏防编造、验证后才算完成)。这些差异让它在内行人眼里有记忆点,但它跑出来主要靠作者分发,差异化是次要原因。11-05 那波如果来自某个英文大号,那很可能是"beats 不是 slides"这个说法本身被转了。
被看见程度
小圈子里在传。主要在西语 AI 圈(作者 X 长文、LinkedIn 52 个反应);英文圈只有 skill 目录和 awesome 列表的自动收录,没有 HN、媒体或大号报道。不涉及收入。
跟风
没发现直接抄概念的。有积极的衍生 fork:juanjecilla/beatdeck 在自己的 fork 里加了 i18n、文字审计、tags/Releases 和每周同步上游(发到 v0.6.1),还另开 juanjecilla/slideshow 在用 beatdeck 组件。UNRaf-PROGRAMACION/workshop-agentes-unraf(阿根廷大学的 workshop,10-22)直接拿 beatdeck 做了讲稿。
可借鉴
- 开源工具 + 一篇母语长文讲"我为什么恨现状",再配一个真实活动案例,冷启动比 Show HN 更稳。
- 给常见需求起个新的心智名(beats vs slides),一句话就能和赛道头部区分开。
- skill 带上 verify/审计脚本,强调"agent 做完要自检",正好戳中大家对 agent 产出不可靠的担心。
- topics 打 claude-code/claude-skill、做 plugin marketplace,能被几十个 skill 目录自动收录。
不确定
- 11-04~05 +93 的具体来源(没找到帖子;GitHub stargazer 时间戳接口我们的 token 拿不到)。
- X 长文的浏览量和点赞数(没抓到)。
- 实际有多少人拿它上台演讲(star ≠ 使用,目前能看到的是作者、Kernel Panic、UNRaf workshop 和几个 fork)。
出处
- github.com/borjaperfra/beatdeck(README、forks、issues、commits API)
- x.com/borjaperfra/status/2107767562020761763(2026-10-07 X Article)
- x.com/borjaperfra/status/2118615285385093605(2026-11-06 作者对 star 的反应)
- x.com/borjaperfra(个人资料:7,707 关注者,Helmcode)
- es.linkedin.com/posts/borjaperfra_no-vuelvas-a-hacer-un-powe…
- github.com/ToseaAI/awesome-html-slide-skills 、github.com/zhuyansen/awesome-codex-ppt-skills
- x.com/ai_tosea/status/2117444964770849105
- www.skillsdirectory.com/skills/borjaperfra-building-a-beatde… 、clelp.ai/skill/borjaperfra-beatdeck
- github.com/juanjecilla/beatdeck 、github.com/UNRaf-PROGRAMACION/workshop-agentes-unraf
- 我们的库:github.repo_day / repo_profile(2026-11-06),hackernews.story、x.post(都查不到)