可编辑设计系统Devin-AXIS/deepseek-design

DeepSeek Design

由 iPolloWork 推出的 DeepSeek Harness 核心设计系统
让 DeepSeek Harness 不只回答问题，也能生成、理解并持续修改真正可编辑的设计作品。

简体中文 · English

DeepSeek Harness 的核心设计能力

DeepSeek Design 是由 iPolloWork 推出、专为 DeepSeek Harness 构建的原生可视化设计系统。

它把 DeepSeek Harness 作为理解需求、生成内容和修改文件的 AI 引擎，把 iPolloWork Design Studio 作为可视化创作与精调界面。你可以在对话中提出完整需求，也可以选中画布里的一个标题、一张图片或一个组件，让 AI 只修改当前对象；需要更精确时，则直接在 Studio 中调整文字、字体、颜色、尺寸、间距、背景、链接与图片。

你可以把它理解为 DeepSeek Harness 中类似 Claude Design 的开放设计工作流：AI 负责从意图到作品，Studio 负责从作品到细节，最终结果仍是工作区中真实、可保存、可继续编辑的文件。

DeepSeek Design 不是另一个聊天机器人，也不会替换 DeepSeek Harness。它以原生插件方式进入 Harness 的对话界面，复用当前会话、模型、工作区与权限体系，为 Harness 增加一套专门的 Design 能力。

从一句话到可交付设计

1. 在 DeepSeek Harness 中描述你想要的网站、App 原型、海报、信息卡、报告或演示文稿。
2. Harness 在当前工作区生成或修改 HTML、CSS、设计令牌和项目说明文件。
3. 打开对话旁的 Design 或 PPT 视图，实时查看结果。
4. 直接编辑画布，或选中具体元素后使用 Ask AI 继续修改。
5. 继续对话、切换模板或撤销修改；PPT 作品还可导出为 PDF 或 PPTX。

这是一条持续循环的创作流程，而不是一次性的图片生成：

描述需求 → AI 生成 → Studio 预览 → 手动精调 / Ask AI → 保存到工作区 → 继续迭代

三个独立插件，一套创作系统

| 插件 | 面向场景 | 核心能力 |
| --- | --- | --- |
| deepseek-idesign | 网站、App 原型、海报、信息卡、数据报告、杂志与其他非幻灯片设计 | Design 模板市场、桌面/移动预览、可视化元素编辑、主题与设计令牌、选区 Ask AI |
| deepseek-ippt | 演示文稿与幻灯片 | 独立 PPT 模板市场、逐页编辑、可视化精调、选区 Ask AI、PDF/PPTX 导出 |
| deepseek-ivideo | 动态视觉、产品演示、数据故事与短视频 | HyperFrames 时间线、主题组件与统一变量表单、28 个 Video 模板、选区 Ask AI、自动校验、视频导出 |

三个插件可以单独安装，也可以一起使用。它们共享 iPolloWork Studio 契约和模板协议，但项目目录彼此隔离，因此不会相互覆盖。只安装所选 npm 包，不会下载另外两个插件。

核心特性

- Harness 原生界面：Design 与 PPT 作为独立视图出现在 DeepSeek Harness 对话中，不需要启动 iPolloWork 桌面端。
- AI 与手动编辑并存：既能让 AI 完整生成或重构，也能在画布中直接修改单个元素和全局主题。
- 选区级 Ask AI：选中元素后，插件把明确的文件、定位信息和当前样式整理为对话草稿；由用户确认后再发送，不会自动提交。
- 真实项目文件：作品保存在 Harness 工作区，而不是封闭的云端画布或不可编辑截图。
- 模板市场：Design 与 PPT 拥有各自的精选模板入口；网站和海报不会混入 PPT，幻灯片也不会混入 Design。
- 可逆编辑：支持保存、撤销和文件变更冲突检测，降低 AI 与手动编辑同时发生时的覆盖风险。
- 设计系统能力：通过设计令牌统一管理颜色、字体、背景、圆角、阴影、间距和组件视觉语言。
- 独立安装：每个 npm 包都包含所需的浏览器资源，只安装选择的能力，不把完整 iPolloWork 主项目带入 Harness。
- 原生 Video 工作流：iVideo 直接复用 HyperFrames 时间线、可视化编辑、预览、校验与导出，不维护第二套视频引擎。

快速开始

环境要求

- Node.js ^22.19.0 或 >=24.0.0
- DeepSeek Harness 当前版本及其插件管理所需的 pnpm

DeepSeek Harness 仍处于开发者预览阶段，可能出现兼容性变更。请优先使用最新版本，详见其官方项目。

只安装 Design

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign
npx @deepseek-ai/dsh web

同时安装 Design、PPT 与 Video

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign deepseek-ippt deepseek-ivideo
npx @deepseek-ai/dsh web

