Companion — Design skill for Claude Code
2,200+ Web & mobile UI for Claude Code & Codex.
How to install Companion
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open The-Vibe-Company/companion and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Companion does
**Requirements:** [Bun](https://bun.sh) + [Claude Code](https://docs.anthropic.com/en/docs/claude-code) and/or [Codex](https://github.com/openai/codex) CLI.
Alternatives in Design
- CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
- Design Framework — Convert HTML/CSS design output to framework-specific component code 309 ★
- Agent Design Patterns — A 7×6 framework for agent architecture 239 ★
README
The Companion
Web UI for Claude Code and Codex sessions. Run multiple agents, inspect every tool call, and gate risky actions with explicit approvals.Quick start
**Requirements:** [Bun](https://bun.sh) + [Claude Code](https://docs.anthropic.com/en/docs/claude-code) and/or [Codex](https://github.com/openai/codex) CLI.
Try it instantly
bunx the-companion
Open [http://localhost:3456](http://localhost:3456).
Install globally
bun install -g the-companion
# Register as a background service (launchd on macOS, systemd on Linux)
the-companion install
# Start the service
the-companion start
Open [http://localhost:3456](http://localhost:3456). The server runs in the background and survives reboots.
CLI commands
| Command | Description |
|---|---|
the-companion |
Start server in foreground (default) |
the-companion serve |
Start server in foreground (explicit) |
the-companion install |
Register as a background service (launchd/systemd) |
the-companion start |
Start the background service |
the-companion stop |
Stop the background service |
the-companion restart |
Restart the background service |
the-companion uninstall |
Remove the background service |
the-companion status |
Show service status |
the-companion logs |
Tail service log files |
**Options:** `--port ` overrides the default port (3456).
Why this is useful
- Parallel sessions: work on multiple tasks without juggling terminals.
- Full visibility: see streaming output, tool calls, and tool results in one timeline.
- Permission control: approve/deny sensitive operations from the UI.
- Session recovery: restore work after process/server restarts.
- Dual-engine support: designed for both Claude Code and Codex-backed flows.
...
Related Skills
Showrunner
A terminal UI for running multiple coding-agent sessions (Claude Code, Codex CLI) organized by projects and ta
Agent Session Viewer
A pure python solution to view sessions, memory and prompt history in a web ui from claude code cli, codex cli
Harness Bridge
Point any coding harness (Claude Code, Codex, OpenCode, Pi, OMP, Crush, Copilot, Grok…) at any OpenAI/Anthropi
ClawDeck
Control Stream Deck buttons for Claude Code terminal sessions with live status, tap-to-focus, hold-to-dictate,
Session Steward
Claude Code and Codex session manager. Browse sessions, back up, and safely delete old ones — from a local bro
Claude Design PM Toolkit
Copy-paste Claude Design prompts for PMs. Board decks, investor demos, launch pages, feature flows, stakeholde
Related Agents
Codex Dispatcher
Dispatches an already-prepared batch of codex-swarm subtask prompt files to parallel codex exec sessions, wait
Session Error Analyzer
Analyzes specific AI IDE sessions (Claude Code, OpenAI Codex, OpenCode) for LLM behavior errors and returns a
Batch Session Reader
Reads multiple Fullstory session transcripts in parallel using isolated contexts. Use when you need to investi