dsh-intelligent-ui:在 DSH 对话里渲染可本地重算的原生交互卡片

前言

在 DeepSeek Harness(DSH)里做智能体,模型往往只能用长段文字描述参数、表格或函数图像。读者要改一个数,就得再发一轮消息,既慢又容易打断思路。社区插件生态遵循「一切皆插件」:能力通过插件注册到 Harness,而不是改宿主本体。下面介绍维护者 StarsHarryZhu 发布的 dsh-intelligent-ui(npm 包名 dsh-intelligent-ui,当前版本 0.1.4),它让模型输出一份受目录约束的「界面程序」,聊天窗口把它画成原生卡片;滑块、勾选、按钮等控件在浏览器里本地重算,不必为每次拖动再调用模型。

这是什么

dsh-intelligent-ui 面向 Web UI 以及加载同一 Web 客户端的 macOS、Windows 桌面端。插件注册工具 ui_render 和技能 dsh-intelligent-ui,后者教模型在「卡片比纯文字更合适」时如何写界面。模型不直接写 HTML 或 JavaScript:程序会对照 31 个组件 的目录做校验,并随工具结果保存。卸载后新会话与未装插件时一致;历史会话里曾经的调用仍显示为普通工具行。

项目采用 MIT License,版权归 2026 Starfield。目录页:SkillHub - dsh-intelligent-UI;源码:GitHub - StarsHarryZhu/dsh-intelligent-UI。

核心功能

渲染与交互

  1. 回复流式输出时,卡片会出现在工具行;回复结束后,卡片也会出现在正文下方。
  2. 拖动或修改控件时,卡片内所有依赖该状态的数值、图表、公式等在本地重算,零次额外模型调用。
  3. 点击 button 会把按钮文案作为你的下一条消息发送,随后卡片锁定。

动画与演算

  • player:在卡片底部提供播放、暂停、步进与 scrub;可按 0.5× 至 2× 播放,用于逐行代码、算法轮次或沿曲线运动的点等演示;播放全程在浏览器内,不向模型发送数据。
  • 符号计算:卡片可计算积分(含无穷限)、导数、极限、求和与求积、根、泰勒多项式等;无法可靠求出的值显示为「—」,不做猜测。

31 个组件目录

组件分五类,在宿主浅色主题下绘制;各组件示例程序见仓库 docs/SAMPLES.md。

类别 组件
Layout card、col、row、grid、tabs、tab
Text title、text、badge、callout、divider、link、image
Data metric、progress、table、keys、list、steps、chart、diagram
Math plot、formula
Controls / Action / Animation slider、numberInput、textInput、select、checkbox、checklist、button、player

环境要求与安装

Harness 版本:DeepSeek Harness >= 0.2.1-rc.1 且 低于 0.3.0。README 记载的验证环境包括 Web UI 0.2.1-alpha.4,以及 macOS、Windows 桌面端 0.2.1-rc.2。

安装步骤(原文表述):

  1. 打开 Settings → Plugins → Add plugin。
  2. 填入插件地址并添加(本机 PATH 上需有 git):
https://github.com/StarsHarryZhu/dsh-intelligent-UI
  1. 重启 Harness,并重新加载页面。

典型用法

经过上面的安装,在已启用插件的对话里,当任务适合参数探索、对比表、函数图像或分步说明时,模型可调用 ui_render 并产出目录内的组件组合。你可以:

  1. 在流式回复过程中于工具行预览卡片。
  2. 用 slider、numberInput 等改参数,观察 metric、plot、formula、chart 等同步更新。
  3. 需要把当前设定交给模型继续推理时,点 button 发送预设文案。

若要对照各组件长什么样、程序怎么写,直接打开仓库中的 docs/SAMPLES.md,按样本向模型描述需求即可复现同类卡片,无需自行拼 HTML。

适用场景与注意

适合:需要在对话内做轻量交互演示的场景,例如调参看曲线、排序对比表、勾选清单、流程图高亮当前步骤,或本地播放算法/代码动画。

注意:

  1. 插件在 当前 DSH 进程权限 下运行;安装前请阅读源码与 MIT 许可证,确认来源与行为符合你的环境策略。
  2. 依赖区间锁定在 0.2.x 一代工具链(@deepseek-ai/dsh-tools 同样要求 >=0.2.1-rc.1 <0.3.0-0);升级 Harness 大版本前请对照 README 的 Requires 说明。
  3. 社区目录 SkillHub 与 DeepSeek、幻方无官方从属关系,仅作发现与链接,不等同于官方应用商店。

结尾

dsh-intelligent-ui 把「模型写一小段目录化界面程序 → 聊天渲染原生卡片 → 控件本地重算」串成一条可落地的路径,减少为改一个数反复对话的开销。进一步了解组件与示例见 GitHub 仓库,安装与分类信息见 SkillHub 目录页。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye