个性化 OpenClaw 网页 Logo
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_e65b4130/personalize-openclaw-webui-logo。
技能介绍
问题在哪
OpenClaw 控制台的 favicon(标签页里的小图标)写在全局安装包里的 dist/control-ui/。你改完图标,一旦跑 npm update openclaw 或官方升级,整个 dist 会被覆盖,自定义 logo 就没了。浏览器还会长期缓存 favicon,即使文件已换,标签页也可能仍显示旧图。
技能怎么干
本技能把多套 logo 的 master 放在 logos/<套名>/favicon-master.png(或随包携带的 base64 .txt),用 apply-logo.sh 一键完成三件事:
- 自动探测
control-ui路径(OPENCLAW_UI_DIR、npm root -g、常见全局前缀等) - 按平台选用 sips / ImageMagick / Pillow / ffmpeg 生成
favicon.svg、favicon-32.png、favicon.ico、apple-touch-icon.png并写入 dist - 在 skill 目录外的
${OPENCLAW_HOME:-~/.openclaw}/state/personalize-openclaw-webui-logo/applied-state记录当前套名与哈希,供后续还原使用
内置套包括 original、mac、windows、linux、mac-finder 等;套名不对时脚本会列出可用目录。可选 gateway:startup 钩子:每次 gateway 启动只对 favicon-32.png 做一次 sha256,与状态不一致则在后台非阻塞调用 check-and-restore.sh 重贴,不拖慢启动。
边界与注意
- 触发词需明确提到 openClaw 或 小龙虾;泛泛说「换网站 logo」不应走本技能。
- Windows 需在 Git Bash / WSL / MSYS2 下跑 bash 脚本;换完后用 Cmd+Shift+R 或 Ctrl+F5 硬刷新。
- 钩子只守护经
apply-logo.sh写入的状态;手动改 dist 且未更新applied-state时,可能被钩子按记录套名覆盖回去。
使用场景
- 全局 npm 升级 OpenClaw 后,控制台标签页图标被官方 dist 覆盖,需要按上次选的套一键重贴
- 想在同一台机器上把 OpenClaw Web UI 换成 mac、windows 或 linux 主题 favicon,并生成全套尺寸写入 control-ui
- 内网自建 OpenClaw gateway,希望团队打开控制台时标签页显示统一品牌图标而非默认小龙虾
- 已用 apply-logo.sh 贴过图标,希望每次 gateway 重启时自动检测 favicon 哈希并在被升级冲掉后后台还原
适合人员
- 负责全局安装并定期升级 OpenClaw、升级后总要手动修 control-ui 图标的基础设施维护者
- 本机跑 OpenClaw gateway、经常改控制台外观又不愿每次升版后重找 dist 路径的后端或平台工程师
- 给团队部署 OpenClaw 控制台、需要标签页图标与内网品牌一致的自建环境管理员
- 在 macOS 上日常用 OpenClaw、希望用 mac-finder 等现成套替换默认 favicon 的桌面端用户