When does the ASCII diagram appear?

The ASCII diagram is generated as the very first step before any task tools are launched, providing an immediate preview of the planned agent structure.

How do I trigger the post-task visualization?

You can trigger the HTML report by using phrases like 'visualize the subagents', 'dependency graph', or 'workflow diagram' after the subagents have finished their work.

Does this skill work with parallel subagent execution?

Yes, it is specifically designed to handle and distinguish between parallel, sequential, and mixed execution modes.

What is included in the interactive HTML summary?

The HTML report includes a Mermaid dependency graph, a statistics dashboard, collapsible detail cards for each agent, and a summary of the synthesis process.

Visualizing Subagents

Name: Visualizing Subagents
Author: WarrenZhu050413

byWarrenZhu050413

•

Analíticas y Monitorización

Generates real-time ASCII diagrams and interactive HTML dashboards to visualize and document complex multi-agent workflows.

Acerca de

This skill enhances the transparency of Claude Code's agentic operations by enforcing a 'visual-first' approach to task orchestration. It automatically renders ASCII structural diagrams before launching subagents to clarify dependencies and creates rich, interactive HTML reports upon completion. These reports include Mermaid-based dependency graphs, performance statistics, and detailed task cards, making it an essential tool for developers who need to audit, optimize, and share the results of multi-step AI workflows.

Características Principales

Collapsible task cards for deep-dive analysis of individual agent findings
5 GitHub stars
Interactive Mermaid.js dependency graphs in exported HTML reports
Comprehensive statistics dashboard tracking success rates and token usage
Pre-execution ASCII diagrams to preview task dependencies
Support for parallel, sequential, and mixed execution patterns

Casos de Uso

Debugging complex multi-agent coding tasks by identifying execution bottlenecks
Generating professional workflow summaries for stakeholders or project documentation
Monitoring the logic and data synthesis process of autonomous sub-tasks

Acerca de

Características Principales

Collapsible task cards for deep-dive analysis of individual agent findings
5 GitHub stars
Interactive Mermaid.js dependency graphs in exported HTML reports
Comprehensive statistics dashboard tracking success rates and token usage
Pre-execution ASCII diagrams to preview task dependencies
Support for parallel, sequential, and mixed execution patterns

Casos de Uso

Debugging complex multi-agent coding tasks by identifying execution bottlenecks
Generating professional workflow summaries for stakeholders or project documentation
Monitoring the logic and data synthesis process of autonomous sub-tasks