Architektura
Poruszaj się po kodzie, którego nie napisałeś.
Otwórz repozytorium, a Panolayer zmapuje jego architekturę: moduły, funkcje, klasy, miejsca wywołań i zależności. Mapa jest wyznaczana na podstawie kodu źródłowego, a nie generowana przez model, więc ten sam kod zawsze daje tę samą mapę. Ty, Twoi agenci i Panolayer Verification Engine pracujecie na jej podstawie.
Publiczna beta dla macOS. Start za darmo, bez karty kredytowej.
Jesteś trzy poziomy w głąb usługi i próbujesz ustalić, co ją wywołuje.
Drzewo plików pokazuje, gdzie znajduje się kod, ale nie pokazuje, co od niego zależy. Jest jeszcze trudniej, gdy kod napisał agent, a Ty masz przed sobą tylko tysiąc linii diffa. Panolayer mapuje zależności, więc poruszasz się po systemie wizualnie — według tego, co co wywołuje, a nie według folderów.
Co możesz z tym zrobić
01 / Architektura
Zacznij od całego systemu
Po otwarciu repozytorium najpierw widzisz, jak wszystko się łączy: usługi, co zawiera każda z nich i jak są ze sobą połączone. To obraz, który zwykle dostajesz tylko od kogoś, kto pracuje z tym kodem od dłuższego czasu.
02 / Architektura
Zejdź do tego, czego potrzebujesz
Kliknij usługę, aby zobaczyć jej moduły, a potem moduł, aby zobaczyć jego funkcje. Widoki diagramu, kolumn i ścieżek pokazują tę samą strukturę na trzy sposoby, więc możesz wybrać ten, który najlepiej pasuje do kodu, nad którym pracujesz.
03 / Architektura
Czytaj każdą funkcję w kontekście
Otwórz getPrice() i zobacz, co robi, co przyjmuje i zwraca, co ją wywołuje, od czego zależy, jakie reguły jej dotyczą i czy obecnie przechodzi weryfikację. To wszystko, co w przeciwnym razie składałbyś w całość z pięciu plików i wyszukiwania.
04 / Architektura
Zobacz, dokąd sięgnie zmiana
Zanim poprosisz agenta o przestawienie getPrice() z centów na dolary, sprawdź, co ją wywołuje: stronę produktu, koszyk i kasę. Panolayer śledzi graf zależności od dowolnej funkcji, więc wiesz, czego może dotknąć zmiana, zanim ktokolwiek ją wprowadzi.
05 / Architektura
Twoi agenci widzą tę samą mapę
Uruchamiani przez Ciebie agenci mogą odpytywać tę mapę za pomocą narzędzia MCP, więc mogą sprawdzić, co wywołuje funkcję, zanim ją zmienią, zamiast pracować wyłącznie na przekazanych im plikach. Weryfikacja sprawdza każdą zmianę względem tej samej mapy, co oznacza, że Ty, Twoi agenci i weryfikacja zaczynacie od jednego obrazu systemu.
06 / Architektura
Dokumentacja, która nadąża
Żywe dokumenty są generowane z architektury i pozostają zsynchronizowane w miarę zmian w kodzie, więc dokumentacja opisuje system taki, jaki jest teraz, a nie taki, jaki był, gdy ktoś ostatnio ją aktualizował.
Panolayer pamięta Twój projekt
Każda nowa sesja agenta zaczyna od zera. Znów tłumaczysz te same konwencje, te same ograniczenia i ten sam powód, dla którego nikt nie rusza tej jednej migracji. Panolayer przechowuje między sesjami ustrukturyzowaną pamięć Twojego projektu, w tym podjęte decyzje, konwencje i ograniczenia, historię migracji oraz sposoby naprawienia wcześniejszych błędów. Im dłużej pracujesz nad bazą kodu w Panolayer, tym rzadziej musisz się powtarzać.
Pytania
Czy diagram jest generowany przez LLM?
Nie. Jest wyznaczany na podstawie kodu źródłowego. Modele mogą na Twoją prośbę dodać opisy prostym językiem, ale nie decydują o strukturze.
Czy mogę korzystać z mapy architektury bez uruchamiania agentów?
Tak. Otwórz repozytorium i używaj mapy, aby odnaleźć się w kodzie, którego nie napisałeś.
Jakie języki są obsługiwane?
Między innymi TypeScript, JavaScript, Python, Go, Rust i Java. Wywołania dynamiczne i kod generowany trudniej prześledzić i mogą wymagać dokładniejszego przyjrzenia się.
Zobacz obsługiwane językiCzy działa z monorepo?
Tak.
Wypróbuj Panolayer na swojej bazie kodu.
Publiczna beta dla macOS. Start za darmo, bez karty kredytowej.