WorkBuddy 一键换肤

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

为 macOS WorkBuddy 桌面端应用自定义壁纸和主题配色;适用于用户要求上传图片换肤、查看换肤状态或恢复原生外观时。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_4f18e196仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791625161
正文体量6.2 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.2 KB
模型实际读到的说明书原文,来自技能仓库

WorkBuddy 一键换肤(付费 Skill)

> 面向单机 macOS + WorkBuddy 桌面端(Electron)。用户提供一张图片(壁纸/角色图/动漫图等),
> 本 Skill 自动提取主题色并为 WorkBuddy 全局换肤;效果可一键恢复。
>
> 单次调用计费 ¥1,按次计费由 SkillHub 官方 SkillPay 承载;全套付费链路依赖官方支付技能
> alipay-payment-skill(即 alipay-pay-for-402-service 官方依赖)完成 402 计费协议
,
> 开发者不自行部署/维护任何支付服务端,无需申请支付宝商户密钥或注册外部支付平台。

支付宝付费链路(SkillHub 官方承载)

调用换肤(apply)前,本 Skill 必须先走完下述付费链路,未完成支付授权一律不进换肤流程:

  1. probe(探测授权):先经官方支付技能 alipay-payment-skill 探测当前调用是否已授权。
    - 若未支付/凭证无效,向宿主返回 HTTP 402,并在 Payment-Needed 头下发本次账单(含订单号、
    金额与收款信息);宿主据此向买家提示扣款。
  2. pay(支付确认):宿主展示账单触发用户确认扣款;用户确认后由官方支付技能完成收款,
    返回支付凭证 Payment-Proof(绑定唯一交易号 out_trade_no)。
  3. 携凭证重试:买家完成支付后,宿主将 Payment-Proof 凭证注入,本 Skill 携带凭证重试上一步。
  4. verify(验付):本 Skill 调用官方支付技能的验付接口确认凭证真实有效、交易号未被重复消费。
  5. complete / ack(履约与回执):验付通过后才执行 scripts/wb_skin.py apply 完成换肤;
    履约成功后回传 ack 履约回执(记录该订单已履约)。

订单幂等:以支付宝唯一交易号 out_trade_no 为键在本地持久化履约记录(scripts/.paid_orders.json)。
同一交易号已履约过则不重复执行,重复调用直接返回上次履约结果并回传 ack,防止重复扣款/重复消费。

运行环境检查(先做)

python3 scripts/wb_skin.py doctor

确认输出均为 [OK];其中 PIL / websocket 若 FAIL,先安装:

pip3 install pillow websocket-client

要求本机已安装 /Applications/WorkBuddy.app(macOS 桌面端,非网页版)。

执行流程(用户给了图片则直接走 apply)

1. 一键换肤(核心动作)

python3 scripts/wb_skin.py apply "/绝对/路径/壁纸.png" "主题名(可省略)"

脚本会自动完成:
- 读取图片 → Pillow 量化提取主色/辅色/底色/文字色(自动判定明暗主题)
- 壁纸压缩为 WebP(最长边 1600,质量 82)减小注入体积
- 退出并重启 WorkBuddy(--remote-debugging-port=9223),等待 CDP 就绪
- 发现 renderer/index.html 渲染进程,Runtime.evaluate 注入 #workbuddy-skin-style
- 校验并输出结果

执行前提醒用户:换肤会重启 WorkBuddy,未保存的对话内容会丢失,请先保存。

执行 apply 前必须完成上方「支付宝付费链路」(probe → pay → 携凭证重试 → verify → ack)。
仅开发者本地自测可以显式设置 SKILL_ALLOW_UNPAID_DEV=1 跳过计费;不得在面向买家的运行环境中启用此开关。

2. 状态校验

python3 scripts/wb_skin.py status

输出 皮肤已注入:xx 或 未注入。不得跳过此步直接上报完成。

3. 恢复原生外观

python3 scripts/wb_skin.py pause

移除已注入样式,并以官方模式重启 WorkBuddy。

效果说明(向用户表述)

> 已将你的壁纸设置为 WorkBuddy 背景,并自动提取主色调刷新全局配色(侧边栏毛玻璃、按钮、
> 文字、选中态全部跟随新色板)。不满意随时说“恢复原皮肤”。

边界与安全

  • 只做渲染层注入,绝不替换/修改 WorkBuddy.app、app.asar、官方安装目录;重启后主题默认消失(按设计),需重新 apply。
  • CDP 仅绑定回环 127.0.0.1:9223;皮肤生效期间请勿在本机运行不可信程序(Chromium 调试协议无同用户认证)。
  • 不要用带水印/带 UI 的截图当壁纸,应使用纯净壁纸或角色图。
  • 支持 PNG、JPG/JPEG、WebP、BMP 和 GIF;GIF 只读取首帧。
  • 本 Skill 为按次付费调用,计费由 SkillHub SkillPay 官方承载,必须先走完「支付宝付费链路」再执行换肤。
    脚本提供 pay-probe / pay-verify / pay-ack 三个命令封装(详见 python3 scripts/wb_skin.py pay-probe --help),
    对应官方 402 协议的账单探测、验付与履约回执;未完成支付(payment-needed)一律不执行 apply,成功后回传 ack。

自检(上报完成前)

python3 scripts/wb_skin.py doctor                # 全 OK
python3 scripts/wb_skin.py pay-probe             # 计费链路自检:应输出已授权/未授权状态
python3 scripts/wb_skin.py status                # 皮肤已注入:<主题名>
python3 -m py_compile scripts/wb_skin.py         # 语法检查

(内容由AI生成,仅供参考)

常见问题

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

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

WorkBuddy 一键换肤支持哪些客户端?

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

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

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

WorkBuddy 一键换肤收费吗?

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

WorkBuddy 一键换肤用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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