AI 的回答不该只是一坨文字,dsh-genui 让它当场变成可点的界面

用 AI 干活的人对这一幕都不陌生:你问「这个月的订单情况怎么样」,它回你三大段文字加一串数字,想看个趋势得自己脑补,想换个角度看得再追问一轮。dsh-genui 是 omdsh-dev 团队出品的开源插件(MIT 协议),装在 DeepSeek Harness(DSH)上之后,模型的回答可以原地变成交互界面——统计卡片、可排序的表格、趋势图、带滑块的函数曲线,直接嵌在回复里,文字还在,界面已经活了。项目在 SkillHub 插件广场(DeepSeek Harness Plugin 广场)客户端分类拿星 400 多,仓库自带真实界面录屏和截图,全部来自实际运行而非概念图。

它能做什么

  • 答案即界面:模型把界面描述写进一种受控的组件语法,浏览器端渲染成真实可操作的 UI,内嵌在回复里,边生成边渲染,不用等整条回复写完。
  • 30 多种组件:卡片、表格、图表、表单、标签页、折叠面板、文件树、时间线、差异对比等,数据汇报和结构化展示的常用形态都覆盖。
  • ECharts 图表:柱状、折线、饼图等预设速写几行就出,也支持完整配置项做高级图表;图表引擎按需加载,不用图表的会话不下载。
  • 可拖的函数曲线:参数带上滑块,拖一下本地实时重绘,不用来回让模型重算。
  • 事件回环:界面上的按钮、开关、输入框点击后会回传给模型,模型再更新界面——点一下「换 个角度看」,数据和图就跟着变,快速连点会自动合并防抖。
  • 状态持久化:填过的答案、展开的标签页按会话保存,刷新页面原样恢复。
  • 安全白名单:组件全部走白名单校验,模型塞不进 HTML 和脚本;设计上明确禁止用它收集密码、API Key 等敏感信息,输入框即使出现也保持掩码、不进表单、不落盘。
  • 零侵入:没装插件时,这些内容就是一个普通代码块,不报错、不污染会话。

怎么获取

包已发布到公共 npm(无需 npm 账号),在装好 DSH 的机器上执行 dsh plugin --profile web add @changfenhuang/dsh-genui 一条命令完成安装,依赖全自动带上;要求 DSH 0.1.2-rc.1 及以上版本,机器上要有 pnpm。装完重启 dsh web、硬刷新浏览器,新开会话说一句「用 dsh-ui 画一个带可排序服务表格的统计面板」,回复里出现真面板就说明装对了;浏览器控制台里打出 client active 字样是更硬的技术验证。源码在 GitHub 搜 omdsh-dev/dsh-genui。

上手怎么用

  1. 从数据面板起步:先让它画统计卡片加表格的组合,比如「把这份服务清单画成带排序的表格」,这是最稳的入门形态。
  2. 用按钮驱动追问:在界面里放个带动作的按钮,点击后模型接续处理,比打字追问快。
  3. 试一次函数绘图:让它画「参数 a 可拖动的正弦曲线」,拖滑块看曲线实时变,最能体会本地重绘的顺滑。
  4. 开一块会话面板:用面板指令在输入框上方开一块常驻 dock,让模型把持续更新的内容放进去,相当于对话区外挂一块小仪表盘。
  5. 别越界:界面再好看也别往里填密码、密钥这类东西,这类字段设计上就不该出现在 AI 对话里。

适合谁用

用 DSH 做数据查看、监控汇总、任务跟踪的开发者和团队;受够了「看完文字还要自己想象图表」的 AI 重度用户;想做内部小工具原型、又不想先搭前端的动手派。贵州诚鑫致达科技在给客户搭内网运维看板时,也在验证这种「回答直接长成界面」的思路——汇报和工具之间的距离,正被这类插件一点点磨平。