下载

模板.

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

游戏 UI - 古代中国开放世界 MMO HUD 预览 图像
@open-design-contributors Open Design
查看完整提示词 →

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

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

Open Design 主页

open-design.ai 官网主页的像素级镜像——基于 Next.js 的交互式 WebGL/Three.js(React Three Fiber)首屏。含实时 3D「Open Design」立体字(Draco 压缩几何)、散落贴纸拼贴、可变字体、光标视差和滚动驱动动效。这是 Open Design 面向 Web 交互营销页所追求的视觉天花板的官方范例——资产全部本地打包(仅 Draco 解码器走 CDN，同其他 WebGL 示例），可在沙箱预览中渲染。适合作为高工艺 3D 落地页、agent 原生产品站、动效丰富首屏的参考。
使用此模板
原型
@open-design Open Design
查看完整提示词 →

Orbit Notion

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

社交媒体轮播图

三张 1080×1080 方形社交媒体轮播卡片——三个富有电影感和品牌调性的面板，配有连贯的展示标题（'往前走。' → '到下一个。' → '展望未来。'）。每张卡片包含品牌标识、序号/总数、说明文字和'循环'提示。适用于'轮播帖子'、'社交媒体轮播'、'Instagram 轮播'、'LinkedIn 系列'、'X 系列卡片'或'三连发'等需求。
使用此模板
视频
@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 流程图」等需求。
使用此模板

常见问题

什么是 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。