skills.rest
stribus
stribusCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/stribus/pygerengastos --skill reversa-arquitetura-3d-stribus
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
thomasholknielsenthomasholknielsen
6

json-formatter

Format and validate JSON data with 2-space indentation.

Community
Basic
Pabloprogramador23Pabloprogramador23

reversa-arquitetura-3d

Render interactive 3D software architecture visualizations from modules.json and deps.json.

Community
Advanced
anderson-0anderson-0
4

architecture-map

Generate Mermaid architecture diagrams from source code with dependency analysis.

Community
Advanced
silaslopes100silaslopes100

reversa-docs-mapper

Generate 3D and 2D visualizations of software architecture and dependency topologies.

Community
Advanced