Architectuur
Navigeer door code die je niet zelf schreef.
Open een repository en Panolayer brengt de architectuur in kaart, met de modules, functies, klassen, aanroepers en afhankelijkheden. De kaart wordt uit de broncode geparseerd, niet door een model gegenereerd, dus dezelfde code levert altijd dezelfde kaart op. Jij, je agents en de Panolayer Verification Engine werken er allemaal vanuit.
Publieke bèta voor macOS. Gratis te starten, geen creditcard nodig.
Je zit drie niveaus diep in een service en probeert uit te zoeken wat hem aanroept.
Een bestandsboom laat zien waar code staat, maar niet wat ervan afhangt. Dat wordt nog lastiger als een agent de code schreef en je alleen een diff van duizend regels hebt. Panolayer brengt de afhankelijkheden in kaart, zodat je visueel door het systeem beweegt op basis van wat wat aanroept, niet per map.
Wat je ermee kunt doen
01 / Architectuur
Begin met het hele systeem
Open een repository en het eerste wat je ziet is hoe alles samenhangt, inclusief de services, wat elke service bevat en hoe ze verbonden zijn. Het is het beeld dat je normaal alleen krijgt van iemand die al een tijd aan de code werkt.
02 / Architectuur
Zoom in op wat je nodig hebt
Klik op een service om de modules te zien, en daarna op een module om de functies te zien. Diagram-, kolom- en padweergave tonen dezelfde structuur op drie manieren, zodat je kunt overschakelen naar wat het best leest voor de code waarin je zit.
03 / Architectuur
Lees elke functie in context
Open getPrice() en je ziet wat hij doet, wat hij aanneemt en teruggeeft, wat hem aanroept, waarvan hij afhangt, welke regels erop van toepassing zijn en of hij op dit moment slaagt voor verificatie. Dat is alles wat je anders bij elkaar zoekt uit vijf bestanden en een zoekopdracht.
04 / Architectuur
Zie wat een wijziging zal bereiken
Voordat je een agent vraagt getPrice() om te zetten van centen naar dollars, controleer je wat hem aanroept: de productpagina, de winkelwagen en de checkout. Panolayer volgt de afhankelijkheidsgraaf vanaf elke functie, zodat je weet wat een wijziging kan raken voordat iemand hem maakt.
05 / Architectuur
Je agents zien dezelfde kaart
De agents die je draait, kunnen deze kaart bevragen via een MCP-tool, zodat ze kunnen opzoeken wat een functie aanroept voordat ze hem wijzigen, in plaats van alleen te werken vanuit de bestanden die ze kregen. Verificatie controleert elke wijziging tegen dezelfde kaart, wat betekent dat jij, je agents en de verificatie allemaal vanuit één beeld van het systeem vertrekken.
06 / Architectuur
Documentatie die bijblijft
Levende documenten worden gegenereerd vanuit de architectuur en blijven in sync terwijl de code verandert, zodat de documentatie het systeem beschrijft zoals het nu is, niet zoals het was toen iemand ze voor het laatst bijwerkte.
Panolayer onthoudt je project
Elke nieuwe agentsessie begint bij nul. Je legt opnieuw dezelfde conventies uit, dezelfde beperkingen en dezelfde reden waarom niemand aan die ene migratie komt. Panolayer houdt over sessies heen een gestructureerd geheugen van je project bij, inclusief de beslissingen die je hebt genomen, je conventies en beperkingen, je migratiegeschiedenis en hoe eerdere bugs zijn opgelost. Hoe langer je in Panolayer aan een codebase werkt, hoe minder je jezelf hoeft te herhalen.
Vragen
Wordt het diagram door een LLM gegenereerd?
Nee. Het wordt uit de broncode geparseerd. Modellen kunnen op verzoek beschrijvingen in gewone taal toevoegen, maar ze bepalen de structuur niet.
Kan ik de architectuurkaart gebruiken zonder agents te draaien?
Ja. Open een repository en gebruik hem om je weg te vinden in code die je niet zelf schreef.
Welke talen worden ondersteund?
Onder andere TypeScript, JavaScript, Python, Go, Rust en Java. Dynamische aanroepen en gegenereerde code zijn lastiger te traceren en vragen mogelijk om een nadere blik.
Bekijk de ondersteunde talenWerkt het met een monorepo?
Ja.
Probeer Panolayer op je codebase.
Publieke bèta voor macOS. Gratis te starten, geen creditcard nodig.