前言¶
給桌面工具換膚，常見的做法是改 CSS 變量或注入運行時樣式。但 WorkBuddy 的組件並不喫 --vscode-* 變量，而是使用自有語義類（如 .wb-home-header、.chat-container、.conversation-sidebar），只改主題變量覆蓋不到界面的真實渲染。另一個問題是，想在運行時注入樣式，依賴 CDP 或 V8 inspector 調試通道，而這些通道在當前版本已被硬化攔截，外部腳本拿不到注入入口。
下面介紹的 workbuddy自定義皮膚技能，是社區發佈在 SkillHub 上的一個 Skill，座標 @user_f6758951/workbuddy-new，作者 user_f6758951，版本 1.0.1，來源爲 community，分類 dev-programming，標籤 requires_api_key=false。它繞過運行時注入，改爲直接對 app.asar 做最小字節手術寫入皮膚 CSS，從而實現深度換膚。
這是什麼¶
一句話定位：用一句話描述或一張參考圖，爲 WorkBuddy 生成專屬皮膚，並注入到界面中。
- 出品方：社區作者
user_f6758951，發佈渠道爲 SkillHub。 - 解決的問題：WorkBuddy 的組件使用自有語義類而非
--vscode-*變量，常規主題變量覆蓋無效；同時運行時注入通道（CDP / V8 inspector）被硬化攔截，缺少可用的注入入口。 - 解決方式：對打包後的
app.asar做字節級最小改動，把皮膚 CSS 寫進資源文件；全程自動備份app.asar.bak，支持一鍵還原，不需要開放調試端口。
SkillHub 頁面上展示的評分與下載量在不同快照間不一致（一處爲評分 100000 / 下載 1585，另一處爲評分 99381 / 下載 1103），如需引用，建議以 SkillHub 頁面實時數據爲準。
核心功能¶
以下是從官方簡介中可以覈對到的能力：
- 意圖輸入支持多種風格：人物、電影畫面、意境、藝術風格，以及直接給一張參考圖。
- 直接覆蓋 WorkBuddy 的真實語義類，包括
.wb-home-header、.chat-container、.conversation-sidebar，而不是停留在變量層面。 - 注入方式爲對
app.asar做最小字節手術，運行時不需要 CDP / V8 inspector 調試端口。 - 自動備份：修改前生成
app.asar.bak，出問題可以一鍵還原。 - 觸發詞覆蓋中英文：換膚 / 皮膚 / 主題 / 生成皮膚 / 自定義皮膚 / 改外觀 / 以這張圖爲準 / skin / theme / customize appearance。
工作原理¶
先說明爲什麼不是運行時注入。根據官方簡介，WorkBuddy 對運行時注入路徑做了硬化處理，CDP 與 V8 inspector 通道被攔截，外部調試腳本無法在進程運行期間把 CSS 塞進渲染流程。因此本 Skill 選擇在打包產物層面下手：
- 定位 WorkBuddy 安裝目錄下的
app.asar資源文件。 - 生成備份
app.asar.bak。 - 在
app.asar中做最小字節改動，寫入皮膚 CSS。 - 重新啓動 WorkBuddy，界面按新皮膚渲染。
需要還原時，用備份文件覆蓋回 app.asar 即可，不需要重新下載安裝包。
安裝與啓用¶
官方資料中沒有給出通用的 SKILL.md 安裝命令，也沒有區分 Cursor、Codex CLI、Claude Code 的具體配置方式。可以確認的信息是：
- Skill 座標：
@user_f6758951/workbuddy-new - 官方頁面：https://www.skillhub.cn/skills/user_f6758951/workbuddy-new
- API 地址：https://api.skillhub.cn/user_f6758951/workbuddy-new
- 不需要 API Key（
requires_api_key=false）
具體的安裝入口和啓用步驟，以 SkillHub 頁面指引爲準，這裏不編造命令。
典型用法¶
用法來自官方簡介中的觸發詞與意圖說明，按輸入形式分三類：
- 一句話描述風格，例如直接說“換膚”“主題”“生成皮膚”，並說明要的風格（人物 / 電影畫面 / 意境 / 藝術風格）。
- 以參考圖爲準，說“以這張圖爲準”，用圖像作爲風格基準。
- 英文觸發，說 skin、theme 或 customize appearance。
效果是生成一份覆蓋 WorkBuddy 語義類的 CSS，並寫入 app.asar；不想保留時用一鍵還原恢復 app.asar.bak。
適用場景與注意¶
適合的場景：
- 想整體改變 WorkBuddy 界面觀感，而不是隻調一兩個顏色變量的人。
- 手上有參考圖或明確的風格描述（電影畫面、藝術風格、意境等），希望直接落地爲皮膚的人。
- 環境不允許開放調試端口，運行時注入走不通的人。
需要注意的點：
- 本 Skill 直接修改
app.asar，屬於對安裝產物的字節級改動。雖然提供app.asar.bak備份和一鍵還原，操作前仍建議自行確認備份文件存在且完整。 - 修改的是打包後的資源文件，WorkBuddy 大版本更新可能覆蓋或重置
app.asar，升級後皮膚大概率需要重新注入。 - 覆蓋的是組件自有語義類，如果未來 WorkBuddy 調整類名或組件結構，現有皮膚規則可能失效。
- 官方未提供按用戶隔離或按項目隔離的皮膚機制，屬於全局生效。
- 評分與下載量等數據存在不同快照不一致的情況，引用前以 SkillHub 實時頁面爲準。
結尾¶
workbuddy自定義皮膚技能 的價值在於繞開了兩個現實障礙：WorkBuddy 不喫 --vscode-* 變量、運行時注入通道被硬化攔截。它把注入點下沉到 app.asar 這一層，用最小字節手術寫入覆蓋真實語義類的皮膚 CSS，並配了備份和一鍵還原，屬於務實路線的深度換膚方案。
官方地址：https://www.skillhub.cn/skills/user_f6758951/workbuddy-new
