Agent Skills
返回列表
🔒

WorkBuddy 毛玻璃主题 · Windows 换肤

IT 运维与安全 更新于 2026.08.29

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_92508e76/workbuddy-skin-windows。

技能介绍

要解决什么问题

WorkBuddy 桌面客户端基于 Electron,原生界面以 --cb-* CSS 变量驱动,默认没有「深空樱雾」类毛玻璃背景与侧栏无边规格。若只在用户目录外挂样式,往往无法稳定覆盖 renderer 内打包好的资源;升级或重装还会把改动一并抹掉。本技能针对 Windows 版 WorkBuddy,在不动应用其它文件的前提下,把主题写进 app.asar 里的 renderer/assets/index-*.css,重启后样式持久生效。

工作原理与能力

核心是 asar 归档内联 CSS 注入:在 CSS 末尾追加以 /* WORKBUDDY_SKIN */ 开头、/* END SKIN */ 结尾的自包含样式块,覆盖 WorkBuddy 变量与关键组件。作用域限定在 body[data-application-name=workbuddy];背景需同时满足 background-size: cover、center、no-repeat、fixed 四件套;侧栏目标为 完全无边框(border: none)。

两种构建产物共用同一套界面参数:

  • static:星空 JPEG 以 base64 内联,包体约 0.2 MB,适合低开销、快速加载
  • dynamic:纯 CSS 星场动画(极光漂移 + 星点闪烁),约 9 KB,无外部资源依赖

安装脚本会探测常见安装路径(含 %LOCALAPPDATA%、Program Files、注册表等,可用 WB_PATH 覆盖),替换前在 %USERPROFILE%\WorkBuddy\ 做时间戳备份;重复执行时按前缀剥离旧块再注入,幂等、不累积。

边界与注意

  • WorkBuddy 升级或重装会还原 app.asar,主题会丢失,需重新执行 apply 流程(约 1 分钟)
  • 仅修改 app.asar,不含个人数据或硬编码本机路径;示意星空素材可换成自有或已授权资源
  • 应用主题后请在 WorkBuddy 内选择 深色主题,以保证文字对比度可读
  • 需在系统终端运行安装脚本(非 WorkBuddy 内置终端),并需本机 Node.js;脚本会尝试提权以替换 asar

使用场景

  • 团队在 Windows 上统一使用 WorkBuddy,需要侧栏无边框与深空毛玻璃背景,以匹配内部 UI 规范。
  • WorkBuddy 升级或重装后 app.asar 被还原、主题消失,需要在不改动其它应用文件的前提下快速重新注入 CSS。
  • 希望用纯 CSS 动态星场(约 9 KB)替代内联 JPEG 静态背景,降低 asar 增量并避免额外资源依赖。
  • 要把同一套换肤包复制到多台 Windows 机器,且包内不含硬编码本地路径或个人数据。

适合人员

  • 每天在 Windows 上用 WorkBuddy 桌面端处理协作任务、希望界面长期保持深空樱雾毛玻璃主题的工程师
  • 负责 WorkBuddy 客户端外观与变更管控、需要 asar 时间戳备份与可回滚换肤方案的企业 IT 运维
  • 了解 Electron asar 结构、希望通过内联 CSS 覆盖 --cb-* 变量而非改源码的桌面端开发者
  • 需要把 WorkBuddy 侧栏与控件透明度调到统一规格,并在应用内切换深色主题以保证可读性的视觉定制维护者