Zero-State Radar:DSH 空會話賽博朋克 HUD 皮膚

前言

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 歸納的效果包括:

  1. 掃描線:線以下爲全黑,線掃過之後地圖在約 96px 範圍內漸顯。
  2. 地圖顯影:海岸線來自 Natural Earth 110m 陸地數據,柵格化爲 2° 網格圓點(4000+ 個 <circle>);58 個城市化節點(8 個樞紐帶雙環與十字準星);15 條二次貝塞爾航線;元素出現時間按緯度延遲,與掃描位置同步。
  3. 數據監控:SCAN / SIG / LOAD / NODES 四行讀數與橫條進度;掃描線約 4 秒到達左下角後先播信號干擾(RGB 色散 + 逐行抖動),再漸顯並保持,直至首條消息。
  4. 主題變量:覆蓋 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 目錄頁 亦可找到同一插件條目。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