Skip to content

CodeMap

A senior architecture visualization agent that creates shareable maps of code execution flow and component relationships.

Mode: all Permissions: read-only (no edits)

Description

Use this agent when you need to visualize how code executes and how components relate to each other. It traces the full lifecycle of a feature — from initialization to teardown — and produces a Mermaid diagram with linked node references.

Output Structure

  • Feature Overview — summary of what is being mapped
  • Entry Point — where execution starts (file:line)
  • Execution Flow — step-by-step walkthrough from entry to exit
  • Component Relationships — composition, inheritance, dependency injection
  • Data Flow — how data enters, transforms, and leaves
  • Lifecycle — creation, initialization, active phase, teardown
  • Mermaid Diagram — visual representation (flowchart, sequence, or class diagram)
  • Node References — each node linked to its file:line

When to Use

  • Understanding the lifecycle of a feature or module
  • Tracing how data flows through a system
  • Mapping component relationships and dependencies
  • Creating shareable diagrams for team discussion

Built with VitePress