ClaudeMods
☰
JA
● — 人がオンライン ・閲覧 — 回
スポンサー作品を投稿
GitHub リポジトリ · 投稿者 Gul Saeed Khattak

Claude Code が何をしているかのライブマップ

lot-map は、チャット横のペインにライブマップを描画する Claude Code の mod で、ツール呼び出しのたびにエージェントから Files、Shell、Network、Agents などのステーションへパルスを送ります。

G
Gul Saeed Khattak@Ldataengineer

𝗔 𝗟𝗶𝘃𝗲 𝗠𝗮𝗽 𝗼𝗳 𝗪𝗵𝗮𝘁 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲 𝗜𝘀 𝗗𝗼𝗶𝗻𝗴 You give Claude Code a task and the terminal fills with lines. Read, Grep, Bash, Edit, a subagent, another Bash. By the time you've scrolled back, it's done ten more things. lot-map turns that scroll into a picture. It's a small mod that opens 𝗮 𝗹𝗶𝘃𝗲 𝗺𝗮𝗽 𝗶𝗻 𝗮 𝗽𝗮𝗻𝗲 𝗯𝗲𝘀𝗶𝗱𝗲 𝘁𝗵𝗲 𝗰𝗵𝗮𝘁. In the middle is the agent. Around it are stations: You, Model, Memory, Files, Shell, Network, Browser, Agents, Skills and Hooks. Every time Claude does something, a pulse flies from the centre to the right station. • 𝗥𝗲𝗮𝗱𝗶𝗻𝗴 𝗼𝗿 𝗲𝗱𝗶𝘁𝗶𝗻𝗴 𝗰𝗼𝗱𝗲 lights up Files • 𝗥𝘂𝗻𝗻𝗶𝗻𝗴 𝗮 𝗰𝗼𝗺𝗺𝗮𝗻𝗱 lights up Shell • 𝗙𝗲𝘁𝗰𝗵𝗶𝗻𝗴 𝗮 𝗽𝗮𝗴𝗲 lights up Network • 𝗦𝘂𝗯𝗮𝗴𝗲𝗻𝘁𝘀 show up as small dots circling the Agents station It's not the first agent dashboard. Watching what a coding agent does has become its own category: • 𝗱𝗶𝘀𝗹𝗲𝗿'𝘀 𝗺𝘂𝗹𝘁𝗶-𝗮𝗴𝗲𝗻𝘁 𝗼𝗯𝘀𝗲𝗿𝘃𝗮𝗯𝗶𝗹𝗶𝘁𝘆: hooks send events to a Bun server and SQLite, viewed in a Vue dashboard. About 𝟭.𝟲𝗸 𝘀𝘁𝗮𝗿𝘀 • 𝗔𝗴𝗲𝗻𝘁 𝗙𝗹𝗼𝘄: a node graph of tool calls in VS Code or the browser, fed by a local relay. About 𝟭.𝟴𝗸 𝘀𝘁𝗮𝗿𝘀, Apache 2.0 • 𝗰𝗹𝗮𝘂𝗱𝗲-𝘁𝗿𝗮𝗰𝗲-𝗿𝗲𝗽𝗹𝗮𝘆 𝗮𝗻𝗱 𝗼𝘁𝗵𝗲𝗿𝘀: turn saved session logs into replayable traces All of these sit outside the agent. Events leave Claude Code, hit a local server, and show up in another window. 𝗹𝗼𝘁-𝗺𝗮𝗽 flips that. It's a Claude Code mod, so the map renders 𝗶𝗻 𝗮 𝗽𝗮𝗻𝗲 𝗿𝗶𝗴𝗵𝘁 𝗯𝗲𝘀𝗶𝗱𝗲 𝘁𝗵𝗲 𝗰𝗵𝗮𝘁, with no server, no network calls and no extra window. It's MIT, at v0.5.3, with 𝟱𝟮𝟭 𝘀𝘁𝗮𝗿𝘀 four days in. That's only possible because Claude Code now has mods, which let plugins draw their own panes and bands. I personally think that this is where agent tooling is heading. Dashboards that lived in separate apps will move into the agent's own interface, because that's where you're already looking. For users, it's a way to keep an eye on an agent without reading every line. For builders, it's an MIT-licensed TypeScript example of Claude Code's new mods feature. Some caveats. lot-map works only with Claude Code. It's 𝗳𝗼𝘂𝗿 𝗱𝗮𝘆𝘀 𝗼𝗹𝗱, at version 0.5.3. In a terminal it needs 𝗮𝘁 𝗹𝗲𝗮𝘀𝘁 𝟭𝟰𝟰 𝗰𝗼𝗹𝘂𝗺𝗻𝘀. It sees every tool call's full input, even though it keeps only the names. And installing from the repo follows its main branch, so "𝘢𝘯 𝘶𝘱𝘥𝘢𝘵𝘦 𝘣𝘳𝘪𝘯𝘨𝘴 𝘸𝘩𝘢𝘵𝘦𝘷𝘦𝘳 𝘪𝘴 𝘵𝘩𝘦𝘳𝘦." Link to repo👇 https://github.com/alexeyw/lot-map

翻訳済み

この mod について

