ИИ-автоматизация

Claude-интерфейс бесплатно: Hermes WebUI — self-hosted рабочий стол (2026)

Hermes WebUI — self-hosted Claude-style трёхколоночный интерфейс для AI-агентов 2026

Введение

Веб-приложение Claude попало в точку с layout, который многие power users не хотят терять: история слева, диалог по центру, Artifacts / файлы справа. Проблема — подписка $20/мес и лимиты сессий: для casual-чата нормально, для агентов, tool loops и ежедневных исследований — больно.

Hermes WebUI (10 000+ звёзд на GitHub к 2026) — community web front-end для Hermes Agent, self-improving agent runtime от Nous Research. Код агента переписывать не нужно: одна Docker-команда (или docker compose up) — и вы получаете тёмный трёхпанельный интерфейс с живыми карточками tool calls и файловым браузером Workspace, ближе к продуктовому UI Claude, чем к сырому терминалу.

Это практическая инструкция Hermes WebUI для тех, кто хочет self-hosted AI chat UI и open source интерфейс в стиле Claude без per-seat SaaS. Разберём архитектуру, установку, безопасность и шесть типичных ловушек.

Если агенты уже крутятся в другом стеке — сравните с нашим гидом по мультиагентной маршрутизации OpenClaw. У Hermes есть hermes claw migrate для пользователей OpenClaw.

Раскрытие: ZecCloud предоставляет удалённые Mac-хосты. Это руководство независимо от проектов Hermes и Nous Research.

Что такое Hermes WebUI (и чем не является)

Определение для цитирования:Hermes WebUI — browser shell вокруг Hermes Agent: добавляет layout как у Claude, streaming-визуализацию инструментов и файловое дерево workspace, пока agent process на backend обрабатывает модели, tools и память.
СлойПроектРоль
UInesquena/hermes-webuiReact web app, порт 8787, трёхколоночный UX
AgentNousResearch/hermes-agentTool execution, skills, gateway (Telegram/Discord), memory
Config~/.hermes/config.yamlМодели, API keys, allowlists инструментов
Workspace~/workspace (по умолчанию)Файлы агента — правая панель

Hermes WebUI — не hosted clone Claude API. Свои ключи моделей (Anthropic, OpenRouter, Nous Portal, локальные endpoints и т.д.) через hermes model — та же гибкость, что у CLI, см. hermes-agent.nousresearch.com/docs.

UI-функции под mental model «Claude workspace»

Трёхколоночный layout

КолонкаТипичное содержимое
СлеваСписок диалогов, история сессий, быстрое переключение
ЦентрStreaming-чат, markdown, interrupt-and-redirect
СправаWorkspace — live file tree, превью, artifact-style outputs

Тёмная тема и прозрачность инструментов

В отличие от плоского chat bubble, Hermes WebUI разворачивает tool calls в реальном времени — shell-команды, правки файлов, поиск — карточками, которые можно сканировать без копания в логах. Именно поэтому power users Claude остаются в web app, а не в API-only скриптах.

Файловый браузер Workspace

Правая панель мапится на смонтированный каталог /workspace (host path настраивается). Графики, код и отчёты, которые пишет агент, появляются сразу в браузере — ближе к Claude Artifacts + project files, чем к single-thread view ChatGPT.

Официальное демо и скриншоты: Hermes WebUI на GitHub и community demo site.

Claude / ChatGPT web vs Hermes WebUI (матрица решений)

ФакторClaude web ($20/мес)ChatGPT PlusHermes WebUI (self-hosted)
Layout3 колонки + ArtifactsSingle-thread centric3 колонки + Workspace browser
Rate limitsSession capsModel capsТолько ваше железо + API quotas
Data residencyОблако AnthropicОблако OpenAIВаша машина / VPS
Agent toolsProduct-boundPlugins/GPTs40+ Hermes tools, cron, subagents
Setup effortНольНольDocker + API keys (~15 мин)
MobileOfficial appOfficial appБраузер на сервер (SSH tunnel)

Рекомендуемый путь:

  • Если нужен occasional chat и zero ops → оставайтесь на Claude/ChatGPT.
  • Если упираетесь в лимиты, нужна file-heavy agent work или Telegram + web на одном агенте → Hermes Agent + WebUI.
  • Если мигрируете с OpenClaw → hermes claw migrate, затем подключите WebUI (см. доку Hermes).

Предварительные требования

ТребованиеПримечания
DockerDocker Desktop (Mac/Windows) или engine на Linux
Диск~2–5 ГБ для образов; больше для кэшей моделей при local inference
API keyAnthropic, OpenRouter или Nous Portal one-key setup
Опционально: Hermes CLIcurl -fsSL .../install.sh | bash если не используете all-in-one image

На Mac с Apple Silicon bind mounts используют реальный UID (id -u — часто 501, не 1000). Примеры Docker ниже явно задают WANTED_UID / WANTED_GID.

Пошагово: установка через Docker (быстрый путь)

Шаг 1 — Конфиг Hermes Agent (только первый раз)

curl -fsSL https://raw.githubusercontent.com/NousResearch/hermes-agent/main/scripts/install.sh | bash
source ~/.bashrc   # или ~/.zshrc
hermes setup       # wizard: model provider + API keys

Пропустите, если используете all-in-one WebUI image с уже существующим ~/.hermes.

Шаг 2 — Pull образа WebUI

docker pull ghcr.io/nesquena/hermes-webui:latest

