这是一个或许对你有用的社群 一对一交流/面试小册/简历优化/求职解惑欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料《项目实战视频》从书中学往事上“练”《互联网高频面试题》面朝简历学习春暖花开《架构 x 系统设计》摧枯拉朽掌控面试高频场景题《精进 Java 学习指南》系统学习互联网主流技术栈《必读 Java 源码专栏》知其然知其所以然这是一个或许对你有用的开源项目国产Star破10w的开源项目前端包括管理后台、微信小程序后端支持单体、微服务架构RBAC权限、数据权限、SaaS多租户、商城、支付、工作流、大屏报表、ERP、CRM、AI大模型、IoT物联网等功能多模块https://gitee.com/zhijiantianya/ruoyi-vue-pro微服务https://gitee.com/zhijiantianya/yudao-cloud视频教程https://doc.iocoder.cn【国内首批】支持 JDK17/21SpringBoot3、JDK8/11Spring Boot2双版本来源Hermes Agent 很强但入口太工程师hermes-web-ui 补的是最后一公里聊天区流式输出 工具调用可视化会话管理项目、标签、归档一起来定时任务、技能、记忆、Profile 全都可视化手机访问Tailscale 比 Telegram Bot 更顺安装本地、Docker、远程三选一代码不大但结构清楚安全机制本地友好公网强制密码值不值得装看你用 Hermes 的频率Hermes Agent 是 Nous Research 出品的开源 AI Agent11 万 StarMIT 协议Python 写的。能力上基本没得挑带记忆、会自动沉淀技能、不绑模型、内置定时任务、十几个消息平台都能接。问题是它只有终端。这就像你手里有台发动机却没方向盘。hermes-web-ui就是冲着「方向盘」来的——让你在浏览器里用 Hermes终端能干的它都能干。Hermes Agent 很强但入口太工程师在讲 Web UI 之前先说清楚 Hermes 到底强在哪这样才懂 UI 补的是什么。能力Hermes 是怎么做的记忆MEMORY.md存环境和经验USER.md存你的偏好每次会话自动注入历史全部会话落在 SQLite 里随时检索自学工具调用超过 5 次的复杂任务会被自动沉淀成「技能」文件下次复用模型OpenAI、Anthropic、Google、DeepSeek、OpenRouter、Ollama 一条命令切换定时内置不用碰 crontab触达Telegram、Discord、Slack、WhatsApp、Signal 等 10 平台这套能力放在 2025 年的开源 Agent 里是头部水平。但前面这些事以前全部要在终端里敲命令、看日志、改配置文件。工程师能忍但高频用的时候依然低效会话一多就找不到旧对话任务一跑就要 tail 日志技能一多就要ls -la翻文件。基于 Spring Boot MyBatis Plus Vue Element 实现的后台管理系统 用户小程序支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能项目地址https://github.com/YunaiV/ruoyi-vue-pro视频教程https://doc.iocoder.cn/video/hermes-web-ui 补的是最后一公里hermes-web-ui是社区做的 Web 前端目标很朴素终端能做的事浏览器里也能做。三栏布局一眼就懂左边会话列表和项目导航中间聊天区右边工作区文件浏览。模型、Profile、工作区的切换挂在输入框底部。还有一个「控制中心」按钮里面是会话管理、偏好设置、系统信息。技术栈反着来的——没有构建步骤没有打包工具没有前端框架。后端 Python前端原生 JavaScript。启动就三行git clone https://github.com/nesquena/hermes-webui.git hermes-webui cd hermes-webui ./start.sh浏览器打开http://localhost:8787。如果环境里没有 Hermesbootstrap.py会自动拉起来。对于一个 Agent 的可视化工具来说这种「抗诱惑」的技术选型反而是优点没有 node_modules没有 Vite HMR没有框架升级地狱改一行 JS 刷新就见效。基于 Spring Cloud Alibaba Gateway Nacos RocketMQ Vue Element 实现的后台管理系统 用户小程序支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能项目地址https://github.com/YunaiV/yudao-cloud视频教程https://doc.iocoder.cn/video/聊天区流式输出 工具调用可视化聊天区是和普通 AI 聊天工具拉开差距的地方核心就两个字可视化。流式响应Token 一个个冒出来和你在命令行看到的一模一样。消息重试上一条回复一键重试任务跑一半可以取消。工具调用卡片每次工具调用都是一张卡有工具名、参数、结果摘要可折叠。子 Agent 缩进AI 派出子 Agent 干活时子任务单独缩进显示图标区分不会和主干混成一坨。Mermaid 现场渲染流程图、时序图、甘特图直接画出来不用跳到外部工具。推理链展示Claude 的深度思考、o3 的推理链以可折叠的金色卡片显示。危险命令拦截遇到rm -rf这种界面弹出「允许一次 / 本次会话允许 / 始终允许 / 拒绝」四选一。Token 表盘输入框底部有圆形进度环实时显示 Token 用量、花费、模型上限。这里面最不该被忽略的是「危险命令拦截」和「Token 表盘」。前者避免 Agent 一失手删了你的项目后者让你对成本有感——AI 产品里看不见的成本迟早变成一笔看得见的账单。会话管理项目、标签、归档一起来只有聊天功能的 AI 工具会话一多就开始糊。hermes-web-ui 把会话当数据来管基础操作创建、重命名、复制、删除、按标题或正文搜索。右键菜单置顶、移进项目、归档、复制、删除。置顶会话顶部有金色标记。项目分组带颜色的分组适合把同一领域的会话收拢。标签过滤标题里写#tag自动变成彩色标签点击可过滤。时间分组侧边栏按「今天 / 昨天 / 更早」自动折叠。命令行会话也能接管你在终端里跟 Hermes 的对话会带金色cli标记出现在侧边栏点进去就能接着聊。导入导出单条对话可以导出 Markdown 或 JSON也能从 JSON 导回来。最后两条最关键。终端和 Web 共享历史意味着你可以在地铁上用手机扫尾工程师朋友昨晚在公司终端里留下的那个会话无缝衔接。定时任务、技能、记忆、Profile 全都可视化这一块是 Web UI 相对终端的最大增量。定时任务Tasks 面板可以查看、新建、编辑、运行、暂停、删除。任务跑完自动 Toast 通知侧边栏 Tasks 标签有未读角标。任务失败顶部横幅会告诉你即使你当时不在这个会话里。技能管理所有已安装技能按类别分组展示支持搜索、预览、在线新建和编辑。这相当于把~/.hermes/skills/目录用图形界面包了一层。记忆面板直接在浏览器里编辑MEMORY.md和USER.md不用 SSH 进服务器。多 Profile一个 Profile 就是一套独立配置模型、API Key、技能、记忆、定时任务。可以新建、克隆、切换、删除切换不用重启。本地模型Ollama、LM Studio直接填 Base URL 和 Key 就行。主题内置 7 套Dark、Light、Slate、Solarized Dark、Monokai、Nord、OLED/theme命令或设置面板都能切想自己写一套也就 CSS 里加一个:root[data-themename]的事。语音输入麦克风按钮一键录音静默 2 秒自动停转录追加到输入框不覆盖。用的是浏览器 Web Speech API不支持的浏览器直接隐藏按钮。手机访问Tailscale 比 Telegram Bot 更顺屏幕宽度低于 640px 自动切抽屉式侧边栏所有交互元素点击区域不小于 44px聊天区按全屏高度计算底部不挤。更有意思的是手机访问方案Tailscale Web UI。服务端和手机都装 TailscaleUI 启动时加HERMES_WEBUI_HOST0.0.0.0 HERMES_WEBUI_PASSWORDyour-secret ./start.sh手机浏览器打开Tailscale IP:8787即可。流量走 WireGuard 加密应用层再套一层密码。说白了以前大家想在手机上用 Hermes第一反应是接 Telegram Bot。但 Bot 天生就是单次问答模式不方便看工作区、不方便看任务列表、不方便改记忆。Tailscale Web UI 的方案直接把「完整 Web 工作台」搬到了手机上体验差别很大。安装本地、Docker、远程三选一本地启动先装 Hermes Agentcurl -fsSL https://raw.githubusercontent.com/NousResearch/hermes-agent/main/scripts/install.sh | bash source ~/.bashrc hermes model # 选 LLM 提供商Windows 不支持用 WSL2。再启动 Web UIgit clone https://github.com/nesquena/hermes-webui.git hermes-webui cd hermes-webui python3 bootstrap.pybootstrap.py会自检 Hermes Agent 有没有装自动补、自动起服务、自动开浏览器第一次还会走引导向导。Docker镜像推到了 GHCRamd64 和 arm64 都有docker pull ghcr.io/nesquena/hermes-webui:latest docker run -d \ -e WANTED_UID$(id -u) -e WANTED_GID$(id -g) \ -v ~/.hermes:/home/hermeswebui/.hermes \ -v ~/workspace:/workspace \ -p 8787:8787 ghcr.io/nesquena/hermes-webui:latest推荐用 Docker Compose 把 Agent 和 Web UI 拆成两个容器通过共享卷通信docker compose up -d两个容器共享~/.hermes配置、会话、技能、记忆都在里面。远程机器服务默认绑127.0.0.1只有本机能访问。跑在 VPS 上用 SSH 隧道转发ssh -N -L 8787:127.0.0.1:8787 useryour.server.com脚本检测到 SSH 环境时会自动把这条命令打印出来贴心。代码不大但结构清楚这个项目没有靠堆代码行数吓人但分层挺干净server.py HTTP 路由 认证中间件约 154 行 api/ auth.py 密码认证签名 Cookie约 201 行 config.py 配置发现、模型检测、热重载约 1110 行 routes.py 所有 GET/POST 路由约 2250 行 streaming.py SSE 引擎Agent 运行取消支持约 660 行 workspace.py 文件操作Git 检测约 288 行) static/ index.html HTML 模板约 600 行 style.css CSS含主题和移动端适配约 1050 行 ui.js DOM 工具、消息渲染、工具卡片约 1740 行 panels.js 定时任务、技能、记忆、Profile约 1438 行 tests/ 53 个测试文件961 个测试函数运行状态全部落在~/.hermes/webui-mvp/里会话、工作区、设置、项目、上次工作区都在一处。路径可通过环境变量覆盖挺符合 12-Factor。961 个测试函数放在一个前端项目里有点超规格但这也反映出维护者是把它当「长期运行工具」来做的——不是一个玩具 demo。安全机制本地友好公网强制密码密码默认关闭方便本地用。一旦暴露到公网设HERMES_WEBUI_PASSWORD环境变量或在设置面板里启用。认证是 HMAC 签名的 HTTP-only Cookie24 小时有效。默认已加的安全 HeaderX-Content-Type-Options、X-Frame-Options、Referrer-Policy。CDN 资源加 SRI 哈希POST body 限制 20MB。一句话本地跑不烦人公网跑不裸奔。这是很多开源 Web UI 项目做不到的默认值。值不值得装看你用 Hermes 的频率不是每个人都需要这个。如果你只是偶尔问几句 AIChatGPT / Claude.ai 就够了装 Hermes 本身就过度。hermes-web-ui 的真正价值出现在「长期、高频用 Hermes」的场景你有一堆自动化任务在跑要随时看状态你在 VPS 上跑 Agent但不想一直开 SSH你想在手机上用 Agent但又不想被 Telegram Bot 的单聊模式限制你 Profile 一多终端里切换已经开始痛苦。这种场景下Web UI 把「需要记命令」的 Agent 变成了「鼠标能点」的面板效率差距会慢慢显出来。项目地址https://github.com/nesquena/hermes-webuiHermes Agenthttps://github.com/NousResearch/hermes-agent欢迎加入我的知识星球全面提升技术能力。 加入方式“长按”或“扫描”下方二维码噢星球的内容包括项目实战、面试招聘、源码解析、学习路线。文章有帮助的话在看转发吧。 谢谢支持哟 (*^__^*