一个由 AI 智能体编写的 React 优先幻灯片框架。每个页面都是 1920×1080 画布上的任意代码——版本控制、可审查,完全由您掌控。
3步搞定:
1.初始化幻灯片:只需一条命令即可启动 slides/ 目录、open-slide.config.ts 文件以及一个热重载的开发服务器。无需模板、主题或任何预设。
2.询问您的智能体:您的智能体会将页面绘制成任意 React 组件。您只需提供提示,它就会将文件写入磁盘。
3.编辑、评论、应用 切换检查模式:点击元素即可进行视觉调整,将图片拖放到资源面板中,或留下 @slide-comment 注释。会批量保存您的编辑;/apply-comments 命令允许智能体重写剩余部分。
示例:
亮点
🤖 代理原生创作
支持任何编码代理(Claude Code、Codex、Cursor 等)。具备内置技能的脚手架船:
- /create-slide — 从头到尾草稿。问四个范围问题(主题与美学、页数、文本密度、动态与静态),选定ID,规划结构,并撰写页面。
- /slide-authoring — 1920 × 1080 画布、字体比例、调色板和布局规则的技术参考。代理在写入前会阅读此内容。
从一句话提示到一副打磨得精致的牌组,没有模板。
浏览器内检查器
点击开发服务器中的任意元素并附加评论——“让这个变红”、“改成'打开幻灯片岩石”、“缩小标题”。评论会作为标记在源代码中持久保存。运行后,代理会应用所有待处理的编辑,然后清除标记。@slide-comment/apply-comments
循环:呈现→点击评论→ →重复。/apply-comments
资产管理 + SVGL 标志搜索
通过内置的资产面板管理每副牌组的图片、视频和字体。通过集成的 svgl 目录搜索并插入任何品牌标志——无需再寻找 SVG。
职业呈现模式
全屏播放带键盘导航,还有演示者模式,包含当前/下一幻灯片预览、扬声器说明和计时器。它为舞台设计,而不仅仅是浏览器标签页。
导出为静态HTML和PDF
一个命令可以导出你的牌组,作为一个独立的静态HTML站点或打印准备好的PDF。无需服务器即可分享。
幻灯片管理器
将牌组整理成文件夹,带有自定义表情符号和拖放功能以便重新排序。当你组建了超过三副牌组、需要找任何东西时,这很有用。
部署友好
输出一个纯静态构建——一键部署到 Vercel、Cloudflare Pages、Zeabur、Netlify 或任何静态主机。没有服务器,没有运行时,没有锁定。
github开源地址: https://github.com/1weiho/open-slide