La Feng-UI:DSH 的多功能 Web UI 插件(皮膚 / 動態壁紙 / 音樂 / 聲浪 / 人設 / 表情包)

前言

DSH(DeepSeek Harness)的理念是「一切皆插件」,Web 客戶端的界面也不例外。想換主題色、加一張動態壁紙、掛個背景音樂播放器,按原生流程需要自己寫 dsh.bundle.patch,再手動掛載進 profile。

La Feng-UI 把這套定製工作打包成了一個標準 web 插件:皮膚定製、動態壁紙、背景音樂播放器、聲浪可視化、人設提示詞、AI 角色專屬表情包,一次裝齊,開箱即用。下面介紹它的功能構成、安裝步驟和日常用法。

這是什麼

La Feng-UI(README 標題爲「[拉風] · La Feng-UI」)是 JimingYang25(作者署名:銘拉風)維護的 DSH 多功能 UI 插件,包名 @linxin666/dsh-client-ui-la-feng,當前版本 0.1.0,MIT 許可證。

技術上它是純原生 JavaScript(window.__ModuleLoader__ 模塊格式),沒有構建步驟;Client 端的聲浪可視化基於 Web Audio API(AudioBufferSourceNode + AnalyserNode),讀取的是真實頻譜。

核心功能

皮膚與動態壁紙

支持主題色、深淺模式、背景圖、動態壁紙(視頻循環播放)、背景遮罩和麪板透明度調節,全部在設置中心裏切換。

背景音樂播放器

帶播放列表、上一首/下一首、順序/隨機播放、音量和進度條(點擊跳轉)。播放器是獨立浮窗,可拖拽,也可收起。

聲浪可視化

提供柱狀、波形、圓形三種樣式,顏色、高度、透明度均可調,數據來自 Web Audio 的真實頻譜。

人設提示詞

預設了多個人設,也支持自定義提示詞,動態注入 agent 的 systemPrompt。

專屬表情包

內置 emoji/ 目錄的動漫表情,agent 可調用 emoji_pick 工具挑選表情並嵌入回覆。表情顯示大小、使用頻率(頻繁 / 適中 / 剋制)都能在設置面板即時調節。

截圖看圖

屏幕右側有懸浮的「看圖」按鈕:點開後按 Ctrl+V 粘貼截圖,插件會調用本地視覺模型自動識別,並作爲消息發給 agent。該功能依賴本地部署的 Ollama 與 qwen2.5vl 模型。

持久記憶日記與設置中心

插件會把用戶身份、能力與偏好寫入 ~/.dsh/la-feng-diary.md,跨會話保留。右下角齒輪進入設置中心,統一管理所有設置項,配置持久化到 ~/.dsh/la-feng.json。

安裝與啓用

本插件是標準的 DSH web 插件包,聲明瞭 dsh.bundle.patch,dsh plugin add 會自動把它掛載進 profile 的 dsh.profile.bundles,無需手動寫掛載行。

一鍵安裝(推薦),從 GitHub 拉取:

dsh plugin --profile web add https://github.com/JimingYang25/Lafeng-UI-A-snazzy-personalized-custom-UI-plugin-for-DeepSeek-Harness-Cordis-..git

注意 URL 末尾是 -..git,與 README 原文一致,直接複製執行即可。也支持從本地路徑安裝:

dsh plugin --profile web add /path/to/dsh-client-ui-la-feng

dsh plugin add 底層會先執行 pnpm add 安裝依賴,再自動掛載。

如果需要手動安裝:先把插件目錄放到 ~/.dsh/profiles/web/node_modules/@linxin666/dsh-client-ui-la-feng/,再在 ~/.dsh/profiles/web/cordis.patch.yml 中加入掛載行:

- insert:
    - id: ui-la-feng
      name: '@linxin666/dsh-client-ui-la-feng'

安裝後重啓 DSH 即可生效。

添加自己的素材

經過上面的步驟,插件已經可以用了。想換成自己的背景、音樂、壁紙和表情包,只需把文件放進對應目錄:

~/.dsh/la-feng/background/   背景圖
~/.dsh/la-feng/music/        音樂
~/.dsh/la-feng/video/        動態壁紙視頻
~/.dsh/la-feng/emoji/        表情包

放好之後,這些文件會出現在設置面板的下拉列表裏。資源查找順序是:用戶目錄(~/.dsh/la-feng/<type>/)優先,插件內置目錄兜底。

典型用法

日常操作集中在三個入口:

1、右下角齒輪 → 打開設置中心,切換主題色 / 深淺模式 / 背景圖 / 動態壁紙 / 遮罩 / 透明度 / 音樂 / 聲浪 / 人設 / 表情包大小 / 表情包使用頻率。

2、左下角浮動播放器 → 上一首、播放暫停、下一首、音量、進度條,可拖拽、可收起。

3、屏幕右側「看圖」按鈕 → 點開後按 Ctrl+V 粘貼截圖,自動識別後發送給 agent(前提是本地跑着 Ollama 和 qwen2.5vl)。

適用場景與注意事項

它適合兩類使用者:一是把 DSH Web 客戶端當日常界面用、希望界面可定製的人;二是想給 agent 配人設和表情包,或需要把截圖丟給 agent 看的場景。後者的前提是本地已部署 Ollama 與 qwen2.5vl。

使用前注意兩點:

1、插件以當前 dsh 進程權限運行,會讀寫 ~/.dsh/ 下的配置和日記文件。安裝前建議先瀏覽一遍倉庫源碼,確認行爲符合預期。

2、插件採用 MIT 許可證,具體條款以倉庫內的 LICENSE 文件爲準。

結尾

La Feng-UI 把界面定製的門檻降到了「裝一個插件、重啓一次」的程度:皮膚、壁紙、音樂、聲浪、人設、表情包一次配好,素材隨時可以用本地文件替換,截圖看圖和持久記憶則把 agent 的交互面拓寬了一步。

倉庫地址:https://github.com/JimingYang25/Lafeng-UI-A-snazzy-personalized-custom-UI-plugin-for-DeepSeek-Harness-Cordis

社區目錄頁:https://www.skillhub.cn/plugins/JimingYang25/Lafeng-UI-A-snazzy-personalized-custom-UI-plugin-for-DeepSeek-Harness-Cordis

需要說明的是,該目錄爲社區維護的獨立站點,與 DeepSeek / 幻方無官方從屬關係。

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

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

小夜