reversa-arquitetura-3d

Transform JSON modules and dependencies into interactive 3D architecture visualizations.

1|Updated Nov 20, 2025

Search Tags:#architecture #visualization #three.js #software #graph #architecture-tour #code-city

Ready to run

npx skills add https://github.com/stribus/pygerengastos --skill reversa-arquitetura-3d-stribus

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: reversa-arquitetura-3d
Source: https://github.com/stribus/pygerengastos/tree/main/.agents/skills/reversa-arquitetura-3d
Command: npx skills add https://github.com/stribus/pygerengastos --skill reversa-arquitetura-3d-stribus

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Software architecture is often hard to grasp and communicate; this skill creates interactive 3D visualizations of architecture using Three.js to make structural relationships tangible in a standalone HTML.

Core Features & Use Cases

Interactive 3D views of code structure (Code City), dependencies (Dependency Graph 3D), layered architectures (Layer Stack), call graphs (Call Graph 3D), and guided architecture tours (Architecture Tour).
Accepts modules and dependencies as JSON data and outputs a self-contained HTML file with embedded assets for easy sharing and offline use.
Provides references and documentation in the built-in references folder to support learning and reuse.

Quick Start

Load your modules.json and deps.json data and open the generated architecture-3d.html to render the visualization.

Frequently Asked Questions about reversa-arquitetura-3d

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

FAQPage Schema

How do I visualize software architecture in 3D using Three.js?▼

You can visualize software architecture in 3D by loading your modules and dependencies as JSON data to generate a standalone HTML file with embedded Three.js assets. The output renders interactive 3D views like Code City or Dependency Graph.

What is a Code City visualization for software structure?▼

A Code City is an interactive 3D visualization mode that represents software code structure tangibly. It transforms your module and dependency JSON data into a standalone HTML file, making complex architectural relationships easier to grasp.

Can I generate an offline interactive dependency graph from JSON?▼

Yes, this skill accepts modules and dependencies in JSON format to generate a self-contained HTML file. The output includes local Three.js assets, allowing you to share and view the interactive 3D dependency graph offline.

Does the 3D architecture visualization support guided tours?▼

Yes, the visualization supports an Architecture Tour mode alongside Code City, Layer Stack, and Call Graph modes. It uses your JSON data to create a standalone HTML file with responsive controls for navigating the software architecture.

What is the best way to share a 3D call graph with my team?▼

The best way to share a 3D call graph is generating a self-contained HTML file. By inputting your software's JSON dependencies, the skill produces a standalone HTML output with embedded Three.js assets for easy sharing and offline viewing.

Do I need an internet connection to view the generated architecture visualizations?▼

No, an internet connection is not needed because the skill generates a self-contained HTML file with local Three.js assets. You only need to load your JSON data and open the resulting architecture-3d.html file to render the visualization.