如果已经安装了 dsh 命令，可以把上面的 npx @deepseek-ai/dsh 直接替换为 dsh。Web 界面默认运行在 http://127.0.0.1:3080。

更新或卸载

更新
npx @deepseek-ai/dsh plugin --profile web update deepseek-idesign deepseek-ippt deepseek-ivideo

卸载
npx @deepseek-ai/dsh plugin --profile web remove deepseek-idesign deepseek-ippt deepseek-ivideo

如何使用

1. 在要作为工作区的项目目录中启动 DeepSeek Harness。
2. 新建或打开一个对话，在对话视图中选择 Design、PPT 或 Video。
3. 点击编辑开关旁的 + 打开对应模板市场，或直接让 AI 从当前空白项目开始创作。
4. 点击画布中的元素进行精调；需要 AI 帮助时，点击 Ask AI，检查自动填入的修改要求后再发送。
5. 所有修改都会回到当前工作区，后续对话仍可继续读取和编辑。

Design 项目保存在：

design//

PPT 项目保存在：

design/-ippt/

Video 项目保存在：

video//

安全与数据边界

- 插件只接受 DeepSeek Harness 已注册的工作区，并将读写限制在工作区的 design/ 目录内。
- Studio iframe 使用进程级随机令牌访问宿主接口，并校验同源消息。
- 文本写入带版本冲突检查并采用原子替换，避免静默覆盖较新的文件。
- 模板应用先在隔离目录中完成校验，再原子替换当前项目；失败时恢复原项目。
- Ask AI 只填写当前对话的草稿，不会代替用户发送消息。
- 安装插件不会安装或启动 iPolloWork 桌面应用；每个插件只载入自己的 Studio。

项目结构与同步方式

packages/
deepseek-idesign/       可直接安装的完整 Design 插件
deepseek-ippt/          可直接安装的完整 PPT 插件
deepseek-ivideo/        可直接安装的完整 Video 插件
source/
plugins/                DeepSeek Harness 适配器源码
shared/                 三个插件共用的 Studio 协议与类型
SOURCE_COMMIT             对应的 iPolloWork 主库提交
repository.json           包版本与源码来源清单

iPolloWork 是产品源码的唯一事实来源；deepseek-design 是面向 DeepSeek Harness 用户的独立发布与贡献入口。

社区可以在本仓库修改 source/ 或根目录 README。合并后，自动流程会在 iPolloWork 主库创建可审查的上游 PR；上游合并后再统一构建三个插件，并把结果同步回本仓库。这样，iPolloWork、DeepSeek Design 和三个 npm 包始终由同一套 Studio 能力升级，不需要分别维护功能分叉。

请不要直接修改 packages/ 下的生成产物。

参与贡献

- 功能建议与问题反馈：GitHub Issues
- 源码贡献：修改 source/ 并提交 Pull Request
- iPolloWork 核心 Studio 与模板贡献：iPolloWork

许可

本项目使用与 iPolloWork 主仓库一致的 iPolloWork Source Available License。第三方组件及历史许可部分继续保留各自的许可条款。

DeepSeek Harness 的核心设计能力
DeepSeek Design 是由 iPolloWork 为 DeepSeek Harness 打造的原生视觉设计系统。

它以 DeepSeek Harness 作为 AI 引擎，负责理解需求、生成内容并编辑工作区文件，而 iPolloWork Design Studio 则提供用于预览和优化结果的视觉界面。你可以在对话中请求完整设计，选中某个标题、图片或组件进行聚焦式 AI 修改，也可以直接在 Studio 中调整文本、排版、颜色、尺寸、间距、背景、链接和媒体。

可以把它看作 DeepSeek Harness 内一个开放、源码可用的 Claude Design 风格工作流：AI 从意图走向产物，Studio 从产物走向细节，而最终结果始终是你工作区中真实、可编辑的项目。

DeepSeek Design 不是独立的聊天机器人，也不取代 Harness。它作为原生 Harness 捆绑包安装，并复用当前对话、模型、工作区和权限系统，为 Harness 赋予专属的设计能力。

一个连续的设计循环

Brief → AI generation → Studio preview → Visual edit / Ask AI → Workspace files → Iterate

1. 描述一个网站、应用原型、海报、信息卡片、报告或演示文稿。
2. Harness 在当前工作区中创建或更新 HTML、CSS、设计令牌和项目元数据。
3. 打开 Design 或 PPT 对话视图，立即查看结果。
4. 直接在画布上编辑，或选中某个元素并使用 Ask AI 进行聚焦式修改。
5. 继续对话、切换模板或撤销更改；演示文稿还可以导出为 PDF 或 PPTX。

三个插件，一个创作系统

