reversa-arquitetura-3d

What problem does it solve?

The skill turns complex software structure (modules, dependencies, layers, and call flows) into an interactive 3D visualization that you can explore to understand system architecture faster.

Core Features & Use Cases

• Code City: represent each file as a “building” with height and footprint to show size and complexity distribution by folder.
• Dependency Graph 3D: render an oriented dependency graph in 3D with force-directed layout to reveal central modules, coupling, and cycles.
• Layer Stack 3D: stack architectural layers vertically and highlight inter-layer dependency violations (clean architecture style).
• Call Graph 3D: visualize execution/call trees in depth (Z axis) with node types (sync/async/external) and optional flow animation.
• Architecture Tour: create an animated camera walkthrough with narrative overlays and optional mode switching for stakeholder-friendly demos.

Quick Start

Use the skill to generate a standalone HTML 3D architecture view for your project by providing modules.json and deps.json (or only the one you have) and selecting the mode that matches your question.