下载

模板.

Agent 生成的可复刻交付物 — 原型、幻灯片、图像和视频模板。使用本地 agent 在你自己的密钥上运行；所有提示词、海报和示例 HTML 都基于 Apache-2.0 许可证开源。

演示文稿
@lewislulu Open Design
查看完整提示词 →

学术论文风

「学术论文风」幻灯片主题：纸白 #fdfcf8 底色全衬线排印（Latin Modern Roman，Playfair Display 兜底），墨黑正文 + 链接蓝 #1a3a7a 下划线引用锚点 + 斜体 kicker，零圆角近零阴影，双规则线扉页、带编号的 Figure/Table 图注与 booktabs 三线表。零依赖单文件 HTML，键盘导航 + hash 直达——适合学术会议报告、论文答辩、研究评审与组会分享。移植自 lewislulu/html-ppt-skill 的 academic-paper 主题。
使用此模板
演示文稿
@alchaincyf Open Design
查看完整提示词 →

年度信笺

Stripe 年度信流派的单文件 HTML 幻灯片：奶白 #FBFAF8 纸面 + 单一 Stripe 紫 #635BFF 点睛，衬线散文体段落控制在 65ch 出版物行宽，内联数据卡嵌进正文流，超大 tabular display 数字锚点页穿插——「散文流 + 内联数据卡」的年度信文体，用段落而不是 bullet 说话。Based on alchaincyf/huashu-design editorial-longform（design-styles.md 安静派 · 杂志编辑长文流）。
使用此模板
演示文稿
@alchaincyf Open Design
查看完整提示词 →

便当格洞见

Apple Keynote/QBR 流派便当格幻灯片：#F5F5F7 浅灰与奶白底、不等高圆角卡片网格（1px 细描边 + 微阴影）、每卡一个洞见（巨型 Geist Mono 等宽数字 / 线性 SVG 图标 / SVG sparkline）、超大 display 标题强字重对比、Inter/Geist 字体、1920×1080 固定画布、零外部 JS 依赖。基于花叔 huashu-design design-styles.md「Bento便当格模块网格」规格（中性派 · 还原95%）按 spec 生成完整多章节 deck。
使用此模板
游戏 UI - 古代中国开放世界 MMO HUD 预览 图像
@open-design-contributors Open Design
查看完整提示词 →

游戏 UI - 古代中国开放世界 MMO HUD

生成古代中国题材 AAA 级开放世界 MMO 游戏的 HUD 界面截图样机，采用 Black Myth: Wukong 风格的电影级写实画面。包含完整的 MMO HUD 元素：角色头像、血条法力条、技能快捷栏（中文书法风格图标）、小地图、任务追踪面板、聊天窗口和 NPC 名牌等，16:9 比例，适用于游戏宣发和展示。
使用此模板
演示文稿
@alchaincyf Open Design
查看完整提示词 →

黄金圆环图解

Sinek/TED 流派的「单图母图概念图解」幻灯片：极简暖白纸底 + 墨黑 + 唯一金色强调 #E8860C（含同色系浅阶），一个嵌套同心圆 WHY/HOW/WHAT 几何母图（纯 border-radius div 绘制）以填充/高亮/灰化/描边四种模式贯穿整套 deck；大写 Jost 标签嵌入图形、Manrope 标题、由内向外箭头，零图表、零图片素材。基于花叔 huashu-design design-styles.md 中性派「单图母图概念图解」规格生成完整多章节 deck。
使用此模板
Hyperframes 预览 视频
@open-design Open Design
查看完整提示词 →

Hyperframes

使用 HyperFrames HTML 创建视频合成、动画、标题卡、叠加层、字幕、配音、音频响应式视觉效果和场景转场。支持构建 HTML 视频内容、添加音频同步字幕、生成语音合成旁白、创建音乐驱动的动画效果（节拍同步、发光、脉冲）、添加动画文本高亮（标记扫描、手绘圆圈、爆发线、涂鸦、素描）以及场景转场效果（淡入淡出、擦除、显示、着色器转场）。
使用此模板
信息图 - 御宅族舞蹈动作分解（极乐净土，16格） 预览 图像
@open-design-contributors Open Design
查看完整提示词 →

信息图 - 御宅族舞蹈动作分解（极乐净土，16格）

一张2:3竖版海报，由4×4网格的16个方形面板组成，展示日本御宅族热门舞曲《极乐净土》的完整舞蹈动作分解。每个面板展示同一位半写实风格动漫偶像少女（粉色双马尾，水手服校园偶像制服）的标志性舞蹈姿势，专为AI视频生成设计的姿势参考图，适配gpt-image-2，2:3比例。
使用此模板
演示文稿
@alchaincyf Open Design
查看完整提示词 →

黑场大数字

