民间版【灵犀皮肤管理器】来了!你的办公助理,你自己定义
Lv.1 新人创作者
看了金山办公 WPS 的 7·15 发布会,看到灵犀专业版发布,还是挺兴奋的。
整场发布会看下来,我印象最深的一句话是:灵犀专业版想成为每个人的办公助理。
这个方向挺不错。毕竟 WPS 做了三十多年办公,这句话从它嘴里说出来,还是挺有分量的。
但是,非要挑刺的话……
每个人的助理,总不能都长得一模一样吧?
你说对不对,哈哈 😄
想到这里,我临时起意:不如用 AI Coding 给灵犀做一个皮肤管理器。趁灵犀团队官方还没做,我先下手为强,提前体验一下,把办公助理 DIY 成自己喜欢的样子,究竟是什么感觉。
毕竟灵犀原来的界面还是比较素的。
来吧,说干就干,Coding 起来。
先说清楚,本人可以上开发零基础,只懂一些微小的概念,如有描述不对的地方,请大家指正。
一开始,我以为只是换个颜色
最初的想法其实很简单。
做几个预设主题,支持调整强调色、页面背景、侧边栏、卡片颜色,再允许用户上传一张自己喜欢的图片。听起来不难,无非就是“换肤”。
第一版很快就跑起来了。界面的确变了颜色,也能放上一张背景图,看起来好像已经完成了一大半。但真正用起来之后,我很快发现:能换颜色,和真的像一套皮肤,是两回事。
背景图经常被中间的对话框挡住;有些颜色只改变了按钮,专家模式的电脑图标却纹丝不动;恢复默认之后,页面里还残留着上一套皮肤的颜色。
更麻烦的是,管理器里的预览界面和真实灵犀并不完全一致。预览里看着位置刚刚好,放进客户端,角色可能直接压住标题,或者离输入框还有一截。
所以这件事很快从“做一个换色工具”,变成了“重新理解灵犀整个界面是怎么组成的”。
不能只看截图,要真的进入客户端
前几版适配,我参考了灵犀的截图来还原页面。后来发现这个思路不够。
灵犀的侧边栏会展开和收起,输入框会随着窗口尺寸变化,对话状态、工作台和加载页面也不是固定不动的。只按照某一张截图计算位置,窗口一变,挂件就会漂走。
于是我干脆进入真实客户端,重新检查灵犀的界面结构:
侧边栏到底多宽;
输入框真正对应的是哪一层;
哪一层负责背景,哪一层负责圆角;
专家模式图标使用的是什么颜色;
夜间模式是怎样切换的;
启动页、侧边栏、欢迎页和对话状态分别使用了哪些 Logo 和名称。
这个过程有点像给灵犀做“全身体检”。
也是从这里开始,这个项目才真正进入深度适配阶段。
背景不是铺上去就结束了
背景是最早暴露问题的地方。
如果直接把一张完整图片铺在界面下面,中间巨大的输入框和内容卡片会挡住图片主体。用户明明上传了一张喜欢的形象,最后只能看到一点边角,体验非常差。
所以后来我把“背景”和“角色”拆成了两套能力。背景负责整体氛围,可以选择:
只覆盖对话区域,或者覆盖整个窗口;
裁切铺满、完整显示、原始尺寸或者纹理平铺;
调整视觉焦点、遮罩强度和背景模糊;
使用专门的留白模板,把主要内容避开输入框和阅读区域。
角色则不再画进背景里,而是作为一个独立挂件,趴在输入框边缘。
这样,角色就不再是一张悬浮在页面上的图片,而是和输入框发生了真正的关系。
它可以趴在左上角、右上角或者中间。输入框变宽、窗口缩放、侧边栏开合时,角色都会跟着重新定位。
做“金小獴探头”皮肤时,我还遇到了一个很细的坑。
最初系统把整张图片的底边当成贴框线,导致角色虽然位置大致正确,但两只手之间留下了一大片空白,看起来像悬在输入框上。
最后只能继续往下细调,让输入框上沿从角色胸口和两只手臂之间穿过去。这样前臂自然垂进输入框,才真正有“趴着爬出来”的感觉。
这种细节单独看很小,但它直接决定了一套皮肤是“贴了一张图”,还是角色真的生活在界面里。
既然要换,就换得彻底一点
做到这里,我开始不满足于只修改颜色和背景。
如果用户把灵犀改成了一个新的角色,那么客户端左上角为什么还叫“灵犀”?启动页为什么还是原来的 Logo?发送消息时,为什么依然显示“灵犀正在工作”?
于是,皮肤管理器继续向下延伸。
现在上传一个 Logo 或角色形象后,可以同步替换:
客户端侧边栏的 Logo 和名称;
窗口标题和折叠标题栏;
启动加载页;
工作台和欢迎区域;
“已就绪”“正在思考”“正在使用工具”“正在回答”等对话状态;
对话状态旁边显示的头像;
个性化应用入口的名称和图标。
甚至还可以把新名字同步进灵犀的身份记忆里。
这样,当你把它改名为“山海”“金小獴”或者其他名字后,它在自我介绍时也会使用新的名称,而不是界面已经换了身份,对话里却依然自称“灵犀”。
这时,它才不仅仅是换了一张皮,而是真的拥有了一套相对完整的新身份
👇
夜间模式又让我返工了一轮
白天模式适配完成后,我切到夜间模式,页面瞬间变成了大型翻车现场。
有些主题的背景变暗了,但文字没有同步调整;有些卡片颜色太接近背景,几乎看不清;输入框虽然内部有圆角,外层却还露着一块直角深色底板;强调色和部分图标也没有跟着主题变化。
这意味着,每一套皮肤都不能只有一组颜色。
最后,我给所有主题重新准备了独立的日间和夜间配色,并逐项检查文字、卡片、侧边栏、输入框、专家模式图标和发送按钮。
皮肤管理器的预览区也加入了日夜切换。选择皮肤时就可以提前检查效果,而不是应用之后才发现晚上根本看不清。
预设皮肤也越做越多
为了看看这套系统究竟能走到什么程度,我陆续做了几组不同方向的预设皮肤。
有参考 AI 产品界面语言设计的 Claude 亚麻和 ChatGPT 原生风格;有几套偏 ChinaJoy 氛围的原创 IP;后来又加入了 WPS 家族角色。
金小獴做了两个动作:
一个是双手趴住输入框,像个陪你一起上班的小搭子;另一个参考小动物从栏杆后慢慢爬出来的动作,趴着探头看你。
小表姐也做了两个版本:
一个是微笑趴框,另一个会眨眼、点赞,像是在旁边说“没问题,继续加油”。
这些预设并不是为了把选择限制在几个固定角色里。
更重要的是,它们证明了一件事:一套完整皮肤可以同时包含配色、背景、Logo、名称、夜间模式和动态挂件,而不是简单换一张壁纸。
用户也可以上传自己的形象,让管理器从图片中自动提取颜色,再继续调整背景、卡片、文字和圆角。理论上,喜欢的宠物、原创角色、游戏形象,甚至公司的品牌 IP,都可以被做成自己的办公助理。
最后,我把它打包成了一个独立应用
因为我没办法协调灵犀客户端团队,所以这次完全是从第三方角度完成的尝试。
它不会直接修改 WPS 灵犀的应用文件,而是在本机给客户端加载受控的主题样式。用户可以随时恢复默认,也可以把管理器打包后分享给其他已经安装灵犀的人。
当然,作为第三方工具,它仍然有边界。
如果灵犀未来大幅调整界面结构,部分位置可能还需要重新适配;运行中的客户端名称和系统通知,也不是所有地方都能彻底改变。
但至少现在,从启动页、侧边栏、工作台,到输入框、对话状态和夜间模式,一套皮肤已经能够比较完整地贯穿整个产品界面。
写在最后
回头看,我觉得最有意思的地方,并不是我给灵犀换了多少种颜色,也不是做了多少个角色。而是它让我重新理解了“每个人的办公助理”这句话。
如果未来 AI 助理会长时间参与我们的工作,它可能不仅需要了解我们的文件、项目和习惯,也应该允许我们决定,它以什么名字、什么形象、什么状态陪在身边。
有人喜欢极简,有人喜欢科技感;有人希望它安静待在角落,也有人希望打开电脑时,能看到一只小动物趴在输入框边上。
每个人的工作方式不同。所以,每个人的办公助理,当然也可以长得不一样。这大概就是我临时起意做这个皮肤管理器的原因。
接下来,我可能还想继续尝试更完整的主题包、动态表情和角色状态联动。说不定以后,灵犀在思考、工作、完成任务时,旁边的角色也会做出不同的动作呢哈哈
至于官方什么时候会做这件事,我不知道。
反正这一次,我先替自己做出来了。
7月 23日更新👇
下载地址都打包在GitHub上了,也支持了Windows 平台:
https://github.com/Githun1314/lingxi-skin-manager/releases/tag/v0.7.3
@金山办公
Lv.3优质创作者