前言¶
在 DeepSeek Harness (DSH) 插件开发中，展示智能体行为或计算逻辑时，往往需要一个直观、视觉化的 Demo。油车与电车的持有成本对比是一个常见话题，但手动制作交互图表和动画录屏效率较低。下面介绍一个针对 DSH Better Sidebar 的插件 Demo，它将这一对比过程转化为可视化的动态演示。
这是什么¶
这是一个为录屏演示设计的油车 vs 电车拥有成本对比插件，由开发者 Dongfang81 维护。它解决了展示复杂数据对比时的视觉呈现问题，提供了可交互的参数调整和动画结果。
核心功能¶
- 时间与里程控制：支持在 3、5、8、10 年之间快速切换，年里程范围可在 5,000 至 50,000 公里之间调节。
- 本地计算：所有成本数据在本地进行确定性计算，不依赖外部付费模型。
- 可视化展示：使用 SVG 绘制累计成本曲线，展示节省区间，并包含反转年里程和结果动画。
- 语音讲解：在支持
speechSynthesis的浏览器环境中，会播放中文讲解；不支持时仅完成视觉演示。
安装与启用¶
确保已安装 dsh-better-sidebar >= 0.12.2，然后进入插件目录执行以下命令构建并安装：
pnpm build
dsh plugin --profile web add .
dsh web
典型用法¶
启动后，在 Better Sidebar 的 Tab 栏点击 +，选择「油电账本」即可进入演示界面。
适用场景与注意¶
此插件适合开发者用于生成展示成本对比的录屏素材，或作为教学 Demo。由于是纯客户端计算，数据安全有保障。
需要注意的是，插件内的预置参数仅用于娱乐化演示，不构成真实的车辆价格或购买建议。安装前请检查源码与许可证。
结语¶
该插件展示了如何利用 DSH 客户端能力构建本地化的、确定性的数据可视化 Demo，适合作为 Harness 生态中的示例参考。
