企业官网建设流程全解析

open-slide Agent原生工作流揭秘：/create-slide如何用一句话生成整套幻灯片

【免费下载链接】open-slideA slide framework built for agents.项目地址: https://gitcode.com/gh_mirrors/op/open-slide

open-slide 是一个为 AI 编码 Agent 而生的幻灯片框架：你只需输入一句自然语言，Agent 就会替你写好整套 React 幻灯片。它的核心入口技能/create-slide能从一行提示词出发，自动完成主题选择、风格确认、结构规划，直到写出一个可直接预览的完整 Deck——全程无需手写样板代码。本文带你拆解这套 Agent 原生工作流的完整机制。

为什么 Agent 能写好幻灯片？

传统幻灯片工具的痛点是"设计门槛高"，而 open-slide 的思路是：幻灯片本质是视觉代码，Agent 恰好擅长写代码。框架把画布、缩放、翻页、热更新、演示模式全部托管，Agent 只专注内容本身。

每个页面渲染进固定的1920 × 1080画布，页面就是普通的 React 组件，不受受限 DSL 约束。框架还内置了一套"硬规则 + 技能"体系（见 AGENTS.md）：

• 幻灯片只能放在slides/<kebab-case-id>/下，入口是index.tsx
• 不许改package.json、open-slide.config.ts，不许乱装依赖
• 这些约束防止 Agent 误装 UI 库或破坏其他 Deck

/create-slide 一句话生成幻灯片全流程

官方文档对这个技能的概括很精炼：

/create-slide for "Q2 launch — 3 chapters, mixed text density, subtle motion, dark aesthetic"

输入一行话，Agent 会按 8 个步骤走完整个创作流程（完整规则见 create-slide SKILL.md）：

四个范围问题：生成前的关键决策

/create-slide最讲究的一步是写代码前先问清楚——Agent 会一次性抛出四个问题，锁死所有下游决策：

1. 美学方向——不是固定预设，而是针对你的主题定制 3 个"氛围词 + 具体视觉线索"的选项，并标注推荐项
2. 页数——3–5 页（短）、6–10 页（标准）、11–20 页（深入）
3. 每页文字密度——极简（一句话/大数字）、轻量、标准、高密度
4. 动效——静态、微妙（仅淡入）、丰富（关键帧、错峰揭示）

提前锁定这四点，能避免生成后大改。如果第 1 步选了主题，美学方向直接沿用主题，只问剩下三个。

生成结果：从 Prompt 到可演示的 Deck

Agent 交付的是一份可直接运行的slides/<id>/index.tsx：每个页面一个组件、一个meta导出、资源从slides/<id>/assets/引入。开发服务器热重载，改完即见。下图是一次真实运行——Agent 汇报生成了 5 页幻灯片，右侧预览区直接渲染出成品，底部还带有演讲者备注。

生成只是起点。open-slide 还提供配套闭环：

• 🎯浏览器检查器——点击页面任意元素加批注（"改红色"、"标题缩小"），批注持久化为源码标记，运行/apply-comments让 Agent 逐条应用
• 🎨主题系统——用/create-theme把喜欢的 Deck 提炼成可复用主题，下次一句话引用
• 🎬演示模式——全屏播放、键盘翻页、演讲者视图带计时器，见 present-mode 文档
• 📦静态导出——一条命令导出独立 HTML 站点或 PDF，直接分享

三步上手 open-slide

npx @open-slide/cli init my-deck cd my-deck npm run dev

脚手架会生成一个开箱即用的工作区：slides/示例、themes/、预装好的 Agent 技能（.agents/skills/）、AGENTS.md规则文件。详见 getting-started 文档。

随后用任意支持技能的 Agent（Claude Code、Codex、Cursor、Windsurf、Zed 等）打开工作区，输入/create-slide for "你的主题"即可。框架与 Agent 完全解耦——Agent 需要做的只有三件事：读规则、找技能、改文件，没有任何专属 SDK。

内置的 5 个 Agent 技能一览

总结

open-slide 把"做 PPT"从设计问题变成了工程问题：/create-slide用一句自然语言触发，Agent 按内置工作流完成选主题、问需求、规划结构、写代码、自检的全流程，你只需在浏览器里看效果、点元素加批注、让 Agent 继续改。适合不想碰 Keynote/PowerPoint、又想让 AI 直接产出高质量演示文稿的团队和个人。更多细节可查阅 skills 总览文档 与 仓库说明。

【免费下载链接】open-slideA slide framework built for agents.项目地址: https://gitcode.com/gh_mirrors/op/open-slide