Hermes Studio
balaji-embedcentrum/hermes-studio
Self-hostable browser IDE for Hermes agents with chat, file tree, terminal, memory and GitHub workspaces
Hermes Studio is a self-hostable, browser-based agent workspace that combines chat, a file tree, an integrated terminal, memory and skills, and per-user GitHub workspaces. It is built on TanStack Start with Supabase for sign-in and data, and it talks to a Hermes agent through an OpenAI-compatible gateway.
What Hermes Studio does
Hermes Studio is the studio-core engine, a single codebase that builds several branded studios selected at build time with VITE_BRAND. The hermes brand is the agent IDE base with chat, files, terminal, memory and skills. The default sylang brand adds the Sylang MBSE toolset, with coverage, traceability and FMEA views plus DSL and diagram editors, and a sample brand serves as a copyable template for making your own.
The stack is TanStack Start (React 19 SSR), Vite and Tailwind, with Supabase for authentication and Postgres data and a GitHub OAuth provider for sign-in. Chat needs an agent gateway, which can be any OpenAI-compatible backend such as the Hermes agent or LiteLLM, set through HERMES_API_URL. Secrets are encrypted at rest with an AES-256-GCM key, and each user's GitHub clones live in a workspace directory. It requires Node 22 or later and pnpm 9.
Key features
- Browser workspace with chat, file tree, integrated terminal, memory and skills
- Per-user GitHub workspaces stored under a configurable directory
- Brand system selected by VITE_BRAND, with hermes, sylang and sample brands
- Supabase authentication with GitHub OAuth
- Works with any OpenAI-compatible agent gateway set in HERMES_API_URL
- Secrets encrypted at rest with AES-256-GCM
When to use it
- Hosting a shared browser workspace where each user gets their own GitHub-backed project folder
- Giving a team a web front end for a Hermes agent gateway
- Copying the sample brand to ship a custom-branded agent IDE
Who it is for: Developers and teams who want to self-host a browser IDE in front of a Hermes agent and are ready to run Supabase.
How it fits with Hermes Agent
Built around Hermes agents: the hermes brand is the base IDE, and chat talks to a Hermes agent through an OpenAI-compatible gateway.
How to install Hermes Studio
These commands are copied from the project's README. Check the repository for the latest steps before you run them.
pnpm install
cp .env.example .env
pnpm dev:hermesRequirements: Node 22 or later, pnpm 9, a Supabase project with a GitHub OAuth provider, and an OpenAI-compatible agent gateway at HERMES_API_URL
Note: Chat does not work until you provide a Supabase project and an OpenAI-compatible agent gateway.
FAQ
What is Hermes Studio?
Hermes Studio is a self-hostable, browser-based AI agent workspace with chat, a file tree, a terminal, memory, skills and per-user GitHub workspaces. It is the studio-core engine behind several branded studios.
Does Hermes Studio work with Hermes Agent?
Yes. Set HERMES_API_URL to your agent gateway, which can be the Hermes agent or any other OpenAI-compatible backend such as LiteLLM. Without a gateway the interface loads but chat has nothing to talk to.
What do I need to run Hermes Studio?
You need Node 22 or later, pnpm 9 and a Supabase project with a GitHub OAuth provider. You also need an OpenAI-compatible agent gateway reachable at HERMES_API_URL.
Similar interfaces for Hermes Agent
All interfaces100 contrast-checked color themes for Hermes Agent, plus a Theme Switcher for the desktop app
waguriagentic Hermes Mini App TemplateTelegram Mini App template for Hermes Agent with a React frontend and Express backend you fork and extend
yakuzadevopps Yak's Hermes Dashboard ThemesEight readable themes for the Hermes Agent web dashboard, from high contrast to Kanban-focused
Chael-Chael Awesome Hermes EVA SkinsEVA-style Hermes CLI skins with pixel fonts and a retro CRT shader setup for Windows Terminal
LehaoLin Hermes GateTerminal TUI for managing remote Hermes Agent tmux sessions from a Docker container
fplanque Clean WebUI Dashboard ThemeSingle-file Clean WebUI theme for the Hermes Agent dashboard
Related guides: Connect Hermes agents on several machines with Hermes Desktop · How to install Hermes Agent