画布与生成式 UI

dsh-visualize

模型把可交互的 HTML 卡片直接画进对话流。

这是什么

一个 visualize 工具加配套 Skill:模型写出一段 HTML 片段,挂载成对话里的沙箱交互卡片——模拟器、图表、对比面板和 UI 样机,支持流式预览和跟随主题的样式。

DSH does not have to answer with text alone. When the model calls visualize, the Web UI renders an interactive card inside the conversation for simulators, charts, comparison panels, and UI mockups.
来自上游 README

它对设计意味着什么

  • UI 样机就活在对话里,可以点,不只是被描述。
  • 卡片跟随宿主的明暗主题和配色,预览看起来就像原生的。
  • 每张卡片都跑在带严格 CSP 的沙箱 iframe 里——写坏的片段搞不垮会话。

包含哪些内容

  • Install
  • Use it
  • Security
  • Limitations

如何安装

dsh-visualize

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

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  2. 重启 dsh web,让它加载这个插件。

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

如何配合 DeepSeek Harness 使用

  1. 装上插件,重启 dsh web。

  2. 要一个样机或一份对比,模型会带着自己写的 HTML 调用 visualize。

  3. 之后回放会话,卡片会从持久化的工具结果里恢复。

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

在 DeepSeek Harness 仓库里了解更多 ↗

下一步

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

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

NEXGERCORE 桌面客户端

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

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

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

支持 macOS、Windows 与 Linux