Шаг 3 — Один контейнер (официальный one-liner)

docker run -d \
  -e WANTED_UID=$(id -u) -e WANTED_GID=$(id -g) \
  -v ~/.hermes:/home/hermeswebui/.hermes \
  -e HERMES_WEBUI_STATE_DIR=/home/hermeswebui/.hermes/webui \
  -v ~/workspace:/workspace \
  -p 127.0.0.1:8787:8787 \
  ghcr.io/nesquena/hermes-webui:latest

Откройте http://localhost:8787.

Шаг 4 — Модель в UI или CLI

hermes model   # напр. anthropic:claude-sonnet-4-6 или openrouter route

WebUI читает ~/.hermes/config.yaml с смонтированного volume.

Шаг 5 — Безопасный удалённый доступ (опционально)

По умолчанию bind только на localhost (127.0.0.1:8787). Для VPS:

# На сервере: задайте HERMES_WEBUI_PASSWORD в compose/.env, bind 0.0.0.0 только за reverse proxy
ssh -N -L 8787:127.0.0.1:8787 user@your-server

Затем локально откройте http://localhost:8787. Базовый SSH для headless Mac/Linux: гид SSH Mac mini M4.

Шаг 6 — Docker Compose (production)

git clone https://github.com/nesquena/hermes-webui
cd hermes-webui
cp .env.docker.example .env
# На macOS поправьте UID/GID при необходимости
docker compose up -d

См. docs/docker.md в репозитории для two-container setups (agent + UI) и заметок по апгрейду.

Шаг 7 — Smoke test agent + UI

В центральной панели спросите: «List files in the workspace and create hello.md.» Убедитесь, что правая панель обновилась и появилась карточка tool для shell/file tool.

Архитектура: как WebUI общается с агентом

Browser (:8787)
    │
    ▼
Hermes WebUI (Node/React)
    │  WebSocket / HTTP API
    ▼
Hermes Agent process (tools, LLM, memory)
    │
    ├── ~/.hermes/          (config, sessions, skills)
    └── ~/workspace/        (project files → правая колонка)

Можно запускать CLI (hermes), gateway (hermes gateway) и WebUI на одном состоянии ~/.hermes — выбирайте интерфейс под устройство. Подробнее: Architecture docs.

Устранение неполадок

Пустой UI или «cannot connect» после docker run

Симптом: браузер крутится на :8787.

Исправление: логи контейнера (docker logs <id>), проверьте port mapping, ничто не занимает 8787. На Linux: curl -s http://127.0.0.1:8787.

Permission denied на mount ~/.hermes

Симптом: агент стартует, но config missing; пустой список моделей.

Исправление: передайте WANTED_UID / WANTED_GID, совпадающие с host id -u / id -g. macOS: правьте .env в compose — defaults предполагают UID 1000.

WebUI показывает workspace, агент не отвечает

Симптом: чат висит, нет streaming.

Исправление: проверьте API key в ~/.hermes/config.yaml, на host запустите hermes doctor, проверьте quota провайдера. Сначала тест CLI: hermes в терминале.

Открытый порт без пароля

Симптом: bind сменили на 0.0.0.0:8787 для LAN.

Исправление: задайте HERMES_WEBUI_PASSWORD и поставьте nginx/Caddy с TLS спереди. Никогда не выставляйте сырой :8787 в публичный интернет.

FAQ

Hermes WebUI бесплатный?+
UI и агент с открытым исходным кодом (MIT). Вы платите за использование LLM API, электричество и VPS — не за seat Claude за $20.
Нужен ли API Claude для такого же layout?+
Нет. Layout — это Hermes WebUI; модель может быть Claude через Anthropic API, или GPT, Gemini, локальная Llama и т.д.
Чем отличается от Open WebUI или LibreChat?+
Те — универсальные чат-UI. Hermes WebUI заточен под Hermes Agent — нативные карточки инструментов, синхронизация workspace, hermes claw migrate, gateway в Telegram/Discord. Выбирайте Hermes, если нужен цикл Nous agent, а не просто chat wrapper.
Можно ли с телефона?+
Да — URL сервера (с auth) или SSH port forwarding на localhost. Hermes Gateway также поддерживает Telegram для mobile без web UI.
Полная замена Claude Artifacts?+
Не pixel-perfect. Вы получаете файлы workspace + превью + трейсы инструментов с self-hosted контролем — trade-off в пользу хакеров и исследователей, а не SaaS-полировки.
Один контейнер или два?+
Один контейнер достаточен для пробы. Two-container compose (agent + UI) лучше для апгрейдов и тяжёлых tool workloads — см. upstream docs/docker.md.

Итог

Hermes WebUI — ближайший бесплатный self-hosted путь к трёхколоночному workspace в стиле Claude для power users агентов: история, чат и файлы в одном view — плюс прозрачные карточки инструментов, которые Docker поднимает за минуты на порту 8787.

Начните с официального docker run, смонтируйте ~/.hermes и ~/workspace, настройте модель через hermes setup, затем нагрузите реальными задачами на запись файлов. Официальные репозитории: nesquena/hermes-webui · NousResearch/hermes-agent. Связанные материалы: дистилляция навыков Hermes, OpenClaw мультиагентная оркестрация, SSH Mac mini M4.

Официальная документация Hermes

Первичный источник — репозитории и docs Nous Research. Вопросы по SSH или хостингу — в разделе помощи, без навязывания тарифов.