WorkBuddy 换肤

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

给 WorkBuddy 桌面端换皮肤:给一张图片或一句话描述,就生成壁纸与整套配色并写进 WorkBuddy 外观资源的三层缓存,界面立刻变成你的样子,重启也不丢。当用户提到「换肤」「换皮肤」「界面背景」「主题背景」「自定义皮肤」「换成某某颜色」「用这张图当皮肤」时使用。 也适用于「换成颜色」这类说法。

一句话选型结论

按资料字段整理

WorkBuddy 换肤是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_01de61f3/ym-wb-skin
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_01de61f3仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791678104
正文体量6.3 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
WorkBuddy 换肤当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

6.3 KB
模型实际读到的说明书原文,来自技能仓库

WorkBuddy 换肤 (ym-wb-skin)

把 WorkBuddy 界面换成用户想要的样子:给一张图(或一句话颜色描述),自动生成壁纸与整套配色,
写进 WorkBuddy 自己的皮肤缓存里 —— 不用常驻进程、不用开调试端口,重启也在。

何时使用

  • 用户说「换肤 / 换皮肤 / 换个界面风格」
  • 用户丢来一张图说「用这张当皮肤 / 当背景」
  • 用户说「换成深蓝 / 暖金 / 莫兰迪色」这类颜色描述
  • 用户抱怨「皮肤又变回去了」(跑自检修复)

第 0 步 · 版本自检(每次动手前先跑)

python scripts/sync.py --json

只读比对线上版本:退出码 0 最新 · 10 有新版建议重装 · 20 主版本不同必须重装 · 30 联网失败按旧版继续。

本技能不自动更新自己 —— 换版本只有一条路:用户明确重装 (skillhub install ym-wb-skin)。

运行前提

  • 依赖:Pillow;首次使用先跑 python scripts/setup.py
  • 本机 WorkBuddy 桌面端(Windows / macOS 均可,脚本用 ~/.workbuddy 定位配置,不写死盘符)
  • 外观面板里至少下载过一个服务器主题(内置浅色/深色不落盘,不能当载体)
  • 无运行时配置与本地数据之外的额外要求;运行时产物一律放 ~/.workbuddy/wb-skin/(壁纸、暂存 CSS、清单)

执行步骤

A. 有图片时

  1. 做壁纸 — python scripts/make_wallpaper.py <图片路径>
    竖图自动走「虚化铺底 + 原片贴右侧」构图,横图直接裁切。产出 ~/.workbuddy/wb-skin/wallpaper.jpg。
  2. 生成皮肤 — python scripts/gen_skin.py --wallpaper <壁纸路径> --source-image <原图>
    自动从图片算主色相,套用到官方原版配色的全部色值上;背景图去重内嵌;附带侧栏可见性修复。
    产出 ~/.workbuddy/wb-skin/skin.css(超过快照限额会自动压壁纸重试)。
  3. 落盘 — python scripts/apply_skin.py
    默认写入所有服务器主题目录(每个目录先备份官方原版为 skin.css.ym-official);
    只想改一个目录加 --carrier <目录名子串>。
  4. 让用户生效 — 提示:设置 → 外观 点一下当前主题(若已选中先切到别的再切回来),或重启 WorkBuddy。
    官方应用成功后会自己把皮肤写进启动快照,之后每次冷启动自动恢复。

B. 只有颜色描述时

  1. 出壁纸 — python scripts/make_wallpaper.py --color "#3A6EA5"(生成同色系柔和渐变,无需图片)。
    想要更有画面感时,可先用图像生成能力出一张横版图,再走 A 的第 1 步。
  2. 其余同 A 的第 2–4 步。

C. 皮肤被官方覆盖了

python scripts/check_skin.py 查看漂移情况,python scripts/check_skin.py --repair 自动补回
(退出码 10 = 有漂移)。建议挂一个每日定时任务跑 --repair,服务器刷新主题版本、限时皮肤到期
都能自动恢复。

D. 还原官方原版

python scripts/restore_skin.py(全部目录)或加 --carrier <目录名子串> 只还原一个。
还原后同样需要点一次主题或重启才生效。

目录说明

  • scripts/ — 执行逻辑(make_wallpaper.py 做壁纸、gen_skin.py 生成皮肤 CSS、
    apply_skin.py 落盘、check_skin.py 自检修复、restore_skin.py 还原、
    scripts/sync.py 版本自检、scripts/setup.py 依赖安装)
  • references/ — 按需加载的参考文档
    (mechanism.md 皮肤机制源码级结论,改机制或排查不生效时读它;
    pitfalls.md 踩坑清单,出现「颜色变了图没了」「改了没反应」时读它)

版本历史

v1.0.0 (2026-09-22)

  • 首版:图片 → 壁纸(竖图虚化延伸构图、横图裁切)→ 自动配色(色相圆周平均映射)→ 皮肤 CSS → 落盘生效。
  • 附带侧栏可见性修复、启动快照限额自查(512KB)、自检修复(check_skin.py --repair)与一键还原。
  • 支持「只给颜色」的用法:make_wallpaper.py --color 生成同色系渐变壁纸,无需图片。

常见坑

  1. 颜色变了、背景图没了 —— 把图片地址换成变量时只替换了地址部分,产出非法的
    url("var(--ym-bg)"),整条声明被丢弃。必须连同 url(...) 一起替换。
  2. 改了 skin.css 界面没反应 —— 三个原因:主题 key 不该带版本时间戳;当前是内置浅色/深色
    (官方会主动清掉自定义皮肤,内置主题不能当载体);点了已经选中的主题(同主题是 no-op)。
  3. 重启后第一帧没皮肤 —— 启动快照有 512KB 硬上限且超限静默失败,背景图必须去重内嵌成一份。
  4. 侧栏看着消失了 —— 官方把侧栏底色设成 transparent,DOM 一直在;CSS 末尾已强制给回面板实色。
  5. 服务器刷新 / 皮肤到期后被打回原形 —— 目录名带版本时间戳会变、限时皮肤到期会回落浅色;
    靠每日跑 check_skin.py --repair 自愈。
  6. Windows 的 Git Bash 会把 ~ 路径转成怪样子 —— 传脚本参数时用显式完整路径。

完整清单与源码级机制说明见 references/pitfalls.md 与 references/mechanism.md。

常见问题

5 问
答案由本站依据条目字段整理
WorkBuddy 换肤怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_01de61f3/ym-wb-skin。安装方式为未标注。装完刷新技能列表或重开客户端。

WorkBuddy 换肤支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

WorkBuddy 换肤权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

WorkBuddy 换肤收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

WorkBuddy 换肤用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。