dsh-thinkbar

技能简介

dsh-thinkbar 是一款专为 DeepSeek Harness（DSH）打造的插件，将输入框旁边的模型选择按钮改造为动态状态指示器。当模型在「思考」时，按钮会逐渐「升温」显示等待进度；当模型调用工具时，按钮会切换到工具执行状态并显示当前工具名称，让等待过程变得可视化、可感知。

核心能力

• 思考温度可视化：按钮内部随等待时长平滑填充颜色，从蓝色渐变为红、橙、金黄，约 20 秒达到满格，提供直观的等待反馈
• 工具调用状态显示：模型执行工具时，按钮显示紫青色扫光动画并标注当前工具名称，清晰区分模型思考与工具执行两个阶段
• 智能自动收起：正文开始输出后，动效快速退场，按钮恢复日常状态，下一轮思考时自动重新亮起
• 无侵入性集成：视觉效果直接融入现有按钮，不额外占用对话区域，不影响正常聊天交互
• 隐私友好：功能全部在前端运行，不改动 Prompt、消息或模型请求，无遥测和数据收集
• 系统兼容：支持系统的「减弱动态效果」设置选项

安装配置

前置要求

• 已安装 DeepSeek Harness 0.1.2-alpha.4 或更高版本
• 使用标准 web Profile
• 启用官方模型选择插件

安装步骤

第一步：安装插件包

在 DeepSeek Harness 项目目录下执行以下命令安装 dsh-thinkbar：

pnpm dsh plugin --profile web add dsh-thinkbar

该命令会自动从 npm 拉取插件包并完成注册。

第二步：启动 Web 服务

安装完成后，启动或重启 DeepSeek Harness Web：

pnpm dsh web

插件会在 Web 启动时自动加载，无需额外配置。

第三步：验证插件状态

打开 DSH Web 界面，在聊天输入框旁边找到模型选择按钮。向模型发送一条复杂问题触发长时间思考，观察按钮是否出现温度渐变动画。若动画正常显示，说明插件已成功加载。

第四步：测试工具调用

向模型发送需要调用工具的请求（例如搜索、计算等），观察按钮是否切换到工具执行状态并显示工具名称。

使用场景

• 长思考任务监控：当向模型提交复杂推理任务时，通过温度指示器直观感知模型思考进度，减少等待焦虑
• 工具调用调试：开发者在使用 DSH 构建 Agent 应用时，通过工具状态显示快速确认模型是否按预期调用了正确工具
• 多模型对比测试：在不同模型间切换时，通过温度变化曲线对比各模型的思考时间表现
• 用户体验优化：将等待过程可视化，降低用户对长时间无响应的负面感知，提升整体交互体验

适用人群

• DeepSeek Harness 用户，尤其是经常使用复杂推理任务的开发者
• Agent 应用开发者，需要监控模型工具调用行为
• 对 UI/UX 有追求的 DSH 深度用户
• 希望让 AI 对话界面更生动、更具反馈感的技术爱好者

工作原理

dsh-thinkbar 通过 DeepSeek Harness 的公开插件接口接入框架，无需修改 DSH 核心源码。插件在前端运行，监听模型状态变化事件。当检测到模型进入思考状态时，启动 CSS 动画驱动的温度填充效果；当检测到工具调用事件时，切换到工具状态显示模式。整个过程不涉及网络通信或数据上报，完全在浏览器端本地执行。

官方链接

• GitHub 源码：https://github.com/tower1229/dsh-thinkbar
• MIT 开源协议