Agent Skills
返回列表
WorkBuddy 梦想皮肤

WorkBuddy 梦想皮肤

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_f6758951/workbuddy-new。

技能介绍

要解决的问题

WorkBuddy 基于 VS Code 内核，但首页 header、对话容器、侧边栏列表等组件并不读取 --vscode-* 变量，而是依赖 .wb-home-header、.chat-container、.conversation-sidebar 等语义类。普通 CSS 变量覆盖很容易失效；同时运行时调试注入也被限制：--remote-debugging-port、--inspect 和 V8 inspector 路径不可靠。因此这个技能把问题定位到真实渲染样式文件，通过修改安装目录中的 app.asar 让界面实际变化，而不是只生成一套看似有效的皮肤。

技能如何工作

它按 generate → preview → apply → restore 闭环处理：先解析用户意图，区分人物、场景、氛围、艺术风格、参考图和明暗偏好；对参考图会提取主色并作为全屏背景，对抽象描述走配色与渐变。技能内置若干主题包，如 kungfu-soccer、dahua-xiyou、cyberpunk、spirited-away、ying-xiong-ben-se，结构为 theme.json + workbuddy.css + assets/。预览输出自包含 HTML，不直接改动宿主应用；应用阶段会把皮肤 CSS 作为标记块追加进最大的 renderer/assets/index-*.css，其余 app.asar 内容保持字节级不动，并自动备份 app.asar.bak。需要还原时，从备份恢复并重启即可。整个流程只做本地文件读写，不上传参考图，也不执行主题包内的 JS。

适用边界与注意点

  • 版本敏感：WorkBuddy 大版本更新后，CSS 文件名或组件类名可能变化，皮肤可能需要微调。
  • 修改宿主文件：改写 app.asar 会使官方签名失效，自动更新可能拒绝，企业管控机或杀软也可能拦截。
  • 重启生效：注入写入文件后需要重启 WorkBuddy，当前窗口会关闭。
  • 参考图限制：优先支持 8-bit 非隔行 PNG；JPG 会降级为背景加手动配色。
  • 安全原则：主题包按不可信输入处理，不加载外部 CSS，不开放网络监听，装饰层保持 pointer-events: none 以保留原生交互。

使用场景

  • 给 WorkBuddy 首页、对话容器和侧边栏套一套赛博朋克霓虹配色，并预览后应用。
  • 用一张 8-bit PNG 参考图提取主色，生成全屏背景与半透明面板皮肤。
  • 把大话西游场景、紫霞仙子和水墨风格组合成原创同人主题包并应用到 WorkBuddy。
  • 换肤后重启不生效或官方更新被拒，用 app.asar.bak 一键还原官方外观。

适合人员

  • 维护 WorkBuddy 内部工具的前端工程师，希望按团队视觉规范定制首页、对话容器和侧边栏。
  • 负责客服工作台外观的桌面端产品负责人，想在不改业务代码的情况下预览并切换皮肤。
  • 做本地 Electron 应用主题实验的研究者，需要直接注入 renderer CSS 并保留可还原备份。
  • 使用 WorkBuddy 编写 Agent 的个人开发者，想要按参考图或电影场景生成个性化界面。