画布与生成式 UI

deepseek-harness-genui

任务自己长出一个专注的 React 界面——你在里面做的选择会回流给 Agent。

这是什么

一层给 Agent 任务用的运行时界面:当文字开始碍事,Agent 会写一个小型 React + TypeScript 应用——内联展示、放进 Canvas、全屏或跑在 localhost——用来讲清一段复杂关系、收集一个复杂决策,或在任务级授权后操作接入的工具。

DeepSeek Harness GenUI is a runtime interface layer for Agent tasks. When text gets in the way, the Agent can make the current task grow a focused UI—to explain a difficult relationship, collect a complex decision, or operate a connected tool.
来自上游 README

它对设计意味着什么

  • 界面是代码优先的 React:布局、控件和图表都是真实组件,不是截图。
  • 保存下来的选择、输入和草稿会回到任务里,供 Agent 后续轮次读取。
  • 一套带四种视觉 profile 的 DESIGN.md 体系,让生成的应用保持同一种设计语言。

包含哪些内容

  • What Changes
  • When an Interface Helps
  • Inline & Canvas
  • How It Works
  • Design MD
  • Safety

如何安装

deepseek-harness-genui

  1. 在终端里运行这条命令。

    dsh plugin --profile web add dsh-plugin-genui && dsh plugin --profile web exec playwright install chromium
  2. 重启 dsh web,让它加载这个插件。

  3. 然后描述你想要的设计,DeepSeek Harness 会自动用上插件提供的工具。

如何配合 DeepSeek Harness 使用

  1. 运行安装命令——它会添加插件,然后装好 Playwright 所需的 Chromium。

  2. 在交互更高效的时候要一个界面:一个选择器、一个可探索的模型、一个代码路径浏览器。

  3. 操作完接着聊——Agent 会直接读到你的选择,不用你再复述一遍。

这里的每个插件都可以免费安装,并附上真实的上游源地址。

在 DeepSeek Harness 仓库里了解更多 ↗

下一步

用 OpenDesign 做设计,省掉那些配置

你可以自己装这个插件,也可以用 OpenDesign 在 DeepSeek Harness 外面套一整层精选设计层。自带 API Key,产出归你所有。

OpenDesign 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS 与 Windows