你的设计团队，就是你本来就在用的 agent
没有设计师、没有预算、没有交接。描述你要什么，agent 就渲染出来——上午一个落地页、下午一个看板、上线前几张社交卡——全部共用你定义过一次的设计系统。
一句话
Open Design 是独立创始人从没有过的设计部门：跨产品需要的每个界面，prompt 出产物，一套品牌、零交接、不用额外工具。
独立开发者怎么用 Open Design
- 01
先定义一次品牌
把颜色、字体、语气写进一份 DESIGN.md（或从 140+ 参考系统 fork 一个）。之后你生成的每个产物都自动贴合品牌。
- 02
接着要什么生成什么
原型、落地页、看板、路演 deck、社交卡——同一个 agent、同一套品牌，每个一句 prompt。不用切工具或再买席位。
- 03
直接上线——它本就是真的
一切渲染成你 repo 里的 HTML / 代码，原型变产品、落地页能上线。没有用完即弃的 mockup。
独立开发者能做出什么
原型 查看完整提示词 → SaaS 落地页
单页 SaaS 落地页，包含主视觉、功能特性、社会证明、价格方案和行动号召。遵循当前 DESIGN.md 的颜色/排版/布局规范。触发关键词："saas landing"、"marketing page"、"product landing"。
原型 查看完整提示词 → 网页原型
通用桌面网页原型。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的布局生成单个独立 HTML 文件。适用于落地页、营销页、文档或 SaaS 页面的默认选项。
原型 查看完整提示词 → 移动应用
在页面中渲染于像素级精确的 iPhone 15 Pro 框架内的移动应用屏幕。通过复制种子文件 assets/template.html 并粘贴 references/layouts.md 中的一个屏幕原型来构建。当需求提到《移动应用》、《iOS 应用》、《Android 应用》、《手机屏幕》或《应用 UI》时使用。
原型 查看完整提示词 → 仪表盘
单文件 HTML 管理/分析仪表盘。固定左侧边栏，顶部用户/搜索栏，主区域显示 KPI 卡片网格和图表。适用于需要'仪表盘'、'管理后台'、'数据分析'或'控制面板'界面的场景。
原型 查看完整提示词 → 博客文章
长篇文章/博客——包含页眉、主图占位符、带插图和引用的正文、作者署名及相关文章推荐。适用于需求中包含'博客'、'文章'、'帖子'、'随笔'或'案例研究'等关键词时。
演示文稿 查看完整提示词 → 1920 画布自由 Deck
锁死 1920×1080 画布, React 组件级自由组合, 不绑模板
用 Open Design 单干 vs. 硬扛
| 你需要什么 | 用 Open Design | 今天单干 |
|---|---|---|
| 覆盖所有设计界面 | ●一个 agent 搞定原型、落地、看板、品牌 | 拼凑五个 SaaS 工具和教程 |
| 保持贴合品牌 | ●一份 DESIGN.md 处处自动套用 | 每个工具重做一遍、时间一长就跑偏 |
| 以单干的速度推进 | ●想法到产物一句 prompt | 学一个你没时间学的设计工具 |
| 上线而非 mock | ●repo 里的 HTML / 代码，可部署 | 一个还得有人去搭的 mockup |
| 成本 | ●开源、自带密钥、本机运行 | 一堆按席位订阅 |
一人创业需要的每个界面，都从一句 prompt 来。挑一个接近你下一步的，描述它。
独立开发者常见问题
-
01 我不是设计师，真的能用吗？
能。你用大白话描述要什么，agent 套用设计系统渲染出来。本事在写 prompt，不在推像素。
-
02 是全覆盖还是只做一件事？
小产品需要的全覆盖——原型、落地页、看板、deck、图，全来自同一个 agent、同一套品牌。
-
03 产出会变成什么？
repo 里真实的 HTML / 代码，原型能变产品、落地页能上线，而不是用完即弃的 mockup。
-
04 可以用哪些 agent？
Claude Code、Codex、Cursor Agent、Gemini CLI 等一方适配，自带 provider 密钥。
今晚就把整个东西做出来
给 repo 点个 star、装上 Open Design，让一个 agent 当你的设计团队——在你本来就用的 agent 里。