Omni Design —— IDE 里的 AI 设计工作室
六个 Tab、四种输出 surface、一个 Chat 入口。从草图到落地，覆盖网页、图像、视频与音频，全程不离开编辑器。
大多数"AI 设计工具"是一个独立 Web App。你切过去、拖参考、贴 Prompt、等结果、下载、再切回 IDE 粘贴——这一来一回就是几分钟。
Omni Design 拒绝这种来回切换。 它是一个完整的设计工作室，生长在 Hydite 内部——和你的代码、Chat、终端、版本控制共用同一个窗口。画布与 IDE 共用同一份工作区状态——这正是它与几十款独立 Web 工具的本质区别。
1. 它是什么#
Omni Design 是一个原生 Editor Tab。这个 Tab 本身就是画布。画布对外暴露六个面板，每个对应设计流程的一个阶段，并面向四种输出 surface：网页、图像、视频与音频。
2. 六个面板#
2.1 Sketch —— 60 秒白板#
一块空白的、无限大的画布，自带画笔、图形与文字工具。它的存在意义只有一个：在和 AI 对话之前，先用手把想法画出来。画完，把笔触附到 Chat 一条消息里，剩下的让工作室接管。
2.2 Designs —— 项目库#
Omni Design 的"主页"。所有你启动过的项目都以卡片形式列在这里，每张卡片显示缩略图、最初生成它的 Skill、当前绑定的 Design System。点击卡片即可回到该项目的画布，历史完整保留。
新建项目也从这里开始。"New project" 对话框依次问三个问题：
- Skill。 用哪种设计配方启动第一帧？（Landing page、Dashboard、移动端外壳……）
- Design system。 这个项目跟随哪一套内置 Design System？（可选。）
- 名字。 叫什么。
三次点击，项目就开。无需翻模板、无需贴样板。
2.3 Examples —— 人工精选的 Prompt#
按 surface、场景、目标 Skill 分组的 Prompt 目录。每个例子展示 Prompt 本体、产出预览，以及一个 Send to chat 按钮。与该例子最配的 Skill 会被预绑定，下条请求直接命中正确的设计配方。
想找灵感用 Examples，想精准调一个配方用 Skills。
2.4 Skills —— 设计配方架#
Skill 就是一种配方：一段描述、一个示例 Prompt、一个推荐 surface。Skill 覆盖落地页、Dashboard、上手引导、Hero 主视觉、解释类视频等所有典型场景。每张卡片都有一个 "Use this skill" 按钮，会以预选该 Skill 打开新建项目流程。
Skill 按 mode（chat / page / image / video / audio）与 surface（desktop / mobile）分类。筛选栏允许你快速收敛到你需要的那一片。
2.5 Design Systems —— 68 套品牌，实时预览#
Design Systems Tab 是 /design 那套库的画廊版。每张卡片包含：
- 用该系统 token（排印、间距、运动语言）实时渲染的组件预览。
- 最多四块色板。
- 分类标签（平台、开发者、消费品、AI、汽车、媒体）。
- "Copy id" 与 "Open preview" 操作。
点选卡片即可把这套系统应用到当前 Omni Design 项目，之后的所有生成都将遵守这套视觉语言。它是 Chat 端 /design 命令的视觉孪生——同一套库，两种入口。
2.6 Image / Video Prompts —— 模型 Prompt 食谱#
画布右侧的两个 Tab 分别承载图像与视频生成模型的 Prompt 模板，按品类、模型、画幅与许可证打标。每个模板包含预览、Prompt 本体与原始来源引用。你可以：
- 直接把 Prompt 发到 Chat。
- 把它作为当前项目的下一次生成。
- 在精选条目旁，保存你自己的变体。
这两个 Tab 覆盖了 High Design 有意不去碰的 图像 与 视频 两个 surface。
3. 四种输出 surface#
| Surface | 产出物 | 典型入口 |
|---|---|---|
| Web | 真实可运行、代码驱动的网页或组件 | Designs · Skills（page / component skills）· Design Systems |
| Image | Logo、OG 图、Hero 主视觉、品牌色板 | Image Prompts · Skills（image surface） |
| Video | 发布短片、解释视频、运动 Teaser | Video Prompts · Skills（video surface） |
| Audio | 旁白、声音 Logo、AI 旁白讲解 | Skills（audio surface） |
同一个项目可以同时混用四种 surface。Designs 里的一个项目记录，可以同时承载落地页、上线主视觉、宣发视频与新闻稿的音频版本——共用同一份 Chat 历史与同一套 Design System。
4. 从 Chat 驱动 Omni Design#
Omni Design 暴露了一个 Chat 参与者。Hydite 内任意 Chat 面板（Hydite Chat、Copilot、Claude Code，乃至支持 participant 的三方 Agent Harness）都可以直接寻址它：
| 在 Chat 里输入 | 行为 |
|---|---|
@omni-design | 在 Designs Tab 打开画布。 |
@omni-design /sketch | 直达 Sketch 白板。 |
@omni-design /examples | 直达精选 Prompt Tab。 |
@omni-design /skills | 直达 Skill 目录。 |
@omni-design /design-systems | 直达 68 套设计系统画廊。 |
@omni-design /image-prompts | 直达图像 Prompt 模板。 |
@omni-design /video-prompts | 直达视频 Prompt 模板。 |
@omni-design /exit | 弹确认、关闭画布。 |
在画布内点击任意 "Send to chat" 时，Omni Design 会把 Prompt 自动重写、附带 Skill 标记，下条请求自动命中正确的配方——无须复制粘贴，无须手动打标。
5. 为什么是这种布局#
很多"AI 设计"工具喜欢把所有东西塞进一张大页面：上面 Prompt 框、中间画廊、下面历史。看似紧凑，实际上正好惩罚了你真正需要的那几个瞬间——对比两张参考图、收敛一个 Skill、应用一套 Design System 而不丢草稿。
Omni Design 把每个设计阶段都做成一个真正的 surface：
- 思考 → Sketch。
- 搜寻 → Designs。
- 借鉴 → Examples / Skills / Prompts。
- 约束 → Design Systems。
每个阶段一个 Tab、一套键盘节奏、一份状态。切换只是一次点击，停在其中任意一个则是全屏沉浸体验。
6. 什么时候选 Omni Design#
下列场景请用 Omni Design：
- 你还没有任何代码，想做一个全新产品的探索。
- 你需要非 Web 的输出（图像、视频、音频）。
- 你想快速对比多个 Skill 或多套 Design System。
- 你做的是参考驱动型工作——挑一个例子、fork、迭代。
如果你已经有跑得起来的代码、想对某个页面做像素级重设计，请用 High Design。如果你只想锁定一套 Design System、不打算开任何画布，请直接用 /design 命令。
7. 状态#
Omni Design 默认随 Hydite 发布。六个 Tab、四种 surface、@omni-design Chat 参与者与 Design System 目录均稳定上线于内测中。访问通过 Hydite OAuth 邀请制开放——见 Hydite 总览。
8. 下一步#
- High Design → —— 面向已有代码库的与代码同源画布。
- 内置 Design Systems → —— 68 套设计系统目录，亦可通过
/design命令直达。 - Design 总览 → —— 三种形态如何组合。
一句话。 Omni Design 是 "把 AI 设计工作室当作工作区的另一种视角而非独立 App" 这一立场被认真做出来的样子。