skills.rest
Rdinda
RdindaCOMMUNITY
Explore all skills by this author →
GitHub

reversa-docs-mapper

Generate 3D and 2D architecture visualizations from cached module and dependency JSONs.

1|Updated Dec 20, 2025
Search Tags:#documentation automation#dependency mapping#architecture visualization#reverse engineering#repo analysis#3d code city#d3 force-directed
One-click install
npx skills add https://github.com/Rdinda/FMA_Pontos --skill reversa-docs-mapper-rdinda
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-docs-mapper
Source: https://github.com/Rdinda/FMA_Pontos/tree/main/.agents/skills/reversa-docs-mapper
Command: npx skills add https://github.com/Rdinda/FMA_Pontos --skill reversa-docs-mapper-rdinda

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It converts extracted module and dependency knowledge into fast, navigable spatial visualizations so readers understand a codebase’s physical structure at a glance.

Core Features & Use Cases

  • 3D Code City architecture: Builds an interactive Three.js 3D page (arquitetura.html) driven by modules and dependencies.
  • 2D module dependency map: Generates a force directed D3 visualization (modulos.html) for exploring relationships, clusters, and cycles.
  • Topology side-by-side view: Conditionally renders a topology page (topologia.html) when architecture topology is detected, enabling comparison across legacy/modern/hybrid variants.

Quick Start

Ask an AI to run the skill reversa-docs-mapper for the repository and generate arquitetura.html and modulos.html under .reversa/documentation.

Frequently Asked Questions about reversa-docs-mapper

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

FAQPage Schema
How do I generate a 3D architecture visualization from extracted repository modules?▼

You can generate a 3D architecture visualization by processing extracted module and dependency data into an interactive Three.js page, creating a navigable spatial map for rapid comprehension of a codebase's physical structure.

Can I visualize module dependency cycles using a force-directed graph?▼

Yes, you can generate a 2D force-directed D3 visualization to explore module relationships, dependency clusters, and cycles, outputting an interactive HTML page for detailed structural analysis.

What is the best way to compare legacy and modern codebase topology side-by-side?▼

Comparing codebase topology is done by conditionally rendering a side-by-side HTML view when architecture topology is detected, enabling visual comparison across legacy, modern, and hybrid variants.

Do I need cached intermediate JSON files to render codebase architecture maps?▼

Yes, cached intermediate JSON files in the assets/data directory are required to safely render the viewer templates into HTML outputs without relying on local fetch() calls.

Where are the generated HTML architecture maps written when mapping dependencies?▼

Generated HTML architecture and module map files are written under the .reversa/documentation directory, providing navigable 2D and 3D visualizations of the system structure.

Related Skills

Explore More Software Engineering Skills→
hua-banghua-bang
27

visualize-harness

Map package, app, and component relationships into interactive HTML graphs.

Community
Intermediate
daffy0208daffy0208
34

3d-visualizer

Create interactive Three.js and React Three Fiber 3D visualizations with lighting and camera controls.

Community
Intermediate
drmowinckelsdrmowinckels

ggseg-ecosystem

Documents architecture and development standards for the ggseg ecosystem.

Community
Advanced
sandecosandeco
1.5k

reversa-arquitetura-3d

Generate standalone Three.js HTML visualizing software architecture from module and dependency JSON.

Community
Advanced