claudeers.
// Developer Tools

claude-code-park

Visualize Claude Code as a top-down office — agents as employees, sessions as orchestrators, all in real time.

// Developer Tools[ cli ][ desktop ][ web ][ claude ]#claude#anthropic#claude-code#developer-tools#macos#pixijs#tauri#devtoolsMIT$open-sourceupdated about 2 months ago
Actively maintained
100/100
last commit about 2 months ago
last release about 1 month ago
releases 9
open issues 0
// star history

Install with your AI

Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.

Install and set up claude-code-park (git-clone project) into my current project.
Found on https://claudeers.com/claude-code-park
Repo: https://github.com/t-soda/claude-code-park
Homepage/docs: —
Detected install method: git-clone → git clone https://github.com/t-soda/claude-code-park
Category: devtools. Platforms: cli, desktop, web.
Read the repo's README for exact setup and env vars, then install it and wire it into my project.

Claudeers Health Verdict:
active; community-verified: false. Confirm the source before running anything.
// or clone
git clone https://github.com/t-soda/claude-code-park

// compatibility

Platformscli, desktop, web
Operating systems
AI compatibilityclaude
LicenseMIT
Pricingopen-source
LanguageTypeScript

Claude Code Park

A desktop app that visualizes Claude Code as a top-down office. It treats your local ~/.claude/ as the single source of truth, drawing agents as "employees" and each running session as the "orchestrator" — all animated in real time.

Claude Code Park

Why Claude Code Park

Claude Code's Hooks, Skills, and Agents are spread across many config locations, making it hard to answer "what is this session actually composed of right now?" Claude Code Park lets you see and understand it at a glance.

A concrete case: keeping Claude aligned with your team's conventions is hard with prompts alone — a single session tends to drift mid-task. Hooks that check and block violations are more reliable, but wiring them up in plain config and trusting they actually fire is tedious. Claude Code Park makes that setup visible: which hooks are active per session, and whether they really fire.

  • Visualize hooks per session — see the hook setup that actually applies to a session (including plugin-provided hooks) in one place. Hooks
  • Learn when hooks fire — an animation shows when and which hook ran, so you can grasp the hook lifecycle just by watching real behavior. Hook firing
  • Visualize Skills & Agents — see which agents and skills are defined, and which ones are currently "at work."
  • Manage multiple sessions on one screen — run several Claude Code sessions at once and track all of their progress from a single view. Multi session
  • Jump back to the terminal in one click — click an employee/session to bring the terminal that launched it (Terminal.app / iTerm2 / VS Code / Ghostty) to the front. Terminal focus
  • Management dashboard — utilization, call count, failure rate, and tokens per agent, aggregated over today / 7d / 30d. Metrics

Safe by design

  • No external communication — reads only your local ~/.claude/; nothing ever leaves your machine. No telemetry, no accounts, no network calls.
  • Your files stay the source of truth — Claude Code Park keeps no separate database; it just reflects ~/.claude/ live, so there's no hidden state to trust.
  • Reversible, safe writes — every config write is backed up first, then written via a temp file + atomic rename, so an edit can't half-write or corrupt your settings.
  • Touches only what it manages — when editing settings.json it replaces only the hooks key and leaves everything else (permissions, env, …) untouched.
  • Open source (MIT) — all of the above is auditable.

Requirements

  • macOS only (terminal focusing uses AppleScript / ps)
  • Claude Code installed, with an existing ~/.claude/

Install (for users)

  1. Download the latest .dmg from Releases, open it, and drag Claude Code Park into Applications.
  2. The app is unsigned, so on first launch macOS Gatekeeper will warn you. Open it one of these ways:
    • macOS 14 or earlier: right-click the app → "Open".
    • macOS 15 (Sequoia) or later: System Settings → "Privacy & Security" → "Open Anyway" near the bottom.
    • Or from a terminal:
      xattr -dr com.apple.quarantine "/Applications/Claude Code Park.app"
      

Build from source / Development

Requirements: Node.js 18+ / npm, and Rust (stable). Install Rust via rustup.

See the Tauri prerequisites for full setup (Rust, Xcode Command Line Tools, etc.).

npm install
npm run app      # = tauri dev (launches the desktop window)

Other commands:

npm run build                                   # type-check + build the frontend
npm run tauri build                             # produce a distributable .dmg
cargo test --manifest-path src-tauri/Cargo.toml # Rust tests + regenerate ts-rs bindings

The Rust→TS bindings in src/bindings/*.ts are regenerated by cargo test; do not edit them by hand.

Tech stack

  • Backend: Tauri v2 (Rust) — file watching / JSONL parsing / config read-write / metrics aggregation
  • Frontend: React + Vite + Zustand; the top-down office is rendered with Pixi.js

How it works

It watches the append-only ~/.claude/projects/{proj}/{sessionId}.jsonl files, parses the deltas, classifies them into work kinds (Reading / Editing / Running / Delegating …), and reflects them in the office. Config writes are done safely via backup → temp file → atomic rename.

License

MIT

// faq

What is claude-code-park?

Visualize Claude Code as a top-down office — agents as employees, sessions as orchestrators, all in real time.. It is open-source on GitHub.

Is claude-code-park free to use?

claude-code-park is open-source under the MIT license, so it is free to use.

What category does claude-code-park belong to?

claude-code-park is listed under devtools in the Claudeers registry of Claude-compatible tools.

1 views
22 stars
unclaimed
updated about 2 months ago

// embed badge

claude-code-park on Claudeers
[![Claudeers](https://claudeers.com/api/badge/claude-code-park.svg)](https://claudeers.com/claude-code-park)

// retro hit counter

claude-code-park hit counter
[![Hits](https://claudeers.com/api/counter/claude-code-park.svg)](https://claudeers.com/claude-code-park)

// reviews

// guestbook

0/500

// related in Developer Tools

🔓

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…

// devtoolsaffaan-m/JavaScript240,305MIT[ claude ]
🔓

Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA

// devtoolsgarrytan/TypeScript128,278MIT[ claude ]
🔓

AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…

// devtoolssafishamsi/Python109,277MIT[ claude ]
🔓

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

// devtoolsDietrichGebert/JavaScript104,762MIT[ claude ]
→ see how claude-code-park connects across the ecosystem