dsh内联生成式UI插件

dsh-visualize

让 DSH 不只回答一段文字——模型调用 visualize 后，Web UI 在对话里直接出现可交互卡片。

📖 介绍

dsh-visualize 是一个 DSH 内联生成式 UI 插件，由 Nagi-ovo 创建维护。它让模型在对话中生成 HTML fragment 并调用 visualize 工具，直接在 Web UI 中渲染出可交互的卡片——可以是模拟器、图表、对比面板或 UI mockup。灵感来自 Codex 桌面端的 /visualize 功能。

GitHub 星标 256，BSD-3-Clause 开源协议，已有 2 位贡献者参与。当前版本 v0.1。

✨ 亮点

1. 对话内交互卡片：模型生成 HTML fragment，直接在对话中渲染可交互卡片
2. 多场景支持：模拟器、图表、对比面板、UI mockup 等
3. 明暗主题适配：卡片跟随 DSH 的明暗主题和鲸鱼蓝配色
4. 会话重放持久化：页面从持久化的工具结果恢复，不依赖原始 fragment 文件
5. 安全沙箱：sandboxed iframe 隔离，CSP 阻止网络请求和嵌套页面
6. wide 模式：适合并排比较的内容使用 mode: "wide"
7. 零配置安装：dsh plugin add 一行命令搞定

🎯 核心功能

📦 安装方式

# 从 GitHub 安装到 web profile
dsh plugin --profile web add github:Nagi-ovo/dsh-visualize

# 重启 dsh web 后刷新页面

确认安装：

dsh --profile web --dump-config

从源码安装：

git clone https://github.com/Nagi-ovo/dsh-visualize.git
cd dsh-visualize
dsh plugin --profile web add .

🛡️ 安全机制

📊 技术栈

• 语言：TypeScript 57.6% + JavaScript 36.4% + HTML 6%
• 协议：BSD-3-Clause
• 贡献者：2 人
• 灵感来源：Codex 桌面端 /visualize、himself65/finance-skills

📝 总结评价

dsh-visualize 是一个非常有创意的 DSH 插件，它把"文字回答"升级为"交互卡片"。模型生成 HTML fragment 后直接在对话中渲染，可以做排序算法可视化、数据图表、对比面板等各种交互式演示。会话重放持久化和沙箱安全机制设计得很周到。对于想要更丰富可视化体验的 DSH 用户来说，这是一个很好的补充。BSD-3-Clause 协议也很友好。

GitHub： https://github.com/Nagi-ovo/dsh-visualize
Stars： 256 ⭐