← 返回列表
✓ 可直接安装
为 DeepSeek Harness 打造的生成式 UI：智能体以实时 React…
自动检查通过：npm 包已发布且 engines 声明满足基线；该结论来自程序自动检查，未经人工实机验证。 · 最近上游提交 2026/9/25 · 已提供中文文档
为DeepSeek Harness打造的生成式UI——智能体编写TSX，Web UI在流式传输过程中逐帧编译，因此即使JSX尚未闭合，卡片也能渲染出来。可内联在对话中，也可放在侧边画布中。
综合分
35.8
GitHub 分
35.8
用户评分
—
★ Stars
1
周下载量
—
安装插件（需先安装 dsh CLI 引擎：npm install -g @deepseek-ai/dsh）
dsh plugin --profile web add dsh-generative-uinpm 包 dsh-generative-ui 已校验归属本仓库，走 npm 安装最省事
信任档位：已验证本站已于 4 天前真实安装成功（L4 · 真实安装）
- 是什么
- dsh 原生插件 · ui
- 装得上吗
- 本站已真实安装成功（L4 · 真实安装，非静态推断）
- 安全吗
- 本站尚未对该插件做风险分级（暂未覆盖，不等同于无风险）
- 还在维护吗
- 活跃：最近一次提交在 0 天前
档位由下列信号合成：本站实装验证（真实安装，当前最高到 L4）· 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。下方各区块是它的证据明细。 验证判据与等级说明 →
🟢实装验证通过· 2026/9/22
由本站实装验证器在真实 dsh 环境安装成功，非静态推断。
数据截至 2026/9/25（元数据每日更新 · 实装验证按队列轮转，单条结论的验证时间见上方）
安装兼容性检查✓ 自动检查通过
以下结论由程序自动检查 npm 包、engines 声明与入口文件得出，未做人工实机验证——能装不等于用着没问题。
✓npm 包dsh-generative-ui @ 0.0.4
✓Node 引擎未声明 engines.node
✓dsh CLI 依赖未声明 dsh 版本约束
✓入口文件main/exports/bin 已声明
验证方式：npm registry 存在性 + package.json 静态校验 · 最后验证 2026/9/20 11:27:22
依赖的 DSH / Cordis 模块
@deepseek-ai/cordis@deepseek-ai/dsh-client-locale@deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-conversation@deepseek-ai/dsh-client-ui-layout@deepseek-ai/dsh-client-ui-primitives@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-host-webserver@deepseek-ai/dsh-llm@deepseek-ai/dsh-settings@deepseek-ai/dsh-skill@deepseek-ai/dsh-system-prompt用户评分
还没有人投票，来当第一个
订阅周报，不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动
README
由 DeepSeek 最新模型翻译生成dsh-generative-ui
npm
pkg.pr.new
MIT
为 DeepSeek Harness 打造的生成式 UI：智能体以实时 React 界面作答，而非文字叙述。它是流式的——模型还在输入时，组件就已经在渲染了。
它出现在两个地方：
- 内联——一个围栏代码块 - 画布——位于 ui4a/canvases/.ui4a.tsx 的文件会在对话旁边的面板中打开，并在多轮对话中一直保留。适合用户会反复回来使用的工具。
生成的代码可以导入 npm 上的任何内容（渲染时从 esm.sh 解析），共享宿主唯一的 React 实例，并从应用自身的设计令牌中取色，因此会跟随浅色/深色主题。
那个围栏中的 ui4a 就是本包所实现的 harness——UI for Agent，来自 Mind Lab：与其诱导智能体去适配固定的 UI schema，不如让它编写普通的前端代码，由运行时来约束边界。其背后的推理与基准测试见 UI4A: A Component-Native Harness for Generative UI。本包就是接入 dsh Web 客户端的那个 harness。
安装
sh
dsh plugin --profile web add dsh-generative-ui
每个发布版本都通过 OIDC 从 CI 发布，因此 tarball 带有 npm provenance。对于未发布的提交，每次 push 都有预览构建：
sh
dsh plugin --profile web add https://pkg.pr.new/CNSeniorious000/dsh-generative-ui@main
在本地开发它时，把 profile 指向你的检出目录——lib/ 由 prepare 构建，所以 profile 并不关心本包用的是 bun 而 dsh 用的是 pnpm：
sh
dsh plugin --profile web add link:/path/to/dsh-generative-ui
dsh plugin 会转发给 profile 的包管理器，因此上述任一命令都能安装本包——并将其加入 ~/.dsh/profiles/web/package.json 的 dsh.profile.bundles，这正是 dsh 实际启动的列表。在干净机器上验证过，bundle 列表如下：
json
{
"dsh": {
"profile": {
"bundles": [
"@deepseek-ai/dsh-base",
"@deepseek-ai/dsh-web-app",
"dsh-generative-ui"
]
}
}
}
它旁边的 dependencies 条目就是你安装时所用的形式——从注册表安装时是脱字符，而在 0.0.x 版本上脱字符会精确锁定：^0.0.1 匹配 0.0.1，不匹配之后的任何版本。如果你想要补丁更新，把它改成 ~0.0.1。
启动 dsh web，它就在那里了——或者如果它已经在运行，就重启它，因为插件是
在启动时挂载，添加一个也没有热重载。
如果什么都没发生，先检查会话使用的是哪个 agent 预设。 在 minimal
（极简模式）下，persona 被声明为 complete: true，因此任何内容都无法追加到系统提示中，
并且 skill 工具不在该预设中——模型永远不会被告知这种格式存在。实测：系统提示为 45
个字符，而对照为 27524 个字符，且零次提及该围栏。渲染那一半仍然有效，所以你手动粘贴的卡片
可以渲染；只是模型不会去写一个。请使用 standard，或者复制该预设并把 tool-skill 加回去。
工作原理
该包是一个插件，分为两半，这正是 dsh 插件触达浏览器的方式：
| | |
| --- | --- |
| lib/index.js（node） | 注入系统提示部分，注册 generative-ui 技能，通过自己的 webServer 路由提供编译器 wasm 和 canvas 文件读取 |
| lib/client.js（web） | 在对话记录中认领 ui4a/tsx 代码块，在浏览器内编译 TSX，挂载 canvas 面板 |
模型通过两层来学习，按各自的成本来划分：
- src/prompt.ts 随每个请求一起发送，因此它只携带触发器、围栏语法、canvas 路径和颜色令牌。
- src/skill.ts 通过 ctx.skills.register() 注册，仅在模型主动获取时才加载。它携带判断逻辑：答案是否需要一个界面、是内联还是 canvas、如何构建和布局。
这种划分是经过实测的，而非假设——关于其背后的 40 条提示词评估，见 CLAUDE.md §4.5。
开发
sh
bun install
bun run check # lint + typecheck + build + smoke
bun run build 使用 Bun.build 打包两半。CLAUDE.md 是设计文档——它记录了该插件构建时所依据的宿主约束，所有这些约束都是历经艰难才发现的。
许可证
MIT