| 插件 | 最适合 | 主要能力 |
| --- | --- | --- |
| deepseek-idesign | 网站、应用原型、海报、卡片、数据报告、杂志及其他非幻灯片设计 | 精选 Design 模板、桌面/移动端预览、直接元素编辑、主题与设计令牌、感知选区的 Ask AI |
| deepseek-ippt | 演示文稿和幻灯片 | 专属幻灯片模板、逐页编辑、视觉优化、感知选区的 Ask AI、PDF/PPTX 导出 |
| deepseek-ivideo | 动效设计、产品演示、数据故事和短视频 | HyperFrames 时间线、感知主题的组件与共享变量表单、28 个 Video 模板、感知选区的 Ask AI、校验和视频导出 |

可以独立安装任意插件，也可以三个一起使用。它们共享 iPolloWork Studio 契约和模板协议，同时保持项目目录相互隔离。安装其中一个包绝不会下载另外两个。

亮点

- 原生 Harness 界面 —— Design 和 PPT 作为专属对话视图出现；无需 iPolloWork 桌面应用。
- AI 加直接操作 — 用 AI 生成或重构，然后以可视化方式微调单个元素和全局主题。
- 感知选区的 Ask AI — 所选元素、文件位置和样式会被整理成一份可审阅的对话草稿，绝不会自动提交。
- 真实工作区文件 — 设计保持为可编辑的 HTML、CSS、令牌和元数据，而不是封闭的画布或扁平化的截图。
- 精选模板目录 — Design 和 PPT 拥有各自的模板入口，因此幻灯片模板绝不会污染通用设计目录。
- 可逆编辑 — 保存、撤销和写入冲突检测保护 AI 与手动混合的工作流。
- 设计系统控制 — 颜色、字体排版、背景、圆角、阴影、间距和组件语言通过设计令牌保持协调一致。
- 独立安装 — 每个 npm 包都包含其浏览器资源，并且只安装所选的能力。
- 原生 Video 工作流 — iVideo 复用 HyperFrames 的时间线、可视化编辑、预览、验证和导出流水线，无需第二个视频引擎。

快速开始

环境要求

- Node.js ^22.19.0 或 >=24.0.0
- 当前版本的 DeepSeek Harness 发行版，以及用于其插件管理器的 pnpm

DeepSeek Harness 目前是开发者预览版，可能会引入破坏兼容性的变更。请关注其官方仓库以了解当前要求。

仅安装 Design

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign
npx @deepseek-ai/dsh web

安装 Design、PPT 和 Video

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign deepseek-ippt deepseek-ivideo
npx @deepseek-ai/dsh web

如果已安装 dsh，请将 npx @deepseek-ai/dsh 替换为 dsh。Web UI 默认在 http://127.0.0.1:3080 提供服务。

更新或移除

Update
npx @deepseek-ai/dsh plugin --profile web update deepseek-idesign deepseek-ippt deepseek-ivideo

Remove
npx @deepseek-ai/dsh plugin --profile web remove deepseek-idesign deepseek-ippt deepseek-ivideo

使用 Studio

1. 从你想用作工作区的目录启动 DeepSeek Harness。
2. 创建或打开一个对话，然后选择 Design、PPT 或 Video 视图。
3. 使用 Edit 旁边的 + 打开对应的模板目录，或让 AI 从空白项目开始。
4. 选择元素进行直接编辑。当你希望 Harness 进行下一步更改时，使用 Ask AI，然后在发送前审阅准备好的草稿。
5. 每次更改都保留在当前工作区中，并可由后续轮次读取或编辑。

Design 项目使用 design//；PPT 项目使用 design/-ippt/；Video 项目使用 video//。

安全与数据边界

- 访问仅限于 DeepSeek Harness 注册的工作区及其 design/ 目录下的路径。
- Studio iframe 使用每个进程随机生成的令牌和同源消息检查。
- 写入操作使用冲突检查和原子替换；模板变更在替换项目之前会经过暂存和验证。
- Ask AI 仅在当前对话中准备草稿，绝不会替用户提交。
- 安装这些包不会安装或启动 iPolloWork 桌面应用；每个包仅加载其自身的 Studio。

仓库模型

packages/               完整、可安装的插件构建产物
source/plugins/         DeepSeek Harness 适配器源代码
source/shared/          共享的 Studio 协议和类型
SOURCE_COMMIT           匹配的 iPolloWork 源代码提交
repository.json         包与来源清单

iPolloWork 是产品代码的唯一事实来源。deepseek-design 是面向 Harness 用户的专注分发与贡献入口。

拉取请求可以更新 source/ 或本 README。被接受的变更会作为可审查的上游拉取请求导入 iPolloWork。在该拉取请求合并后，所有三个插件都会基于共享的 Studio 源代码重新构建，并同步回此处。请勿直接编辑 packages/ 下生成的运行时文件。

贡献

- 想法和错误报告：GitHub Issues
- 适配器贡献：针对 source/ 发起拉取请求
- 核心 Studio 和模板贡献：iPolloWork

许可证

本项目使用与 iPolloWork 主仓库相同的 iPolloWork Source Available License。第三方组件以及此前已获得许可的部分保留其各自的许可证。