patoles

patoles / agent-flow

Public

Real-time visualization of Claude Code agent orchestration — see your agents think, branch, and coordinate as they work.

marketplace.visualstudio.comitems?itemName=simon-p.agent-flow agent-visualization ai-agents claude-code developer-tools llm
82
8
100% credibility
Found Mar 24, 2026 at 82 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

VS Code extension providing real-time interactive visualization of Claude Code AI agent orchestration, tool usage, subagents, and execution timelines.

How It Works

1
🔧 Install Agent Flow

Add the extension to your code editor from the marketplace.

2
👁️ Open the visualizer

Use the command palette to launch the live agent viewer panel.

3
✨ Start your AI coding session

Run your AI assistant task and watch it automatically detect and visualize the action.

4
🧠 See agents think and collaborate

Watch the main agent break down your task, spawn helpers, and use tools in real-time.

5
Choose your view
🔴
Live

Zero-delay view of current work.

⏯️
Replay

Load any recording to study.

6
📊 Inspect details

Click agents, tools, or files to see chat, costs, and timelines.

🚀 Debug and optimize

Trace decisions, spot slow steps, and improve your prompts effortlessly.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 82 to 82 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is agent-flow?

Agent Flow is a TypeScript VS Code extension that delivers real-time visualization of Claude Code agent orchestration, turning black-box AI workflows into an interactive node graph. Developers watch agents spawn subagents, call tools like Bash or Read, branch on decisions, and coordinate—all live as they code. It auto-detects sessions via hooks or JSONL logs, with pan/zoom canvas, timelines, transcripts, and file heatmaps for instant debugging.

Why is it gaining traction?

Unlike static logs or generic agent flow builders like Copilot Studio or Power Automate, this offers zero-latency streaming directly from Claude Code hooks, revealing tool chains, token costs, and bottlenecks in a holographic real-time dashboard. Multi-session tabs and permission detection make complex ai agent flows feel alive, hooking devs who need visibility without setup hassle—far beyond Grafana agent flow or basic real time API github tools.

Who should use this?

AI engineers debugging Claude Code CLI sessions in VS Code, prompt writers tracing subagent handoffs, or teams building agent flows who hate guessing why tools fail. Ideal for refactoring tasks, migration checks, or any orchestration where time sinks hide in branching logic.

Verdict

Grab it if you're deep in Claude Code—82 stars show early buzz, but 1.0% credibility flags immaturity with sparse tests and niche scope. Solid docs and demo video make it worth a spin for real time projects github, just expect tweaks as it matures.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.