reversa-docs-mapper

Generate 3D and 2D visualizations from modules.json and deps.json.

Updated Mar 31, 2026
One-click install
npx skills add https://github.com/afsjr/secretaria_escola_csm --skill reversa-docs-mapper-afsjr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: reversa-docs-mapper
Source: https://github.com/afsjr/secretaria_escola_csm/tree/main/.agents/skills/reversa-docs-mapper
Command: npx skills add https://github.com/afsjr/secretaria_escola_csm --skill reversa-docs-mapper-afsjr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Ele resolve a dificuldade de entender rapidamente como o sistema está organizado fisicamente convertendo módulos, dependências e topologia em visualizações navegáveis.

Core Features & Use Cases

  • Mapeamento espacial 3D (Code City): gera páginas com arquitetura 3D para que o leitor compreenda a organização geral em poucos segundos.
  • Mapeamento de módulos 2D (force-directed): cria um grafo 2D com D3 para explorar nós, arestas e ciclos de dependências.
  • Topologia side-by-side (legado vs moderno vs híbrido): produz uma visão comparativa quando a topologia é detectada no SDD.
  • Cache e reuso de artefatos: reaproveita JSONs em assets/data quando válidos, e só extrai novamente quando necessário.

Quick Start

Invoque o pipeline do reversa-docs para gerar arquitetura.html, modulos.html e, quando detectada, topologia.html com base em modules.json e deps.json.

Frequently Asked Questions about reversa-docs-mapper

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I visualize code architecture topology in navigable 3D and 2D maps?

To generate 3D and 2D architecture visualizations, you map extracted modules and dependencies into navigable maps. This produces a Three.js Code City for spatial layout and a D3 force-directed graph for exploring module edges and dependency cycles.

What is the best way to detect and map dependency cycles in a software project?

Mapping dependency cycles is best achieved by generating a 2D force-directed module graph with D3. This visualization renders nodes and edges, letting you visually explore and identify circular dependencies within your system architecture.

How do I generate documentation pages from modules.json and deps.json files?

To generate documentation pages from modules.json and deps.json, you inject the extracted data via window.RV_DATA into a viewer.html chassis. The pipeline then writes the rendered architecture and module pages into a .reversa/documentation directory.

Can I generate side-by-side topology visualizations for legacy versus modern architectures?

Yes, you can generate side-by-side topology visualizations comparing legacy, modern, and hybrid architectures. When topology is detected in the system definition, the pipeline automatically produces a comparative topology page alongside the standard architecture maps.

How does caching work when reusing extracted architecture data for visualization?

Caching reuses valid JSON files stored in assets data when generating visualizations. The pipeline only re-extracts modules and dependencies when the cached files are invalid or missing, ensuring efficient reuse of intermediate architecture artifacts.

Do I need Three.js or D3 installed locally to render Code City and force-directed graphs?

You do not need Three.js or D3 installed locally to render Code City and force-directed graphs. The pipeline injects data via window.RV_DATA into a viewer.html chassis with correct head extras, handling rendering without local fetch dependencies.