Jobs 2007 / 雷军发布会流派主题演讲幻灯片：纯黑 #000000 舞台 + 纯白文字高反差，一屏一词或一个超大 tabular-nums 数字，整套 deck 只选一个品牌强调色（小米橙 #FF6900 / Spotify 绿 #1ED760 / Apple 蓝 #2997FF），大量负空间、极淡中心聚光、强调色对灰色的参数对比条、价格揭晓高潮页，1920×1080 固定画布。基于花叔 huashu-design design-styles.md 大胆派「黑底巨型数字剧场」spec 现场生成，并扩成完整多章节 deck 外壳。
使用此模板
演示文稿
@lewislulu Open Design
查看完整提示词 →

孟菲斯波普

80 年代孟菲斯波普幻灯片——暖奶油底满版平铺粉/青/黄 confetti 圆点 pattern，2.5px 黑描边卡片 + 5–9px 硬阴影，热粉 #ff3d8b 主 accent，Archivo Black 展示字体。单文件 HTML、键盘翻页、零依赖。基于 lewislulu/html-ppt-skill 的 memphis-pop 主题。适合好玩的产品发布、创意提案、社区分享等想要 80 年代孟菲斯设计能量的演示。
使用此模板
演示文稿
@nicobailon Open Design
查看完整提示词 →

午夜金辉

电影级编辑刊暗调幻灯片主题：深 navy #0f1729 页面 + 暖金 #d4a73a 点缀，Instrument Serif 120px 戏剧 display 直落 14px JetBrains Mono 标签，每页一处金色径向光晕，金色 SVG 角标与幽灵章节数字，交错 cinematic 转场，并自带 SlideEngine 锁定的奶油/金浅色模式（T 键切换）。纯 CSS/SVG 图解与图表、键盘优先的单文件 HTML、零外部 JS。基于 nicobailon/visual-explainer 的 midnight-editorial 预设（templates/slide-deck.html）锁定为单美学 deck 插件，适合想要「严肃杂志午夜刊」气质的工程评审、产品发布与编辑刊式演示。
使用此模板
演示文稿
@alchaincyf Open Design
查看完整提示词 →

叙事波形

Duarte 流派叙事波形幻灯片：横贯 1920×1080 全屏的 SVG 贝塞尔振荡波形线、品牌橙 #FF6B2C 转折点标注、灰化对照波形、stroke-dashoffset 逐步 reveal、等宽字 hairline 信息条，Inter + Geist Mono 双字体。适合变革叙事、before/after 对照与数据故事弧线。基于花叔 huashu-design 的 narrative-sparkline 规格（design-styles.md 中性派 · Sparkline叙事波形）按 spec 生成完整多章节 deck。
使用此模板
原型
@open-design Open Design
查看完整提示词 →

Orbit Notion

Open Orbit 简报技能 — 当 Notion 是用户唯一连接的连接器或用户明确将每日摘要范围限定为 Notion 时由 Orbit 管道选择。提取过去 24 小时内用户已认证的 Notion 连接中的文档编辑、评论、提及和数据库行更改，并将摘要呈现为原生 Notion 页面（标注/折叠/数据库表元素）。此技能不应手动触发 — 由 Orbit 的每日摘要调度程序针对实时 Notion 数据调用。
使用此模板
Replit Deck 预览 演示文稿
@open-design Open Design
查看完整提示词 →

Replit Deck

单文件横向滑动 HTML 演示文稿，采用 Replit Slides 落地页模板库风格。提供八种主题（helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse），每种都是从 replit.com/slides 提取的完整视觉系统（调色板+字体+强调色）。选择一种主题，请勿混用。适用于融资路演、董事会报告、品牌备忘录、营销发布等需要 Replit Slides 风格的场景。
使用此模板
演示文稿
@lewislulu Open Design
查看完整提示词 →

复古显像管

80/90 年代显像管幻灯片——暖奶油底，每页叠加 CRT 扫描线（::before repeating-gradient），底层是显像管弧面暗角背景；琥珀 #e67e14 / 砖红 #c73a1f accent，Playfair Display 大标题配厚重偏移投影，检验图彩条与天线/旋钮内联 SVG 装饰。单文件 HTML、键盘翻页、零依赖。基于 lewislulu/html-ppt-skill 的 retro-tv 主题。适合怀旧产品发布、媒体娱乐提案、年度回顾等想要老电视机广播质感的演示。
使用此模板
社交媒体轮播图 预览 原型
@open-design Open Design
查看完整提示词 →

社交媒体轮播图

三张 1080×1080 方形社交媒体轮播卡片——三个富有电影感和品牌调性的面板，配有连贯的展示标题（'往前走。' → '到下一个。' → '展望未来。'）。每张卡片包含品牌标识、序号/总数、说明文字和'循环'提示。适用于'轮播帖子'、'社交媒体轮播'、'Instagram 轮播'、'LinkedIn 系列'、'X 系列卡片'或'三连发'等需求。
使用此模板
演示文稿
@alchaincyf Open Design
查看完整提示词 →

东方柔光科技

