Show HN: Bento - 一个HTML文件搞定整个PPT(编辑、查看、数据、协作)
摘要
Bento是一个单一的HTML文件,它作为一个完整的幻灯片工具,支持编辑、查看、动画和实时协作,无需依赖云端或安装。
<p>在过去的几个月里,我们的团队越来越多地使用网页前端技术和Claude Code等编码工具来构建幻灯片,但一个常见的抱怨是,即使进行微小修改,我们也需要手动或通过工具编辑代码。</p><p>为了避免这种循环,我创建了Bento——一个单一的HTML文件,包含了幻灯片工具所需的一切,包括动画和共享编辑。无需安装或云端登录,一切都能离线工作。默认幻灯片文件大约560 KB,一旦获取后便无需再加载任何内容。</p><p>在浏览器中打开它,你就可以编辑、演示、打印和保存。通过电子邮件或AirDrop分享,对方只需一个浏览器即可编辑、演示并进行实时协作。将其放入Claude或ChatGPT中,即可将现有的pptx文件转换为Bento幻灯片。不涉及云端,仅通过一个加密的盲中继来实现共享编辑。该中继站无法看到任何数据。</p><p>访问 <a href="https://bento.page/slides/" rel="nofollow">https://bento.page/slides/</a> 即可直接进入编辑器。</p><p>前往 <a href="https://bento.page/guestbook/" rel="nofollow">https://bento.page/guestbook/</a> 尝试实时留言板,体验共享编辑/协作。</p><p>网站上还有一个示例幻灯片画廊 - <a href="https://bento.page/" rel="nofollow">https://bento.page/</a></p><p>所有代码均采用MIT许可,你可以在此处找到 - <a href="https://github.com/nyblnet/bento" rel="nofollow">https://github.com/nyblnet/bento</a>。我使用了reveal.js以及其他几个库(包括一些自制的库)和Claude Code。</p>
相似文章
HTML AI PPT - 本地优先的AI幻灯片生成与编辑器
一款本地优先的AI幻灯片生成器,支持离线使用自有模型,兼容主流中文AI服务及基于HTML的演示文稿。
@Designarena: https://x.com/Designarena/status/2069512922230083691
DesignArena 开源了一个 Python 库,利用无头 Chromium 将 HTML/CSS 转换为可编辑的 PowerPoint 文件,并分享了从生成超过5万张AI幻灯片中积累的经验。
@aiwarts: https://x.com/aiwarts/status/2070137056144019720
开源了Humanize PPT,一个为演讲设计的HTML PPT技能。它通过AST(Audience, State, Transfer)逻辑重新编排大纲,配合下游渲染技能生成真正可用于演讲的PPT,解决信息分配不均、内容空洞等问题。
@leeoxiang: HTML 做 PPT 这波太火了。 但我发现:居然没人来做“好看卡片”的生成器? 于是周末撸了一个,11个主题,8000+主题 x 设计语言组合。 一键生成小红书 / 小绿书 / 即刻 / X 卡片。
作者发现HTML做PPT很火,但缺少好看的卡片生成器,于是周末开发了一个工具,支持11个主题和8000多种主题x设计语言组合,可一键生成小红书、小绿书、即刻、X等平台的卡片。
@NFTCPS: 刚挖到一个开源项目,用React框架直接写PPT,整个工作流就是为AI Agent量身定做的。兄弟,这个路子比你用HTML硬凑PPT靠谱多了。 React组件多到爆炸,扩展性吊打HTML,各种图表库随便插,技术PPT直接起飞。 自带可视化…
发现开源项目open-slide,使用React框架创建PPT,工作流专为AI Agent设计,支持自然语言生成幻灯片、可视化编辑器和品牌Logo集成。