gal-view:把 DSH 會話頁變成 Galgame 舞臺的 Web 插件

前言

DeepSeek Harness(簡稱 DSH)把智能體開發拆成可組合的插件層,Web GUI 負責會話、軌跡與工具調用,界面清晰但偏工程化。如果你長期在瀏覽器裏跟 Agent 對話,偶爾會覺得「像在盯終端日誌」,缺少一點沉浸感。

社區插件 gal-view(維護者 Ayase34)走了一條有趣的路:不改對話邏輯,只在 DSH Web 會話頁增加一個 「GAL視窗」 標籤,把同一會話渲染成 16:9 的 Galgame 舞臺——立繪、大對話框、打字機臺詞和玩家輸入框一應俱全,還自帶場景可視化編輯器。該插件在 SkillHub 插件庫 歸類爲「趣味換裝」,GitHub 上約 125 stars、7 forks(截至 2026-08-25),採用 MIT 許可證。

需要說明的是:SkillHub 等社區目錄由第三方維護,與 DeepSeek / 幻方無官方從屬關係;安裝前仍建議自行閱讀倉庫源碼與許可證。

這是什麼

gal-view 是一個面向 DSH Web profile 的官方 bundle 格式插件。它在會話標籤欄(「對話」與「軌跡」之間)插入 「GAL視窗」,點擊後會話區域切換爲 Galgame 風格視圖。

根據倉庫 README 與 package.json(當前版本 0.3.3),插件定位可以概括爲:

  • Galgame 風格對話視圖:佔位立繪、對話框、打字機效果、玩家輸入,映射現有會話內容;
  • 場景可視化編輯器:內置「編輯模式」,可拖拽元素、修改屬性、調整圖層,編輯結果即時同步迴游戲模式;
  • 默認預設場景:倉庫根目錄的 gal-scene.json 隨包分發,首次打開且本地無存檔時自動加載,「重置」也回到該預設。

Node 側(.dsh-plugin/index.mjs)極爲精簡,幾乎不消費宿主服務;場景狀態、編輯歷史等主要保存在瀏覽器的 localStorage / IndexedDB 中,符合「前端 Demo 形態」的設計。

核心功能與亮點

結合 GitHub README 與 SkillHub 目錄信息,已覈實的能力包括:

  1. 會話視圖換裝,不改 Agent 行爲
    插件只擴展 Web GUI 的展示層,底層仍走 DSH 原有會話與軌跡數據,適合想換皮、不想動工作流的開發者。

  2. 16:9 Galgame 舞臺
    打開「GAL視窗」後,界面呈現橫屏遊戲舞臺佈局,對話以打字機方式呈現,輸入框對應玩家臺詞區。

  3. 內置場景編輯器
    編輯模式下可像輕量場景工具一樣操作:拖拽、改屬性、換圖層;Ctrl+S 可導出場景 JSON,便於備份或貢獻默認預設。

  4. 本地持久化
    場景佈局、素材圖片、字體與閱讀進度存在瀏覽器側。README 明確說明:重裝或卸載插件不會丟失這些數據;只有清除瀏覽器站點數據纔會重置。

  5. 社區驗證與關注度
    SkillHub 標記爲 verified 可安裝;GitHub topics 含 deepseek-harnessdsh-plugin,說明面向 DSH 生態,而非獨立前端項目。

安裝與啓用

前置條件

  • 本機已安裝 DeepSeek Harness,終端可執行 dsh 命令;
  • 目標環境使用 Web GUI(插件通過 --profile web 安裝);
  • 若從 Harness 源碼 checkout 運行(日常用 pnpm dsh),需先 cd 到倉庫根目錄,並將下文命令中的 dsh 替換爲 pnpm dsh

從 GitHub 安裝

倉庫 README 給出的官方安裝命令如下(#main 表示跟蹤 main 分支;也可換成具體 commit 哈希以鎖定版本):

dsh plugin --profile web add github:Ayase34/gal-view#main

安裝完成後必須重啓 Web——bundle 層在啓動時合成,不重啓不會加載新插件。重啓後打開 Web GUI 會話頁,標籤欄應在「對話」與「軌跡」之間出現 「GAL視窗」

可選驗證:執行下列命令,輸出中若能看到 # == gal-view 層,說明插件已進入組合配置。

dsh --profile web --dump-config

更新與卸載

# 更新到新版本(更新後同樣需要重啓 web)
dsh plugin --profile web update gal-view

# 卸載(卸載後同樣需要重啓 web)
dsh plugin --profile web remove gal-view

典型用法示例

1. 切換 GAL 視窗

  1. 啓動 DSH Web GUI,打開任意會話;
  2. 在標籤欄點擊 「GAL視窗」(位於「對話」「軌跡」之間);
  3. 會話內容以 Galgame 舞臺呈現,可照常閱讀 Agent 回覆並通過底部輸入區發送消息。

2. 使用編輯模式定製場景

  1. 在 GAL 視窗內進入「編輯模式」;
  2. 拖拽立繪、對話框等元素,在屬性面板調整位置、圖層與樣式;
  3. 滿意後按 Ctrl+S 導出場景 JSON;若要爲倉庫貢獻默認預設,可用導出文件替換根目錄 gal-scene.json,再執行 npm run build:client 並提交(面向插件貢獻者)。

3. 恢復默認預設

本地尚無自定義存檔,或希望放棄當前編輯時,可使用編輯模式下的「重置」,回到倉庫自帶的 gal-scene.json 默認場景。

適用場景與注意事項

適合誰用

  • 經常在 DSH Web 里長時間對話、演示或錄屏,希望界面更有「視覺劇」感的開發者;
  • 做 Galgame / 視覺小說風格 Demo、教學展示,需要快速把 Agent 會話包裝成遊戲 UI 的場景;
  • 願意動手調場景 JSON、換立繪與字體,做個性化「會話皮膚」的用戶。

注意事項

  1. 僅作用於 Web profile
    安裝命令帶 --profile web;TUI 或其他 profile 不會自動獲得該視圖。

  2. 安裝後務必重啓 Web
    這是 bundle 插件的加載機制要求,漏掉重啓是最常見的「裝了卻看不到標籤」原因。

  3. 數據在瀏覽器本地
    換機器或換瀏覽器不會自動同步場景;重要定製建議用 Ctrl+S 導出 JSON 備份。

  4. 安全與權限
    DSH 插件以當前 dsh 進程權限運行;儘管 gal-view 的 Node 半部分幾乎無宿主行爲,安裝任何社區插件前仍應閱讀源碼、確認許可證(本插件爲 MIT),並只從可信倉庫安裝。

  5. 能力邊界
    這是界面換裝與場景編輯插件,不提供模型推理、工具調用等新能力;Agent 能力仍取決於你所用的 DSH 配置與其它插件。

結語

如果你已經用 DSH 跑通 Web 會話,又想讓界面從「工程面板」變成「Galgame 舞臺」,gal-view 是目前社區裏定位清晰、安裝路徑簡單的一條路:一行 dsh plugin 命令、重啓 Web、點「GAL視窗」即可體驗。

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

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

小夜