看起来精心设计的 deck,由一句 prompt 写出来
把大纲和语气交给 agent。Open Design 套用 deck 模板和视觉系统,每一页都排好版、配好字、贴合品牌——不是空白底上的一串要点。
一句话
Open Design 把大纲变成有设计感的 HTML deck,由 agent 一次生成——浏览器里全屏演示、导出 PDF 或 PPTX、源文件留在 repo。
用 Open Design 做 deck 的流程
- 01
给它大纲
粘贴你的要点或粗略结构。agent 加载 deck skill,产出一连串排好版的幻灯片,而不是一篇长文档。
- 02
选一个 deck 风格
Open Design 自带 deck 模板——编辑风、瑞士国际主义、深色技术风等。agent 套用其中一个,字体、网格、强调色在每页之间保持一致。
- 03
生成幻灯片
每个要点变成一页有层次的幻灯片——标题、辅助视觉、数据高亮。渲染成 HTML,任何浏览器都能全屏演示。
- 04
演示、导出、迭代
从浏览器演示,或导出 PDF / PPTX 分享。靠跟 agent 对话来改——"收紧数据页、加一个结尾行动号召"。deck 源文件留在你的项目里。
你能演示什么
演示文稿 查看完整提示词 → Html Ppt 融资演示
投资级 10 页 HTML 融资演示模板——白色 + 蓝紫渐变主视觉,大数字展示,增长柱状图,450 万美元融资需求页。适用于制作融资演示、种子轮路演或 VC 会议幻灯片。
演示文稿 查看完整提示词 → Html Ppt 产品发布
发布主题演示文稿 — 深色主视觉 + 浅色内容,暖橙到桃色强调色,功能卡片,价格层级,行动号召。适用于产品发布、功能上线或主题演讲式揭晓。
演示文稿 查看完整提示词 → Html Ppt Graphify Dark Graph
暗底知识图谱 deck — #06060c→#0e1020 深夜渐变 + 漂浮 blur orbs、封面 SVG 力导向图谱、彩虹渐变标题、JetBrains Mono 命令行高亮、glass-morphism 卡片。适合 dev-tool / CLI / 知识图谱 / 数据可视化的发布会,'AI-native + 科幻 + 暖色' 调子。
演示文稿 查看完整提示词 → Html Ppt 知识架构蓝图
奶油蓝图架构 deck — 奶油纸 #F0EAE0 底色 + 单一锈红 #B5392A 高亮、48px 蓝图网格 mask、2px 黑边硬卡片、pipeline 步骤盒(其中一个抬高)、右侧锈红 insight callout、Playfair 衬线大字、SVG 虚线反馈环。零渐变零软阴影,认真且印刷友好。
演示文稿 查看完整提示词 → 瑞士国际主义 Deck
16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)
演示文稿 查看完整提示词 → Html Ppt Obsidian Claude Gradient
GitHub 暗紫渐变幻灯片主题,采用 GitHub-dark #0d1117 背景、紫蓝径向环境光、60px 网格遮罩、居中布局、紫色药丸标签、三色渐变标题(#a855f7→#60a5fa→#34d399)、GitHub 风格代码配色和紫色左边框高亮块。适合开发者工作流、MCP、Agent 和开发工具教程。
演示文稿 查看完整提示词 → Html Ppt Zhangzara 粗体海报
粗体海报 — 编辑海报美学,采用大型 Shrikhand 展示字体和单一消防红重点色。适用于需要如杂志封面般呈现的内容:品牌宣言、创始人愿景演示、编辑/文化提案、创意评审。
演示文稿 查看完整提示词 → Html Ppt Zhangzara Biennale Yellow
双年展黄色主题 — 温暖羊皮纸底色配太阳黄,搭配深靛蓝衬线字体和大气阳光渐变效果。适用于艺术双年展海报、博物馆年度计划、展览演示文稿、艺术机构公告、设计会议手册、策展方案、文学出版物、工作室回顾展等场景。
演示文稿 查看完整提示词 → 投行路演材料
投资银行战略方案路演材料,包含可比公司分析、先例交易、估值区间、DCF敏感性分析、战略选项矩阵和流程建议。基于 assets/template.html 构建,保留投行专用格式、披露条带和数据来源标签。适用于董事会和卖方讨论材料。
用 Open Design 做 deck vs. 老办法
| 你需要什么 | 用 Open Design | PowerPoint / Keynote / AI 幻灯工具 |
|---|---|---|
| 从大纲到幻灯片 | ●一句话,agent 排布每一页 | 一页页手搭,或跟模板较劲 |
| 一致的设计 | ●deck 模板带真实网格和字体系统 | 主题跑偏、手动对齐、默认样式不贴品牌 |
| 数据与图示 | ●图表和高亮作为幻灯片的一部分渲染 | 贴静态图,或每次重建图表 |
| 导出格式 | ●HTML 演示,外加 PDF / PPTX 导出 | 锁在某个软件的格式里 |
| review 与版本化 | ●源文件在 repo 里,可 diff | 二进制文件,无法有意义地 diff |
| 成本与锁定 | ●开源、自带密钥、本地运行 | 软件授权或按席位的 AI 附加费 |
下面是从大纲渲染出的真实 deck。挑一个接近你演讲风格的,描述内容。
幻灯片常见问题
-
01 需要 PowerPoint 或 Keynote 吗?
不需要。Open Design 在你的编码 agent 里把 deck 渲染成 HTML,还能导出 PDF 或 PPTX。你从浏览器演示或交付文件——做的时候不需要任何演示软件。
-
02 这只是 AI 生成的要点吗?
不是。agent 套用带网格、字号体系和视觉层次的真实 deck 模板,幻灯片看起来是设计出来的,而不是自动填的。
-
03 能导出 PowerPoint 给客户吗?
能。deck 除了用来演示的 HTML,还能导出 PPTX 和 PDF,适配观众的预期。
-
04 可以用哪些 agent?
Claude Code、Codex、Cursor Agent、Gemini CLI 等一方适配,自带 provider 密钥。
今晚就把下一个 deck 做出来
给 repo 点个 star、装上 Open Design,把你的大纲变成有设计感的 deck——在你本来就用的 agent 里。