Arquitectura
Navega por código que no escribiste.
Abre un repositorio y Panolayer mapea su arquitectura, con sus módulos, funciones, clases, llamadores y dependencias. El mapa se obtiene analizando el código fuente, no lo genera un modelo, así que el mismo código siempre produce el mismo mapa. Tú, tus agentes y el Verification Engine de Panolayer trabajáis a partir de él.
Beta pública para macOS. Empieza gratis, sin tarjeta de crédito.
Estás tres niveles dentro de un servicio, intentando averiguar qué lo llama.
Un árbol de archivos te muestra dónde está el código, pero no qué depende de él. Es aún más difícil cuando el código lo ha escrito un agente y lo único que tienes es un diff de mil líneas. Panolayer mapea las dependencias, para que recorras el sistema visualmente según qué llama a qué, no por carpetas.
Qué puedes hacer con él
01 / Arquitectura
Empieza por el sistema completo
Abre un repositorio y lo primero que ves es cómo encaja: los servicios, lo que contiene cada uno y cómo se conectan. Es la imagen que normalmente solo te daría alguien que lleva tiempo trabajando en el código.
02 / Arquitectura
Profundiza hasta lo que necesitas
Entra en un servicio para ver sus módulos y, después, en un módulo para ver sus funciones. Las vistas de diagrama, columnas y ruta muestran la misma estructura de tres formas, para que cambies a la que mejor se lea según el código en el que estés.
03 / Arquitectura
Lee cualquier función en contexto
Abre getPrice() y verás qué hace, qué recibe y devuelve, qué la llama, de qué depende, las reglas que se le aplican y si actualmente supera la verificación. Es todo lo que, de otro modo, tendrías que reconstruir a partir de cinco archivos y una búsqueda.
04 / Arquitectura
Ve hasta dónde llegará un cambio
Antes de pedir a un agente que cambie getPrice() de céntimos a dólares, comprueba qué la llama: la página de producto, el carrito y el proceso de pago. Panolayer sigue el grafo de dependencias desde cualquier función, para que sepas a qué puede afectar un cambio antes de que nadie lo haga.
05 / Arquitectura
Tus agentes ven el mismo mapa
Los agentes que ejecutas pueden consultar este mapa mediante una herramienta MCP, así que pueden buscar qué llama a una función antes de cambiarla, en lugar de trabajar solo con los archivos que recibieron. La verificación comprueba cada cambio frente al mismo mapa, lo que significa que tú, tus agentes y la verificación partís de una única imagen del sistema.
06 / Arquitectura
Documentación que se mantiene al día
Los documentos vivos se generan a partir de la arquitectura y se mantienen sincronizados a medida que cambia el código, así que la documentación describe el sistema tal como es ahora, no como era cuando alguien la actualizó por última vez.
Panolayer recuerda tu proyecto
Cada nueva sesión de un agente empieza de cero. Vuelves a explicar las mismas convenciones, las mismas restricciones y el mismo motivo por el que nadie toca esa migración. Panolayer mantiene una memoria estructurada de tu proyecto entre sesiones, que incluye las decisiones que has tomado, tus convenciones y restricciones, tu historial de migraciones y cómo se corrigieron los errores anteriores. Cuanto más tiempo trabajas en una base de código con Panolayer, menos tienes que repetirte.
Preguntas
¿El diagrama lo genera un LLM?
No. Se obtiene analizando el código fuente. Los modelos pueden añadir descripciones en lenguaje sencillo cuando lo pides, pero no deciden la estructura.
¿Puedo usar el mapa de arquitectura sin ejecutar agentes?
Sí. Abre un repositorio y úsalo para orientarte en código que no escribiste.
¿Qué lenguajes son compatibles?
TypeScript, JavaScript, Python, Go, Rust y Java, entre otros. Las llamadas dinámicas y el código generado son más difíciles de rastrear y pueden requerir una revisión más atenta.
Ver los lenguajes compatibles¿Funciona con un monorepo?
Sí.
Prueba Panolayer en tu base de código.
Beta pública para macOS. Empieza gratis, sin tarjeta de crédito.