前言¶
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 濾鏡實現毛玻璃,既保證了視覺統一,也兼顧了可讀性。