前言¶
DeepSeek Harness(DSH)支持通過插件擴展界面與行爲。日常開發裏,新會話往往是空白輸入區,視覺反饋很少。若希望在不改業務邏輯的前提下,給「還沒發過消息」的空會話加一層有節奏感的 HUD 動效,同時又能在發出第一條消息後乾淨退場,就需要專門的皮膚類插件,而不是在倉庫裏手寫零散 CSS。
下面介紹社區插件 Zero-State Radar(npm 包名 dsh-cyberdeck)。它在空會話時展示雷達掃描、點陣世界地圖與遙測面板;有消息後整體移除,不佔用對話區域。
這是什麼¶
Zero-State Radar 由 Gsaecy 維護,定位爲 DSH 的賽博朋克 HUD 皮膚:恆定夜間配色,以及僅在空會話時出現的「零態雷達掃描」。
實現上爲 CSS 動畫加一小段原生 JS,地圖使用內聯 SVG data URI,README 明確說明不依賴任何圖片資源。許可爲 MIT(© 2026)。
- 目錄頁:https://www.skillhub.cn/plugins/Gsaecy/Zero-State-Radar
- 源碼與文檔:https://github.com/Gsaecy/Zero-State-Radar
核心功能¶
零態雷達(僅空會話)¶
空會話裏,一條掃描線自上而下掃過;掃過的位置浮現點陣式海岸線世界地圖,城市節點與航線隨後逐條繪出,左下角數據監控在信號干擾效果後浮現。發出第一條消息時,上述層整體退場。
視覺層次¶
README 歸納的效果包括:
- 掃描線:線以下爲全黑,線掃過之後地圖在約 96px 範圍內漸顯。
- 地圖顯影:海岸線來自 Natural Earth 110m 陸地數據,柵格化爲 2° 網格圓點(4000+ 個
<circle>);58 個城市化節點(8 個樞紐帶雙環與十字準星);15 條二次貝塞爾航線;元素出現時間按緯度延遲,與掃描位置同步。 - 數據監控:
SCAN / SIG / LOAD / NODES四行讀數與橫條進度;掃描線約 4 秒到達左下角後先播信號干擾(RGB 色散 + 逐行抖動),再漸顯並保持,直至首條消息。 - 主題變量:覆蓋 114 個
--dsw-alias-*與--dsw-specific-*變量,含菜單專用 token,避免下拉菜單在淺色殘留下變成灰白塊。
退場條件¶
零態雷達只在空會話存在;README 列出三重保險:
| 條件 | 行爲 |
|---|---|
找不到 [class*="_hero"] |
移除全部特效層 |
DOM 出現消息節點(_messageRow / _bubble / _turnBody 等) |
移除全部特效層 |
| 在輸入框按 Enter 發送 | 立即移除,不等輪詢 |
安裝與啓用¶
安裝命令須以 README 原文爲準,在 DSH 內執行 plugin_manager install_bundle。
從本地目錄安裝(開發時):
# 在 DSH 裏執行:
plugin_manager install_bundle target=file:/絕對路徑/dsh-cyberdeck
使用預構建包(免構建授權):
plugin_manager install_bundle target=https://github.com/Gsaecy/Zero-State-Radar/releases/latest/download/dsh-cyberdeck.tgz
安裝後重啓 DSH,或刷新頁面(⌘R)。
典型用法與可調參數¶
典型用法即:安裝並刷新後,新建空會話即可看到雷達與地圖動畫;發送任意一條消息後動效消失,界面保持夜間主題。
若要改節奏與佈局,參數集中在 lib/client.js 的 STYLE 段,例如:
| 想調什麼 | 位置 | 默認 |
|---|---|---|
| 掃描週期 | RADAR_CYCLE |
9000(毫秒) |
| 揭開漸變寬度 | .cyd-radar-shade 的 96px |
96px |
| 消失漸變寬度 | .cyd-radar-veil 的 calc(100% - 480px) |
480px |
| 地圖大小/位置 | .cyd-radar-map 的 left/right/bottom/height |
1% / 1% / 7% / 78% |
| 監控出現時刻 | MONITOR_AT |
週期的 44% |
| 干擾強度 | @keyframes cyd-row-glitch 裏的 --gx |
0.9–2px |
菜單相關 token 示例(README 節選):
--dsw-menu-surface-fill: rgba(7, 21, 37, .92);
--dsw-menu-backdrop-filter: blur(18px) saturate(150%);
適用場景與注意¶
適合誰: 需要在 DSH Web 桌面端空會話獲得 HUD 氛圍、又不想引入圖片資源的用戶;偏好恆定夜間配色、可接受 CSS/SVG 動效的場景。
兼容性(README):
- DSH
>= 0.2.0-rc.1 - 平臺:web(桌面端)
- 尊重
prefers-reduced-motion:關閉所有掃描/干擾動畫
權限與安全: 插件隨當前 DSH 進程加載,會以該進程的權限注入客戶端樣式與腳本。安裝前建議閱讀 lib/client.js、cordis.patch.yml 與 LICENSE,確認與團隊策略一致。DSH 生態強調「一切皆插件」;SkillHub 等社區目錄爲獨立站點,與 DeepSeek / 幻方無官方從屬關係,本文安裝步驟以 GitHub README 爲準。
結尾¶
Zero-State Radar 把空會話做成可復現的雷達 HUD:純 CSS/SVG、無外鏈圖,首條消息後特效整體撤場。需要細節或提 issue 可訪問 GitHub 倉庫,在 SkillHub 目錄頁 亦可找到同一插件條目。