「Claude Code Park」でhooksが本当に発火してるか見えるようになった

Claude Code Park
Claude Code のセッションを、見下ろし型のオフィスで働く社員の姿で見せる Mac アプリ
GitHub
公開
正式公開 2026-06-27(Zenn 告知は2026-06-28)
作り手
t-soda(個人)
対応
Mac
価格
無料(MIT ライセンス)
アカウント・広告
アカウント不要
評価
GitHub のスター 23(2026-10-09)

どんなアプリか

Claude Code の動きを、見下ろし型のオフィスとして描くデスクトップアプリです。エージェントは「社員」、実行中のセッションは「オーケストレーター」として描かれ、どちらもリアルタイムに動きます。

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.

t-soda さん、GitHub の README「Why Claude Code Park」

作り手は、チームの決まりを守らせるには、プロンプトよりも違反を検査して止める hooks のほうが確かだと書いています。ただ、設定ファイルで hooks をつなぎ、本当に動いているかを確かめるのは手間がかかります。このアプリは、セッションごとにどの hooks が有効で、実際に動いたかを見えるようにします。

プラグインが足した hooks も含め、セッションに効いている設定を一か所で見られます。どの hook がいつ動いたかはアニメーションで示されます。定義済みのエージェントやスキルのうち、どれが「作業中」かもわかります。

複数のセッションの進み具合をひとつの画面で追えます。社員やセッションをクリックすると、それを起動したターミナル(Terminal.app、iTerm2、VS Code、Ghostty)が前面に出ます。エージェントごとの稼働率、呼び出し回数、失敗率、トークン数を、今日・7日・30日の単位で集計する画面もあります。

料金とデータの置き場所

MIT ライセンスのオープンソースとして公開されています。読み込む先は手元の ~/.claude/ で、外部との通信はなく、テレメトリーもアカウントもありません。

アプリ専用のデータベースは持たず、~/.claude/ の中身をそのまま映します。設定を書き換えるときは先にバックアップを取り、一時ファイルを経由して置き換えます。settings.json を編集するときは hooks の項目を置き換え、permissions や env などほかの項目には手を付けません。

同じ分野のアプリ

名前型仕掛け対応料金
Claude Code Park可視化セッションをオフィスの社員として描き、hooks が動いたらアニメーションで見せるMac無料(OSS, MIT)
Shepherd監視並列のセッションを1枚の盤面で監視し、「質問したまま放置」を防ぐMac(macOS 13 以降)無料(OSS)
ccglance一覧プロジェクト別に浮遊パネルで一覧し、許可待ちを黄色く点滅させるMac無料(OSS, MIT)
Claude Code Monitor監視ターミナルやスマホの Web 画面からリアルタイムに監視・操作できるMac(CLI + モバイル Web)無料(OSS, MIT)

入れる前に

対応する OS は macOS のみです。ターミナルを前面に出す機能に AppleScript と ps を使っているためです。Claude Code が入っていて、~/.claude/ がすでにあることも条件です。

Releases から .dmg をダウンロードして入れます。アプリには署名が無いので、最初に起動するときに macOS の Gatekeeper が警告を出します。macOS 15 以降では、システム設定の「プライバシーとセキュリティ」にある「このまま開く」から開くよう案内されています。

Claude Code Park の作り手の方へ

Newmade に掲載しました。よければサイトや README にバッジを貼ってください。この記事へのリンクになります。

Newmade に掲載
<a href="https://newmade.jp/p/claude-code-park"><img src="https://newmade.jp/badge.png" alt="Newmade に掲載" width="180" height="44"></a>

内容の誤りや、掲載をやめてほしいときは こちら