Saltar al contenido

Panolayer Studio · Arquitectura

Ve qué llama a qué.

Panolayer mapea los servicios, módulos, funciones, llamadores y dependencias de tu repository. El mapa se analiza a partir del código fuente, así que el mismo código siempre da el mismo mapa, y tus agents y el Motor de verificación también trabajan a partir de él.

macOS 15 en Apple silicon · Gratis para empezar · No se requiere tarjeta de crédito

Architecture · from system to source

Panolayer architecture map with application groups, functions and their connected dependencies.

Captura completa · desplázate para inspeccionar los detalles

Estás tres niveles dentro de un servicio, intentando averiguar qué lo llama.

Un árbol de archivos muestra dónde vive el código, no qué depende de él. Con código escrito por agents, es aún más difícil: nadie del equipo lo escribió y el diff era de 2.000 líneas. Panolayer te permite moverte por el código según qué llama a qué, no por carpetas.

Lo que puedes hacer

Del sistema completo a una sola línea

01

Empieza por el sistema completo

Abre un repository y consulta sus servicios, qué contiene cada uno y cómo se conectan.

Start at the repository

Start at the repository

The architecture diagram connects the repository to API Routes, Application Pages, Other, Shared Libraries and UI Components.

Captura completa · desplázate para inspeccionar los detalles

02

Profundiza hasta lo que necesitas

Pasa de servicios a módulos y de ahí a funciones. Las vistas de diagrama, columna y ruta muestran la misma estructura de tres formas.

Open a function. Go straight to its source.

Open a function. Go straight to its source.

The recorded walkthrough opens the pick function from UserSwitcher in the architecture map, revealing its source, summary and verification results.

Captura completa · desplázate para inspeccionar los detalles

03

Lee cualquier función en su contexto

Abre getPrice() y comprueba qué hace, sus entradas y salidas, quién lo llama, de qué depende, las reglas aplicables y su estado de verificación.

Architecture · source and rules together

Architecture · source and rules together

Panolayer Studio source view showing a PATCH handler, its function summary, and a failed rule at line 65.

Captura completa · desplázate para inspeccionar los detalles

04

Comprueba el alcance de un cambio

Cambia getPrice() de céntimos a dólares y el mapa muestra que llega a la página de producto, al carrito y al pago antes de que se despliegue nada.

Follow a component into its functions

Follow a component into its functions

The architecture map connects the UserSwitcher component to its pick function, alongside UserSwitcherProps and neighboring components.

Captura completa · desplázate para inspeccionar los detalles

05

Tus agents ven el mismo mapa

Los agents pueden consultar el mapa mediante una herramienta MCP para obtener estructura, llamadores y dependencias, y la verificación contrasta sus cambios con él.

Panolayer Agent · answers grounded in your source

Panolayer Agent · answers grounded in your source

Panolayer Agent explains the posting workflow with references to the repository's routes, validation and data types.

Captura completa · desplázate para inspeccionar los detalles

Documentos vivos

Documentación que se mantiene al día

Pregunta por cualquier parte de tu base de código y obtén un documento redactado a partir de la arquitectura, con sus afirmaciones vinculadas al código fuente. Vuelve a generarlo cuando el código cambie.

Cómo funcionan los Living Documents

Living documents · source-linked context

A living document explaining a feature with links to source files and line numbers.

Captura completa · desplázate para inspeccionar los detalles

Preguntas

¿Algo más? Contacta con nosotros y te responderemos.

¿El mapa lo genera un LLM?

No. La estructura se analiza a partir del código fuente. Un modelo puede añadir descripciones en lenguaje natural cuando se lo pidas, pero nunca decide la estructura.

¿Puedo usar el mapa sin ejecutar agentes?

Sí. Funciona por sí solo para orientarte en código que no conoces.

¿Qué lenguajes son compatibles?

TypeScript, JavaScript, Python, Go, Rust, Java y más. Las llamadas dinámicas y el código generado son más difíciles de rastrear y pueden requerir una revisión manual. Consulta la lista completa en la documentación.

¿Funciona con un monorepo?

Sí.

Prueba Panolayer en tu base de código.

Empieza gratis · No se necesita tarjeta de crédito

Cómo trata Panolayer tu código

Siguiente: Documentos vivos