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

•

分析与监控

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

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.

主要功能

01Collapsible task cards for deep-dive analysis of individual agent findings

025 GitHub stars

03Interactive Mermaid.js dependency graphs in exported HTML reports

04Comprehensive statistics dashboard tracking success rates and token usage

05Pre-execution ASCII diagrams to preview task dependencies

06Support for parallel, sequential, and mixed execution patterns

使用场景

01Debugging complex multi-agent coding tasks by identifying execution bottlenecks

02Generating professional workflow summaries for stakeholders or project documentation

03Monitoring the logic and data synthesis process of autonomous sub-tasks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add warrenzhu050413/warren-claude-code-plugin-marketplace visualizing-subagents

For use in Claude.ai and ChatGPT

Download Skill

主要功能

01Collapsible task cards for deep-dive analysis of individual agent findings

025 GitHub stars

03Interactive Mermaid.js dependency graphs in exported HTML reports

04Comprehensive statistics dashboard tracking success rates and token usage

05Pre-execution ASCII diagrams to preview task dependencies

06Support for parallel, sequential, and mixed execution patterns

使用场景

01Debugging complex multi-agent coding tasks by identifying execution bottlenecks

02Generating professional workflow summaries for stakeholders or project documentation

03Monitoring the logic and data synthesis process of autonomous sub-tasks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add warrenzhu050413/warren-claude-code-plugin-marketplace visualizing-subagents

For use in Claude.ai and ChatGPT

Download Skill