omdsh-dev/dsh-genui

这是什么？

核心功能

• 01在回复中渲染统计卡片、表格、图表、标签页、折叠面板和文件树。
• 02支持 ECharts 图表和 Mermaid 图，渲染引擎按需加载。
• 03函数图可通过参数滑块在本地实时重绘。
• 04提供测验和选择题表单，评分在本地完成，可选择将操作回传给模型。
• 05提供持久化的会话面板，可原地更新内容。
• 06已完成的组件可导出为独立 HTML 或 JSON 文件。

适用场景

• 在聊天回答中以仪表盘形式展示订单或服务指标。
• 基于模型生成的内容制作可交互的测验或练习题。
• 通过可调参数的函数图和图表展示数学或数据内容。
• 让用户通过按钮和表单对模型给出的建议进行操作。

快速上手

1. 1

   如未安装 pnpm，请先启用 corepack

   corepack enable
2. 2

   在 DSH 中安装并激活插件

   dsh plugin --profile web add @changfenhuang/dsh-genui
3. 3

   重启 dsh web，强制刷新浏览器，并在新会话中验证

使用前须知

• !需要 DSH 版本 ^0.2.0-rc.1 || ^0.2.1-rc.1，并且 pnpm 已在 PATH 中。
• !需要宿主提供客户端激活以及 slots 和 sessions 服务。
• !真实模型的端到端测试需要配置模型凭据。
• !若使用错误的包名安装，可能会装到同名但无关的 dsh-genui 项目。

标签

常见问题

dsh-genui 是什么？

DSH 插件，可在助手回复中直接渲染图表、表格、表单、测验、函数图等交互式界面组件。 dsh-genui 是一个 DSH 插件，让模型的回答不再只是纯文本，而可以嵌入可交互的界面组件。模型在 dsh-ui 代码块中用 JSON 描述界面，浏览器端渲染器会将其替换为统计卡片、可排序表格、ECharts 与 Mermaid 图表、表单、测验、函数图以及持久化的会话面板，周围的文字保持不变。

dsh-genui 可以免费使用吗？用的什么许可证？

dsh-genui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

dsh-genui 还在维护吗？

活跃维护中。dsh-genui 最近一次提交是在 2026年10月19日。

dsh-genui 适合用来做什么？

在聊天回答中以仪表盘形式展示订单或服务指标。 基于模型生成的内容制作可交互的测验或练习题。 通过可调参数的函数图和图表展示数学或数据内容。 让用户通过按钮和表单对模型给出的建议进行操作。

dsh-genui 怎么安装和运行？

如未安装 pnpm，请先启用 corepack: corepack enable 在 DSH 中安装并激活插件: dsh plugin --profile web add @changfenhuang/dsh-genui 重启 dsh web，强制刷新浏览器，并在新会话中验证

在哪里获取 dsh-genui？

源代码和安装说明在 GitHub 上：https://github.com/omdsh-dev/dsh-genui