Panolayer Studio · Architectuur

Zie wat wat aanroept.

Panolayer brengt de services, modules, functies, aanroepers en afhankelijkheden van je repository in kaart. De kaart wordt uit de broncode geparseerd, dus dezelfde code geeft altijd dezelfde kaart, en je agents en de Verificatie-engine werken er ook mee.

Downloaden voor macOS Lees de documentatie

macOS 15 op Apple silicon · Gratis te beginnen · Geen creditcard nodig

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

Je zit drie niveaus diep in een service en probeert erachter te komen wat die aanroept.

Een bestandsboom laat zien waar code staat, niet wat ervan afhangt. Bij door agents geschreven code is dat nog lastiger: niemand in het team heeft het geschreven, en de diff was 2.000 regels. Met Panolayer navigeer je door code op basis van wat wat aanroept, niet op basis van mappen.

Wat je kunt doen

Van het hele systeem naar één regel

Begin met het hele systeem

Open een repository en zie de services, wat erin zit en hoe ze met elkaar verbonden zijn.

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

Zoom in op wat je nodig hebt

Ga van services naar modules naar functies. Diagram-, kolom- en padweergave tonen dezelfde structuur op drie manieren.

The recorded walkthrough opens the pick function from UserSwitcher in the architecture map, revealing its source, summary and verification results. — Open a function. Go straight to its source.

Lees elke functie in context

Open getPrice() en zie wat het doet, wat de inputs en outputs zijn, wie het aanroept, waarvan het afhankelijk is, welke regels gelden en wat de verificatiestatus is.

Architecture · source and rules together

Zie tot waar een wijziging reikt

Wijzig getPrice() van centen naar dollars, en de kaart laat zien dat dit de productpagina, de winkelwagen en checkout raakt voordat er iets live gaat.

The architecture map connects the UserSwitcher component to its pick function, alongside UserSwitcherProps and neighboring components. — Follow a component into its functions

Je agents zien dezelfde kaart

Agents kunnen de kaart via een MCP-tool bevragen op structuur, aanroepers en afhankelijkheden, en verificatie toetst hun wijzigingen daaraan.

Panolayer Agent explains the posting workflow with references to the repository's routes, validation and data types. — Panolayer Agent · answers grounded in your source

Levende documenten

Documentatie die bijblijft

Stel een vraag over elk deel van je codebase en krijg een document dat op basis van de architectuur is geschreven, met de beweringen gekoppeld aan de bron. Genereer het opnieuw wanneer de code verandert.

Hoe Living Documents werken

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

Vragen

Iets anders? Neem contact op en we geven je antwoord.

Wordt de architectuurkaart door een LLM gegenereerd?

Nee. De structuur wordt uit de broncode geparseerd. Een model kan op verzoek beschrijvingen in gewone taal toevoegen, maar het bepaalt nooit de structuur.

Kan ik de kaart gebruiken zonder agents te draaien?

Ja. Hij werkt zelfstandig om je weg te vinden in onbekende code.

Welke talen worden ondersteund?

TypeScript, JavaScript, Python, Go, Rust, Java en meer. Dynamische aanroepen en gegenereerde code zijn moeilijker te traceren en vereisen mogelijk een handmatige controle. Bekijk de volledige lijst in de documentatie.

Werkt het in een monorepo?

Ja.

Probeer Panolayer op je codebase.

Downloaden voor macOS VS Code-extensie, binnenkort beschikbaar

Gratis om te starten · Geen creditcard nodig

Hoe Panolayer met je code omgaat

Volgende: Levende documenten