东方哲学柔和科技感幻灯片：米色和纸底 #F5F0EB、鼠尾草绿 #6B8F71 + 唯一金 #D4A574 + 暖灰自然色系、Noto Serif SC 衬线大标题与 Inter 标签混排、圆角半透明数据卡片，招牌装置是「数据可视化当艺术品」——手绘感虚线同心网格上的三色叠加 SVG 雷达图与 Fig. NN 图版注记，1920×1080 固定画布、零外部 JS 依赖。基于花叔 huashu-design 的 ppt-takram 单页范本扩展为完整多章节 deck。
使用此模板
演示文稿
@nicobailon Open Design
查看完整提示词 →

等宽终端

开发者原生暗调幻灯片主题「等宽终端」：近黑 #0a0e14 底色，全 Geist Mono 等宽排印（标题用大号 weight-400 而非粗体 display），Dracula 绿 #50fa7b 点缀，微点阵背景质感，低透明度绿色描边。零拟物零特效，靠字体纪律成立。scroll-snap 单文件 HTML，SlideEngine 键盘导航 + hash 路由，prefers-color-scheme 自动亮色模式（#f4f6f8 / #0d7a3e）。移植自 nicobailon/visual-explainer 的 terminal-mono 风格。
使用此模板
演示文稿
@lewislulu Open Design
查看完整提示词 →

工程蓝图

「工程蓝图」幻灯片主题：蓝图蓝 #0b3a6f 满底 + 40px 白色绘图网格，虚线边框半透明卡片，白/冰蓝 #aee1ff 墨线 + 琥珀 #ffd27a 标注，全 JetBrains Mono，2px 圆角、零阴影。图纸式装置（标题栏、图纸索引、轮廓线巨型章节号、斜纹填充 CSS 柱图、内联 SVG 系统简图）天生适合系统架构与工程设计 deck。零外部 JS 的自包含单文件 HTML。移植自 lewislulu/html-ppt-skill 的 blueprint 主题。
使用此模板
视频
@open-design-contributors Open Design
查看完整提示词 →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.
使用此模板
移动端线框流程 预览 原型
@open-design Open Design
查看完整提示词 →

移动端线框流程

低保真移动端应用流程线框图，将三到四个手机屏幕排成一行（引导 → 首页信息流 → 商品详情 → 确认），每个设备内为灰盒占位内容，屏幕间用带编号步骤标签的虚线箭头连接，并配有便签注释。适用于「移动端线框」「App 流程」「用户流程」「低保真移动端」「低保真」「移动端线框」「App 流程图」等需求。
使用此模板
演示文稿
@lewislulu Open Design
查看完整提示词 →

千禧银铬

千禧银铬幻灯片——5 段银铬金属渐变满版底，H1 白→钢→枪灰铬色裁切字，72% 白磨砂玻璃卡带 inset 顶部高光，26–36px 巨圆角，糖果紫 #8a5cff / 水蓝 #3ccfd8 / 粉 #ff84c4 accent，光泽圆球与星芒装饰，Space Grotesk 字体。单文件 HTML、键盘翻页、零依赖。基于 lewislulu/html-ppt-skill 的 y2k-chrome 主题。适合产品发布、消费级 App 路演、音乐/时尚/创作者主题等想要千禧年金属光泽的演示。
使用此模板

常见问题

什么是 Open Design 模板？

Open Design 附带的打包插件模板 — Open Design 是开源的 Claude Design 替代品。每个模板都是一个可运行的交付物：原型、幻灯片组、图像生成器、视频合成或 HyperFrames 动画作品。本地 agent 根据提示词和可选的示例 HTML 运行插件，在你的机器上生成可立即分享的资源。

模板采用什么许可证？

全部采用 Apache-2.0 许可证。你可以复刻提示词、修改 example.html、改变品牌标识 — 唯一的要求是在重新分发时保留 LICENSE 声明。

我可以用自己的 API 密钥运行它们吗？

可以。Open Design 在每个层级都支持 BYOK（自带密钥）— 你的 Claude / OpenAI / 本地模型凭证永远不会离开你的机器。营销网站不会代理任何推理；你在目录行中看到的实时预览来自模板附带的海报和 Cloudflare Stream URL，而不是来自托管的运行时。

我如何贡献一个模板？

向 nexu-io/open-design/plugins/_official 提交 PR，新文件夹包含 open-design.json、SKILL.md 和可运行的 example.html。仓库中的 CONTRIBUTING.md 贡献指南会逐步说明清单字段。被批准的贡献会进入公开目录，在下次部署时自动显示在此处。

这与 Claude Design Studio 有什么区别？

Claude Design Studio 是 Anthropic 的托管产品。Open Design 是**开源的 Claude Design 替代品** — 此目录中的每个模板、提示词和设计系统都存在于公开仓库中，针对你选择的密钥在本地运行，并可通过任何人都能创作的插件进行扩展。我们采用相同的交付物分类法（原型、幻灯片、图像、视频），便于概念转移，但从 agent 运行时到其他所有内容都保留在你的机器上。

预览从哪里来？

每个模板的清单都包含一个海报 URL（Cloudflare CDN）以及视频模板的 Cloudflare Stream MP4。网格将海报呈现为静态缩略图，悬停时切换到循环视频。图像和原型模板直接显示其海报；点击进入会在详情页面打开可运行的 example.html。