open-slide Agent原生工作流揭秘/create-slide如何用一句话生成整套幻灯片【免费下载链接】open-slideA slide framework built for agents.项目地址: https://gitcode.com/gh_mirrors/op/open-slideopen-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步骤动作说明1️⃣ 选主题列出themes/下的主题让你挑选中后主题文件即为视觉权威2️⃣ 确认需求问 4 个关键问题美学方向、页数、文字密度、动效3️⃣ 定 ID起一个 kebab-case 短 ID如q2-roadmap避免撞名4️⃣ 规划结构按封面/目录/正文/结尾排页面每页只讲一个想法5️⃣ 定视觉方向统一调色板、字号阶梯、网格写入design设计令牌6️⃣ 写代码逐页生成slides/id/index.tsx参考 slide-authoring SKILL.md 技术规范7️⃣ 自检对照检查清单逐条验证版式、溢出、资产是否存在8️⃣ 交付告知路径热更新即时预览打开localhost:5173/s/id即可四个范围问题生成前的关键决策/create-slide最讲究的一步是写代码前先问清楚——Agent 会一次性抛出四个问题锁死所有下游决策美学方向——不是固定预设而是针对你的主题定制 3 个氛围词 具体视觉线索的选项并标注推荐项页数——3–5 页短、6–10 页标准、11–20 页深入每页文字密度——极简一句话/大数字、轻量、标准、高密度动效——静态、微妙仅淡入、丰富关键帧、错峰揭示提前锁定这四点能避免生成后大改。如果第 1 步选了主题美学方向直接沿用主题只问剩下三个。生成结果从 Prompt 到可演示的 DeckAgent 交付的是一份可直接运行的slides/id/index.tsx每个页面一个组件、一个meta导出、资源从slides/id/assets/引入。开发服务器热重载改完即见。下图是一次真实运行——Agent 汇报生成了 5 页幻灯片右侧预览区直接渲染出成品底部还带有演讲者备注。生成只是起点。open-slide 还提供配套闭环浏览器检查器——点击页面任意元素加批注改红色、标题缩小批注持久化为源码标记运行/apply-comments让 Agent 逐条应用主题系统——用/create-theme把喜欢的 Deck 提炼成可复用主题下次一句话引用演示模式——全屏播放、键盘翻页、演讲者视图带计时器见 present-mode 文档静态导出——一条命令导出独立 HTML 站点或 PDF直接分享三步上手 open-slidenpx open-slide/cli init my-deck cd my-deck npm run dev脚手架会生成一个开箱即用的工作区slides/示例、themes/、预装好的 Agent 技能.agents/skills/、AGENTS.md规则文件。详见 getting-started 文档。随后用任意支持技能的 AgentClaude Code、Codex、Cursor、Windsurf、Zed 等打开工作区输入/create-slide for 你的主题即可。框架与 Agent 完全解耦——Agent 需要做的只有三件事读规则、找技能、改文件没有任何专属 SDK。内置的 5 个 Agent 技能一览技能职责/create-slide从零起草整套 Deck 的入口工作流/slide-authoring技术参考画布、字号、调色板、版式规则写码前必读/apply-comments处理检查器批注标记应用每处编辑/create-theme从现有 Deck 提炼可复用主题/current-slide把这一页等指代解析为具体 slideId pageIndex总结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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 open-slide Agent原生工作流揭秘：/create-slide如何用一句话生成整套幻灯片
open-slide Agent原生工作流揭秘/create-slide如何用一句话生成整套幻灯片【免费下载链接】open-slideA slide framework built for agents.项目地址: https://gitcode.com/gh_mirrors/op/open-slideopen-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步骤动作说明1️⃣ 选主题列出themes/下的主题让你挑选中后主题文件即为视觉权威2️⃣ 确认需求问 4 个关键问题美学方向、页数、文字密度、动效3️⃣ 定 ID起一个 kebab-case 短 ID如q2-roadmap避免撞名4️⃣ 规划结构按封面/目录/正文/结尾排页面每页只讲一个想法5️⃣ 定视觉方向统一调色板、字号阶梯、网格写入design设计令牌6️⃣ 写代码逐页生成slides/id/index.tsx参考 slide-authoring SKILL.md 技术规范7️⃣ 自检对照检查清单逐条验证版式、溢出、资产是否存在8️⃣ 交付告知路径热更新即时预览打开localhost:5173/s/id即可四个范围问题生成前的关键决策/create-slide最讲究的一步是写代码前先问清楚——Agent 会一次性抛出四个问题锁死所有下游决策美学方向——不是固定预设而是针对你的主题定制 3 个氛围词 具体视觉线索的选项并标注推荐项页数——3–5 页短、6–10 页标准、11–20 页深入每页文字密度——极简一句话/大数字、轻量、标准、高密度动效——静态、微妙仅淡入、丰富关键帧、错峰揭示提前锁定这四点能避免生成后大改。如果第 1 步选了主题美学方向直接沿用主题只问剩下三个。生成结果从 Prompt 到可演示的 DeckAgent 交付的是一份可直接运行的slides/id/index.tsx每个页面一个组件、一个meta导出、资源从slides/id/assets/引入。开发服务器热重载改完即见。下图是一次真实运行——Agent 汇报生成了 5 页幻灯片右侧预览区直接渲染出成品底部还带有演讲者备注。生成只是起点。open-slide 还提供配套闭环浏览器检查器——点击页面任意元素加批注改红色、标题缩小批注持久化为源码标记运行/apply-comments让 Agent 逐条应用主题系统——用/create-theme把喜欢的 Deck 提炼成可复用主题下次一句话引用演示模式——全屏播放、键盘翻页、演讲者视图带计时器见 present-mode 文档静态导出——一条命令导出独立 HTML 站点或 PDF直接分享三步上手 open-slidenpx open-slide/cli init my-deck cd my-deck npm run dev脚手架会生成一个开箱即用的工作区slides/示例、themes/、预装好的 Agent 技能.agents/skills/、AGENTS.md规则文件。详见 getting-started 文档。随后用任意支持技能的 AgentClaude Code、Codex、Cursor、Windsurf、Zed 等打开工作区输入/create-slide for 你的主题即可。框架与 Agent 完全解耦——Agent 需要做的只有三件事读规则、找技能、改文件没有任何专属 SDK。内置的 5 个 Agent 技能一览技能职责/create-slide从零起草整套 Deck 的入口工作流/slide-authoring技术参考画布、字号、调色板、版式规则写码前必读/apply-comments处理检查器批注标记应用每处编辑/create-theme从现有 Deck 提炼可复用主题/current-slide把这一页等指代解析为具体 slideId pageIndex总结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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考