How does this help with project documentation?

It simplifies onboarding and maintenance by providing a clear visual map of your agent system, making complex delegation chains easy for humans to understand at a glance.

Which diagram formats are supported?

The skill supports ASCII trees for terminal viewing, Mermaid.js for Markdown rendering on platforms like GitHub, and GraphML for professional diagramming software.

Is it easy to update diagrams as the system grows?

Yes, the skill uses automated scripts to parse your existing agent configurations, allowing you to regenerate diagrams instantly whenever your architecture changes.

What is the Agent Hierarchy Diagram skill?

It is a specialized capability for Claude Code that generates visual representations of how AI agents are structured and how they delegate tasks to one another within a system.

Can I use these diagrams in presentations?

Yes, by exporting to Mermaid or GraphML, you can create high-resolution, professional visuals suitable for stakeholder meetings and technical presentations.

Agent Hierarchy Diagram

Name: Agent Hierarchy Diagram
Author: mvillmow

bymvillmow

•

Learning & Documentation

Generates visual structural diagrams of AI agent systems to illustrate levels, relationships, and delegation paths.

About

This skill automates the creation of architectural visualizations for multi-agent systems, helping developers and stakeholders understand how different AI agents interact and delegate tasks. By generating ASCII trees, Mermaid diagrams, and GraphML files, it transforms complex agent hierarchies into clear, documentation-ready visuals. Whether you are onboarding new contributors or presenting system designs, this tool provides a standardized way to communicate the organizational logic and levels of authority within your AI infrastructure.

Key Features

Visualizes multi-level agent delegation from Chief Architect (L0) down to technical specialists
Automates documentation updates through standardized shell scripts
Produces Mermaid.js code for high-quality rendering in GitHub and Markdown files
Exports GraphML files for advanced editing in professional diagramming tools like yEd
12 GitHub stars
Generates human-readable ASCII tree diagrams for terminal use and quick documentation

Use Cases

Creating professional architectural materials for stakeholder presentations to explain AI system logic
Maintaining up-to-date documentation in agent-heavy repositories for easier system maintenance
Onboarding new developers by visualizing the project's agent orchestration and delegation layer

About

Key Features

Visualizes multi-level agent delegation from Chief Architect (L0) down to technical specialists
Automates documentation updates through standardized shell scripts
Produces Mermaid.js code for high-quality rendering in GitHub and Markdown files
Exports GraphML files for advanced editing in professional diagramming tools like yEd
12 GitHub stars
Generates human-readable ASCII tree diagrams for terminal use and quick documentation

Use Cases

Creating professional architectural materials for stakeholder presentations to explain AI system logic
Maintaining up-to-date documentation in agent-heavy repositories for easier system maintenance
Onboarding new developers by visualizing the project's agent orchestration and delegation layer