前言¶
给桌面工具换肤，常见的做法是改 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