この投稿では lot-map を紹介します。これは MIT ライセンスの小規模な Claude Code mod(v0.5.3)で、ターミナル出力をスクロールして確認する代わりに、エージェントの活動をライブの絵として表示します。中央にエージェントがあり、その周囲に You、Model、Memory、Files、Shell、Network、Browser、Agents、Skills、Hooks のステーションがあります。コードを読んだり編集したりすると Files が点灯し、コマンドを実行すると Shell が点灯し、ページを取得すると Network が点灯し、サブエージェントは Agents ステーションの周りを回る点として現れます。イベントをローカルの Bun/SQLite サーバーや VS Code リレーに送って別ウィンドウで描画する外部の可観測性ダッシュボードとは異なり、lot-map はサーバーなし、ネットワーク呼び出しなし、追加ウィンドウなしで、チャット横のペインに直接マップを描画します。注意点:Claude Code でのみ動作し、少なくとも 144 のターミナル列が必要で、すべてのツール呼び出しの完全な入力を参照しますが保持するのは名前のみで、リポジトリからインストールすると main ブランチを追跡します。リポジトリ:https://github.com/alexeyw/lot-map

インストール

まず作者の README で marketplace とプラグイン名を確認してください。コマンドはリポジトリの構成によって変わる場合があります。

claude plugin marketplace add alexeyw/lot-map
claude plugin install lot-map@lot-map
原文 / README

𝗔 𝗟𝗶𝘃𝗲 𝗠𝗮𝗽 𝗼𝗳 𝗪𝗵𝗮𝘁 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲 𝗜𝘀 𝗗𝗼𝗶𝗻𝗴 You give Claude Code a task and the terminal fills with lines. Read, Grep, Bash, Edit, a subagent, another Bash.

By the time you've scrolled back, it's done ten more things.

lot-map turns that scroll into a picture.

It's a small mod that opens 𝗮 𝗹𝗶𝘃𝗲 𝗺𝗮𝗽 𝗶𝗻 𝗮 𝗽𝗮𝗻𝗲 𝗯𝗲𝘀𝗶𝗱𝗲 𝘁𝗵𝗲 𝗰𝗵𝗮𝘁. In the middle is the agent. Around it are stations: You, Model, Memory, Files, Shell, Network, Browser, Agents, Skills and Hooks.

Every time Claude does something, a pulse flies from the centre to the right station.

• 𝗥𝗲𝗮𝗱𝗶𝗻𝗴 𝗼𝗿 𝗲𝗱𝗶𝘁𝗶𝗻𝗴 𝗰𝗼𝗱𝗲 lights up Files • 𝗥𝘂𝗻𝗻𝗶𝗻𝗴 𝗮 𝗰𝗼𝗺𝗺𝗮𝗻𝗱 lights up Shell • 𝗙𝗲𝘁𝗰𝗵𝗶𝗻𝗴 𝗮 𝗽𝗮𝗴𝗲 lights up Network • 𝗦𝘂𝗯𝗮𝗴𝗲𝗻𝘁𝘀 show up as small dots circling the Agents station

It's not the first agent dashboard.

Watching what a coding agent does has become its own category:

• 𝗱𝗶𝘀𝗹𝗲𝗿'𝘀 𝗺𝘂𝗹𝘁𝗶-𝗮𝗴𝗲𝗻𝘁 𝗼𝗯𝘀𝗲𝗿𝘃𝗮𝗯𝗶𝗹𝗶𝘁𝘆: hooks send events to a Bun server and SQLite, viewed in a Vue dashboard. About 𝟭.𝟲𝗸 𝘀𝘁𝗮𝗿𝘀 • 𝗔𝗴𝗲𝗻𝘁 𝗙𝗹𝗼𝘄: a node graph of tool calls in VS Code or the browser, fed by a local relay. About 𝟭.𝟴𝗸 𝘀𝘁𝗮𝗿𝘀, Apache 2.0 • 𝗰𝗹𝗮𝘂𝗱𝗲-𝘁𝗿𝗮𝗰𝗲-𝗿𝗲𝗽𝗹𝗮𝘆 𝗮𝗻𝗱 𝗼𝘁𝗵𝗲𝗿𝘀: turn saved session logs into replayable traces

All of these sit outside the agent. Events leave Claude Code, hit a local server, and show up in another window.

𝗹𝗼𝘁-𝗺𝗮𝗽 flips that. It's a Claude Code mod, so the map renders 𝗶𝗻 𝗮 𝗽𝗮𝗻𝗲 𝗿𝗶𝗴𝗵𝘁 𝗯𝗲𝘀𝗶𝗱𝗲 𝘁𝗵𝗲 𝗰𝗵𝗮𝘁, with no server, no network calls and no extra window.

It's MIT, at v0.5.3, with 𝟱𝟮𝟭 𝘀𝘁𝗮𝗿𝘀 four days in.

That's only possible because Claude Code now has mods, which let plugins draw their own panes and bands.

I personally think that this is where agent tooling is heading. Dashboards that lived in separate apps will move into the agent's own interface, because that's where you're already looking.

For users, it's a way to keep an eye on an agent without reading every line.

For builders, it's an MIT-licensed TypeScript example of Claude Code's new mods feature.

Some caveats. lot-map works only with Claude Code. It's 𝗳𝗼𝘂𝗿 𝗱𝗮𝘆𝘀 𝗼𝗹𝗱, at version 0.5.3. In a terminal it needs 𝗮𝘁 𝗹𝗲𝗮𝘀𝘁 𝟭𝟰𝟰 𝗰𝗼𝗹𝘂𝗺𝗻𝘀. It sees every tool call's full input, even though it keeps only the names. And installing from the repo follows its main branch, so "𝘢𝘯 𝘶𝘱𝘥𝘢𝘵𝘦 𝘣𝘳𝘪𝘯𝘨𝘴 𝘸𝘩𝘢𝘵𝘦𝘷𝘦𝘳 𝘪𝘴 𝘵𝘩𝘦𝘳𝘦."

Link to repo👇 https://github.com/alexeyw/lot-map

バッジを取得

あなたのプロジェクトですか?このバッジを README やサイトに貼ると、このページにリンクします。

Featured on ClaudeMods
サイズ
テーマ
Markdown
HTML

関連作品