vstorm-co

Agentcanvas — AI skill for Claude Code

AI community

Visualize Pydantic AI agent workflows from Logfire traces as an interactive HTML diagram — tools, nested sub-agents, tokens and exact cost.

How to install Agentcanvas

This entry records only its repository, not the path inside it, so there is no exact command to give. Open vstorm-co/agentcanvas and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Agentcanvas does

Visualize Pydantic AI agent workflows from Logfire traces as an interactive HTML diagram — tools, nested sub-agents, tokens and exact cost.

Alternatives in AI

Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
Deepreasoning — A high-performance LLM inference API and Chat UI that integrates DeepSeek R1's CoT reasoning traces with Anthr 5.4k ★
Manifest — Real-time cost observability for OpenClaw agents — track tokens, costs, messages, and model usage 4.1k ★

README

agentcanvas

See exactly how your AI agent works.
Turn Pydantic AI runs logged to Logfire into a polished, animated diagram of the whole workflow — every model call, tool, nested sub-agent, token and dollar.

Features · Quick start · How it works · Architecture · Contributing

Stepping through an agent workflow

Click any node for a full inspector — tokens, exact cost, reasoning, the tools the model could call.	The full multi-turn conversation, with tool calls and reasoning.
Per-tool input, output and timing.	A guided tour (auto or manual) narrates each step for client demos.