界面美化与个性化

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

一键换肤 如需Agent 增强完整工作流套件(13 模块 61 技能),淘宝搜索「AI灵匣」店铺获取完整版。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

典型使用场景

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

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

调整样式与布局

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

生成设计说明

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

选择建议

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

值得选的地方

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

先想清楚的地方

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

更适合

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

不太适合

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

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
界面美化与个性化当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 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.7 KB
模型实际读到的说明书原文,来自技能仓库

WorkBuddy Palette

通过本机 CDP 注入为 WorkBuddy 桌面端做可还原的换肤。工具以 --remote-debugging-port=9223
启动 WorkBuddy,发现其 renderer(renderer/index.html),把 CSS 和一个 🎨 调色盘菜单注入到
实时界面里。不触碰任何官方文件。

何时使用本技能

  • 用户发来 workbuddy-palette(或类似)的 GitHub 地址,让你安装 / 应用 / 使用它来给 WorkBuddy 换肤。
  • 用户想在不修改官方应用的前提下改变 WorkBuddy 的外观(配色、背景图、自定义上传图片)。
  • 用户反映 WorkBuddy 重启后调色盘消失、想重新应用,或想还原到原生外观。

前置条件

  • 已安装 WorkBuddy 桌面端(换的是桌面端,不是网页版)。
  • PATH 上有 Node.js 18+(注入器是纯 Node、跨平台)。WorkBuddy 自带 node 在
    ~/.workbuddy/binaries/ 下,所以通常不必全局安装。
  • macOS 或 Windows(WorkBuddy 桌面端不支持 Linux)。
  • 提醒用户一次:应用会重启 WorkBuddy,应用内未保存的工作会丢失,请先保存。

按意图选择参考文档

先检测平台,然后只读与用户需求对应的那一份参考文档,不要全读。

  • 应用 / 换色 → references/apply.md(macOS + Windows 步骤,跨平台)
  • 切换调色盘、上传自定义图片、palette.json 格式 → references/manage-palettes.md
  • 还原原生 / 重启后重新应用 → references/restore.md
  • 出问题了 → references/troubleshoot.md(doctor、CDP 端口、找不到应用 / node)
  • 想懂注入原理、文件地图、设计边界 → references/how-it-works.md

流程概览

  1. 检测平台:PowerShell $IsWindows / $env:OS = Windows_NT -> Windows;uname = Darwin ->
    macOS。确切命令见 references/apply.md。
  2. 应用调色盘。要指定 id 时,先跑 node lib/palette/cli.mjs list 拿到真实可用 id,
    不要凭记忆猜(写错会直接报错)。不带 --palette 则用 config.mjs 里的
    DEFAULT_PALETTE_ID。选调色盘或自定义图片见 references/manage-palettes.md。
  3. 验证:node lib/palette/cli.mjs status -> 期望看到注入/激活状态并列出 WorkBuddy 的 renderer。
  4. WorkBuddy 右上角会出现 🎨 按钮。告诉用户可以从这个菜单切换调色盘、上传自定义图片或还原原生。

> 首次 paint 重启 WorkBuddy 后,会自动把 --remote-debugging-port=9223 固化到 Windows
> 快捷方式(任务栏 / 开始菜单 / 桌面)。之后用户日常启动 WorkBuddy 自带调试端口,再跑 paint
> 不再需要重启,秒注入。--no-patch-shortcut 可跳过此行为。
> apply 和 pause 仍是 paint 和 restore 的隐藏别名(兼容旧指令)。

在 WorkBuddy 对话内调用(技能模式)

当本工具作为技能被 WorkBuddy AI agent 调用时,paint 会自动检测自身是否在 WorkBuddy 进程树内。
如果是、且 CDP 尚未就绪(需要重启 WorkBuddy),会 spawn 一个完全独立的后台进程来完成
"杀 WorkBuddy -> 重启带 CDP -> 注入调色盘",主进程立即返回提示。

这是因为 taskkill /F /IM WorkBuddy.exe 会杀掉 WorkBuddy 及其所有子进程(包括 AI agent
本身),无法在同一个进程内同步完成"杀+重启+注入"。后台进程不受影响,能独立完成全部工作。

返回结果中 detached: true 表示已启动后台进程,告诉用户等待几秒 WorkBuddy 重新打开即可。

暂停 / 还原原生

node lib/palette/cli.mjs restore

移除已注入的调色盘并正常重开 WorkBuddy。官方安装始终原封不动。细节见 references/restore.md。

护栏

  • 绝不替换、编辑或夺取 WorkBuddy.app、app.asar 或 Windows 安装目录的所有权。本工具只注入到活的 renderer。
  • CDP 仅绑定回环 127.0.0.1。提醒用户:调色盘生效期间不要运行不受信任的本机软件(Chromium CDP 对同用户进程无鉴权)。
  • 注入只随 renderer 生命周期存活。手动重启 WorkBuddy 后调色盘会消失(设计如此)——重跑 paint 恢复。
  • 不要把 README/预览截图或自带 UI 焙烧的图片当作调色盘背景;用干净的壁纸 / 角色立绘。

自检(报告完成前的健全性检查)

node lib/palette/cli.mjs doctor   # 平台、app 路径、CDP 端口、renderer 特征、默认调色盘
node lib/palette/cli.mjs status   # 注入状态
node --check lib/palette/cli.mjs  # 语法

doctor 应报告:平台正确、appFound: true、renderer 特征为 renderer/index.html、
且 defaultPalette.exists: true。

> defaultPalette.exists: false 意味着 config.mjs 的 DEFAULT_PALETTE_ID 指向了一个
> palettes/ 下不存在的目录——这会让不带 --palette 的 paint 直接失败。修 config.mjs
> 或改用 defaultPalette.available 里列出的 id。

排障顺序(换肤"没反应"时按此逐层排除):
1. doctor -> 确认 app 找得到、defaultPalette.exists: true
2. curl http://127.0.0.1:9223/json/list -> 确认 CDP 在监听且有 renderer/index.html 目标;
没有就说明 WorkBuddy 没带 --remote-debugging-port 启动
3. paint --palette <真实id> --restart false -> 期望 applied: 1
4. status -> 期望 installed: true、menu: true

给用户的一句话总结

> 我克隆了 workbuddy-palette,以调试模式重启 WorkBuddy 并注入了调色盘。用右上角的 🎨 按钮
> 切换或还原。如果手动重启了 WorkBuddy,重跑一次 paint 即可恢复。

常见问题

5 问
答案由本站依据条目字段整理
界面美化与个性化怎么安装?

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

界面美化与个性化支持哪些客户端?

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

界面美化与个性化权限高吗,安全吗?

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

界面美化与个性化收费吗?

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

界面美化与个性化用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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