🤖HermesBlog
Hermes 功能详解 · 第40篇2026/8/9· Easy Understand Hermes Agent

第40篇:皮肤主题——界面随心换

Hermes 功能详解第40篇:Skins & Themes。桌面应用换肤。

这篇教程教你如何给 Hermes Agent 的终端界面“换衣服”——从颜色、动图到文字,全都能按你的喜好定制。

你有没有想过,每天打开终端,看到的都是同一副面孔?Hermes Agent 的“皮肤”(Skin)功能,就是专门解决这个问题的。它好比手机的主题壁纸,不改变功能,只改变颜值。 而且它和“性格”(Personality)是两码事:性格决定 AI 说话的语气,皮肤决定界面长什么样。

皮肤主题:界面的换衣间

第1步:看看现在穿的是什么

在对话里输入:

/skin

系统会告诉你当前皮肤名称,并列出所有可用皮肤。

第2步:一键换装

想立刻换个风格?输入:

/skin ares        # 换成战神风(红铜配色)
/skin mono        # 换成极简黑白
/skin poseidon    # 换成海神风(深蓝渐变)

也可以把默认皮肤写进配置文件 ~/.hermes/config.yaml,这样每次启动都是它:

display:
  skin: default

第3步:认识几款“成衣”

官方自带 9 款皮肤,各有性格:

  • default:经典金白配色,暖金色边框,卡哇伊表情,最稳妥的选择。
  • ares:深红配青铜,加载动画变成“锻造中”“行军里”,连启动横幅都是刀剑图案。
  • mono:全灰阶,适合录屏或极简终端。
  • slate:冷静的皇家蓝,适合专注写代码。
  • daylight:为白色背景终端设计,深色文字配蓝边框,阳光下也看得清。
  • warm-lightmode:暖棕配米白,像羊皮纸一样柔和。
  • poseidon:深海蓝到海沫绿渐变,加载动画是“测算洋流”“探测深度”。
  • sisyphus:灰白高对比,加载动画是“推石上山”“循环往复”。
  • charizard:焦橙配余烬红,加载动画是“盘旋上升”“测量燃烧”。

官方 Hermes Mod 皮肤编辑器(社区皮肤示例)

第4步:自己动手做皮肤

在 ~/.hermes/skins/ 文件夹里新建一个 .yaml 文件即可。最妙的是:没写的项目会自动继承 default 皮肤,你只需要改想改的地方。

比如建一个 cyberpunk.yaml:

name: cyberpunk
description: 霓虹赛博风

colors:
  banner_border: "#FF00FF"    # 霓虹粉边框
  banner_title: "#00FFFF"     # 青色标题
  banner_accent: "#FF1493"    # 深粉强调色

spinner:
  thinking_verbs: ["正在入侵", "解密中", "上传数据"]
  wings:
    - ["⟨⚡", "⚡⟩"]

branding:
  agent_name: "赛博助手"
  welcome: "欢迎来到赛博空间!输入消息或 /help 查看命令。"
  goodbye: "再见,数字旅人!⚡"
  response_label: " ⚡ 赛博助手 "
  prompt_symbol: "⚡"

保存后输入 /skin cyberpunk 就能生效。

第5步:进阶定制(可选)

想改得更细?皮肤文件里还能控制:

  • 颜色:所有界面元素的十六进制色值,从横幅边框到补全菜单背景。
  • 加载动画:等待时的表情、思考时的动词、装饰括号。
  • 品牌文字:欢迎语、退出语、回复框标签。
  • 工具前缀:每条工具输出前的符号(默认是 ┊)。
  • 专属表情:给不同工具配 emoji,比如终端用 ⚔️,搜索用 🔮。
  • 自定义横幅:用 Rich 标记语法画 ASCII 艺术图。
  • 原始 CSS(customCSS):颜色表达不了的样式——字号、间距、伪元素、动画——可以直接写 CSS。桌面应用和网页仪表盘会在皮肤启用时把它作为 <style> 标签注入,切换到没有它的皮肤时移除。上限 32 KiB,仅对图形界面生效,命令行和 TUI 会忽略它。因为写在 ~/.hermes/skins/ 下的皮肤 YAML 里,应用更新也不会丢(不用再去改 app.asar)。
name: myskin

colors:
  background: "#1a1030"
  ui_accent: "#ff5fd2"

customCSS: |
  .chat-input { font-size: 16px; }
  .status-bar { background: rgba(0, 0, 0, 0.5); }

完整模板在官方文档里,复制下来改改就行。

第6步:桌面应用里的皮肤

如果你用的是 Hermes 桌面应用,皮肤会出现在 设置 → 外观(Settings → Appearance) 里,和桌面自带的主题排在一起。不过有几个地方和命令行不太一样,得注意:

  • default 在桌面上代表的是桌面默认主题 Nous,而不是命令行那套经典金白配色。所以配置里写 display.skin: default 并不会给桌面换肤;如果你在命令行或 config.yaml 里把皮肤切回 default,桌面这边也会跟着回到 Nous。
  • 经典金色外观在桌面上是一个单独的主题,叫 classic(显示为 Classic Hermes)。你可以在外观设置里直接选它,也可以在桌面聊天里输入 /skin classic、/skin gold 或 /skin hermes。它会跟随浅色/深色切换:深色模式下是深蓝底配金色,浅色模式下则是命令行那套浅色终端金黄配色。
  • classic 是桌面保留的主题名,和 mono、slate 这些桌面内置主题一样。如果你自己写的皮肤文件用了这些名字,桌面会继续用内置的配色,但你写的 customCSS 依然会生效。

小结

皮肤系统让 Hermes Agent 的界面真正“随心换”——改颜色、改动画、改文字,三分钟就能打造专属风格。 官方 9 款皮肤覆盖了从暗黑到明亮、从极简到花哨的各种审美,自定义功能更是给了你无限可能。桌面用户还能在外观设置里直接挑主题,经典金色外观记得认准 classic。

下篇预告:第41篇:多会话管理——同时开多个任务不乱套。敬请期待!

📖 官方文档

本文根据 Hermes Agent 官方文档编写,原文见:官方文档 › user-guide/features/skins