Workspace for Claude Code and Codex

Every command, file, and diff stays in view, so you understand the code your agents write.

Built and polished since 2024 by Kiryl Kazlovich, who works in it every day.

Download HB Code

Both agents in one workspace

Select Claude Code or Codex when you start a session. Both agents can work on the same project at the same time. One sidebar lists all sessions.

Each step of a run on one timeline

Each search, file, command, and change shows as a row while the agent works. When you send a message during a turn, the agent reads it after the current step. You can also queue it for the next turn.

Open any row of the timeline

Click a row to open it beside the chat. Code has syntax colors. Markdown and HTML show as rendered pages, images open in a viewer, and a diff shows the old and the new lines.

See every subagent

When an agent starts subagents or a workflow, the Agents list shows all of them. A workflow shows its phases and the model, tokens, and time of each agent. Open an agent to read its full thread beside the chat.

Sessions send messages to each other

One session can send a message to another session. For example, a Claude Code session asks a Codex session to check its change. The answer arrives in the thread of the Claude Code session.

Use all your subscriptions

Add each of your Claude and ChatGPT accounts. See the remaining limit of each account and how fast you use it. When an account reaches its limit, select another account with one click.

Control your sessions from your phone

The iPhone and Android apps show the sessions that run on your desktop. You read the timeline and send messages from the phone.

  • Session timeline

    Read each command, file change, and message of the running session. Tap a row to open it.

  • Session switcher

    Tap the menu button. Then select a desktop and a session, or start a new session.

  • Dictation

    Speak your message. Check the text of the recording, then send it.

  • Chat Settings

    Select the model and the reasoning level in one grid. Then select the access level of the agent.

  • Changes tab

    See the changed files of the project with their line counts. Tap a file to read its diff.

  • Limits and accounts

    See how much of each limit is left. Tap another account to use it for the next turns.

  • Timeline on Android

    The Android app shows the same rows. A Codex turn ends with its model and the Task complete mark.

  • Project tab on Android

    See all sessions of a project. Tap a session to open it.

  • File preview on Android

    Open a project file from the Directories tab. A Markdown file shows as formatted text.

Tools that HB Code adds to both agents

Each Claude Code session and each Codex session gets these tools. Write what you want, and the agent selects the tool.

  • Explainer videos

    The agent makes a narrated video of 30 to 120 seconds from a brief. The video plays on the desktop and on your phone.

  • Your Chrome browser

    The agent searches the web, reads pages, clicks, and types in your own Chrome. A label on the page names each action.

  • Speech

    The agent makes an audio file from an answer or a walkthrough. Play the file on the desktop or on your phone.

  • Notes from a video

    The agent gets the steps, the commands, and the decisions from a YouTube video or a recording.

  • Phone alerts

    The agent sends an alert to your phone when the work is complete, fails, or needs your decision.

Explainer videos, speech, and video notes use your own Gemini API key. The browser tool needs the HB Code Browser Bridge extension for Chrome. Phone alerts need the notifications setting and a connected phone.

Made for daily work

HB Code runs Claude Code with the Claude Agent SDK from Anthropic. It runs Codex with its own build of the Codex app-server from OpenAI. Each agent keeps its own history and its own sign-in.

  • Messages wait for the desktop

    If the phone has no connection to the desktop, the message stays in the queue on the phone. Each message has one identity, so a second try doesn't send it two times.

  • Continue a saved conversation

    A new session can continue a conversation that the agent saved for the project folder. With Claude Code, this includes a conversation that you started in the terminal. After a restart, each session opens with its full history.

  • Ten color themes

    Each theme has a light version and a dark version. Your phones use the theme that you select on the desktop.

  • Syntax colors in the file viewer

    The file viewer shows code with syntax colors and line numbers. Markdown files and web pages open as formatted text.

Download HB Code

Install the desktop app on your Mac or Windows PC. Install the iPhone or Android app to control your sessions from your phone.