skills.rest
Pabloprogramador23
Pabloprogramador23COMMUNITY
Explore all skills by this author →
GitHub

reversa-arquitetura-3d

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

Updated Jun 6, 2026
Search Tags:#architecture#threejs#dependency-graph#3d-visualization#architecture-tour#code-city
One-click install
npx skills add https://github.com/Pabloprogramador23/loja --skill reversa-arquitetura-3d-pabloprogramador23
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reversa-arquitetura-3d
Source: https://github.com/Pabloprogramador23/loja/tree/main/.agents/skills/reversa-arquitetura-3d
Command: npx skills add https://github.com/Pabloprogramador23/loja --skill reversa-arquitetura-3d-pabloprogramador23

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visualizar a arquitetura de software em 3D de forma interativa facilita a compreensão de módulos, dependências, camadas e hierarquias, especialmente durante revisões e apresentações.

Core Features & Use Cases

  • Visualizações 3D de arquitetura de software (Code City, Dependency Graph 3D, Layer Stack, Call Graph) geradas como HTML standalone para uso offline.
  • Suporte a Architecture Tour com waypoints, overlays narrativas e transições entre modos, ideal para onboarding e demonstrações.
  • Dados de entrada flexíveis via modules.json e/ou deps.json, com base em Three.js e OrbitControls, mantendo compatibilidade offline com assets locais.

Quick Start

Open the generated HTML and interact with the 3D architecture view.

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 module and dependency data?▼

You can visualize software architecture in 3D by providing modules.json and deps.json inputs to generate a standalone HTML/JS runtime using Three.js. This produces interactive Code City and Dependency Graph 3D views for comprehensive architectural exploration.

What is a Code City visualization and how does it help architecture reviews?▼

A Code City is a 3D visualization mode representing software modules and dependencies as interactive spatial structures. It helps architecture reviews by mapping hierarchical layers, making complex code relationships easier to comprehend and present.

Can I use Three.js architecture visualizations offline without internet access?▼

Yes, the generated 3D architecture visualizations support offline use through a standalone HTML runtime with optional local assets. The system includes graceful error handling to maintain Three.js and OrbitControls functionality during offline scenarios.

Does the architecture tour mode support narrative transitions between 3D visualization modes?▼

Yes, the architecture tour mode supports narrative transitions between 3D visualization modes using waypoints and overlays. This feature is designed specifically for onboarding new developers and demonstrating software architecture interactively.

Do I need specific data formats to generate a Layer Stack 3D visualization?▼

Yes, you need to provide modules.json and/or deps.json data formats to generate Layer Stack 3D visualizations. These inputs define the software modules and dependency relationships required to render the interactive Three.js architectural views.

What are the limitations of generating standalone HTML for 3D dependency graphs?▼

The standalone HTML generation for 3D dependency graphs relies on Three.js and OrbitControls, requiring optional local assets for full functionality in disconnected environments. It gracefully handles errors when offline assets are missing or network access fails.

Related Skills

Explore More Software Engineering Skills→
krzemienskikrzemienski
2

writing-plans

Generate implementation plans with tasks, file paths, tests, and quantitative metrics.

Community
Advanced
stribusstribus
1

reversa-arquitetura-3d

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

Community
Advanced
daffy0208daffy0208
34

3d-visualizer

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

Community
Intermediate
silaslopes100silaslopes100

reversa-docs-mapper

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

Community
Advanced