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.