前言¶
DeepSeek Harness (DSH) 采用插件化架构,Web GUI 是开发者调试和配置智能体时的主要交互界面。默认界面通常比较通用,缺乏个性化。dsh-skin-glass 是一款旨在解决界面视觉定制问题的插件,它通过提取壁纸颜色和毛玻璃效果,将 DeepSeek Harness 的 Web 界面改造成具有磨砂质感的现代化外观。
插件简介¶
名称:dsh-skin-glass
维护者:noexcs
类别:趣味换装
许可证:MIT
该插件的核心价值在于将壁纸作为设计系统的基础,自动生成亮/暗模式的设计令牌,并应用到 UI 的各个组件上。
核心功能¶
- 壁纸自动提取:设置任意图片作为壁纸后,插件会自动提取主导色,据此生成亮色和暗色主题的设计令牌。
- 组件级毛玻璃:为各个组件实现真正的
backdrop-filter毛玻璃效果,包含自适应的遮罩层和镜面边缘高光。 - 兜底渐变:如果没有设置壁纸,插件会自动生成渐变背景,保持毛玻璃的视觉风格。
- 无障碍对比度:在任意透明度级别下,保证正文文本的 WCAG AA 对比度标准。
安装与启用¶
使用 DSH 的命令行工具安装该插件。
npx @deepseek-ai/dsh plugin --profile web add github:noexcs/dsh-skin-glass
卸载命令:
npx @deepseek-ai/dsh plugin --profile web remove dsh-skin-glass
插件运行依赖于以下依赖包:
* @deepseek-ai/dsh-client-ui-theme
* @deepseek-ai/dsh-client-runtime
* @deepseek-ai/dsh-client-locale
注意事项¶
- 本插件仅支持 DeepSeek Harness 的 Web GUI 环境。
- 插件代码托管在 GitHub,使用前建议查看源码与许可证。
- 插件以当前 DSH 进程的权限运行,涉及 UI 修改,请确保来源可信。
总结¶
如果你在使用 DeepSeek Harness 进行开发调试,希望界面能更贴合个人审美或项目风格,dsh-skin-glass 提供了一种无需手动编写 CSS 的快速方案。通过壁纸提取颜色和原生 CSS 滤镜实现毛玻璃,既保证了视觉统一,也兼顾了可读性。