前言¶
DeepSeek Harness (DSH) 的 Web 界面默認風格較爲通用。如果需要爲調試過程增加電影感的視覺反饋,可以通過安裝皮膚插件來實現。dsh-skin-galactic-opera 是一套非官方的暗色主題皮膚,旨在提供深空科幻風格的視覺體驗。
插件介紹¶
該插件由開發者 xmnathan 維護,通過覆蓋 DSH Web GUI 的主題 Token,引入了一套完整的太空歌劇視覺元素。它使用 Shadow DOM 構建裝飾層,以減少對宿主應用樣式的干擾。皮膚包含深空背景、黑洞吸積盤、行星軌道、掃描器 HUD 等裝飾性視覺元素,以及鼠標視差、點擊能量脈衝、消息提交時的超空間爆發等交互效果。
核心功能¶
主題與樣式¶
- 註冊並啓用
galactic-opera暗色主題。 - 覆蓋 DSH Web GUI 的主題 Token,包括背景、邊框、文本、品牌色、狀態色、滾動條和側邊欄表面。
- 全局樣式:深空背景層、斜向超空間航道、按鈕與代碼塊的懸停輝光、科幻風格文本選中與代碼塊輝光。
裝飾性視覺元素¶
- 中央黑洞吸積盤(含吸入粒子)。
- 右上角行星、衛星及橢圓軌道。
- 左下角旋轉掃描盤 HUD 和全息路線圖。
- 紅、青、金三色能量束。
- 稀疏閃爍星點、彗星、V 形戰機剪影。
- 金色任務簡報滾動面板。
交互效果¶
- 鼠標移動時的輕微視差效果。
- 點擊時的能量脈衝。
- 掃描盤 HUD 根據點擊位置投影目標 ping。
- 提交新指令或消息後的自動超空間爆發特效。
- 固定在右下角的遙測/狀態 HUD 面板。
- 尊重
prefers-reduced-motion: reduce媒體查詢,禁用主要動畫。
安裝與啓用¶
- 確保已安裝 DSH,且
dsh命令在終端中可用。 - 使用插件管理器安裝皮膚:
dsh plugin --profile web add dsh-skin-galactic-opera@latest
- 安裝完成後,重啓 DSH Web 實例。
- 在瀏覽器中硬刷新頁面(Ctrl+F5 或 Cmd+Shift+R)以加載皮膚。
典型用法¶
- 提交消息:發送指令或新消息時,界面會觸發超空間爆發動畫。
- 點擊交互:點擊任意位置,掃描盤 HUD 會根據點擊座標投影目標標記。
- 查看遙測:右下角會顯示固定的狀態 HUD,展示輪次、步數、緩存命中率等全局遙測信息。
注意事項¶
- 版本要求:需要 DSH 版本 0.1.0-rc.7 或更新。不兼容 0.0.1-rc.1 和 0.0.1-rc.2。
- 安裝方式:必須通過 DSH 插件管理器安裝,直接使用
npm install不會生效。 - 重啓機制:安裝後必須重啓 DSH 實例,否則皮膚不會加載。
- 非官方聲明:該插件非官方出品,不包含任何特定影視或遊戲系列的復刻內容。
結尾¶
如果需要在 DSH Web 界面中增加科幻風格的視覺反饋,這套皮膚提供了從背景到交互的完整解決方案。項目源碼位於 GitHub。