Developers can now see inside their Claude Code agents as they work. Agent Flow is a VS Code extension that turns invisible agent actions into a clear picture. It shows tool calls, branching, and subagent coordination in real time.
The extension creates an interactive node graph right inside VS Code. Each node represents a step the agent takes. You can watch the flow grow and find problems fast.
This tool helps anyone debugging or improving their AI agent workflows. It makes complex agent behavior simple to understand and fix.
Global
mkdir -p ~/.claude/skills/agent-flow-visualizationProject
mkdir -p .claude/skills/agent-flow-visualizationSource Repository
Find Skillsvercel-labs/skills
Find and install the perfect skill to extend your AI agent
Microsoft Foundrymicrosoft/azure-skills
Build, deploy, and improve AI agents on Microsoft Foundry from start to finish
Azure Aimicrosoft/azure-skills
Search, transcribe, and analyze with Azure AI tools for smarter apps
Azure Hosted Copilot Sdkmicrosoft/azure-skills
Build, deploy, and manage your Copilot SDK apps on Azure with ease
Skill Creatoranthropics/skills
Create, test, and improve AI agent skills with easy step-by-step guidance
Image Editagentspace-so/runcomfy-agent-skills
Smart router picks the best AI model for your image editing needs
Agentspaceagentspace-so/skills
See your AI agent's live folder from any browser instantly
Openclaw Secure Linux Cloudxixu-me/skills
Secure self-hosting of OpenClaw with private control and SSH tunneling