Vergenta
Interactive Code Architecture Map & Token-Efficient LLM Context Generator for VS Code
Vergenta is a premium Visual Studio Code extension designed to help developers visualize codebases and generate precise, token-efficient architectural context for Large Language Models (LLMs). By combining an interactive graph visualization with an automated context builder, Vergenta streamlines onboarding, speeds up codebase navigation, and bridges the gap between your code and AI assistants.
📸 Preview
✨ Features
- Interactive Graph Webview (Vis.js): Explore your codebase as a beautiful, reactive network graph. Zoom, pan, and drag nodes to inspect components and trace dependencies visually.
- Multi-Language Parser: Automatically extracts classes, interfaces, methods, and relationships. Out-of-the-box support for:
- TypeScript (
.ts, .tsx) & JavaScript (.js, .jsx)
- Python (
.py)
- Java (
.java)
- C# (
.cs)
- C++ (
.cpp, .hpp, .cc, .h) & C (.c, .h)
- LLM-Ready Context Generator: Click the Generate LLM Context button in the sidebar to generate
project-context.md in your project root. It provides a compressed, syntax-highlighted Mermaid.js class diagram of your system. Perfect for copying and pasting into ChatGPT, Claude, or Gemini to instantly explain your project's structure without blowing through token limits.
- Smart Folder Clustering: Group classes by their folders to understand your modular hierarchy and boundary design instantly.
- Deep Inspection & Navigation: Click on any node to view its methods, properties, and file paths.
- Quick Search: Swiftly pinpoint specific classes or interfaces inside complex workspace maps.
🚀 How to Use
- Open a workspace or project folder in VS Code.
- Open the Command Palette (
Cmd+Shift+P on macOS / Ctrl+Shift+P on Windows/Linux).
- Type and run:
vergenta
- The interactive visualizer panel will open immediately.
- In the sidebar, click Generate LLM Context to create
project-context.md containing the Mermaid.js class diagram. Paste this file's contents into your prompt to bootstrap any LLM with your system's design context!
⚙️ Extension Settings & Filters
Vergenta works automatically without any configuration. To keep your visualizer clean and fast, it automatically excludes standard build artifacts and package directories:
node_modules/.git/dist/, build/, out/venv/, .env/
🛠️ Requirements
No external dependencies are required. Just install the extension, open your folder, and start visualizing.
- Large Workspaces: Very large codebases (e.g. hundreds of classes) might take a few seconds to parse and draw the initial interactive layout.
📅 Release Notes
0.0.1 (Initial Release)
- Real-time codebase dependency parsing and relationship extraction.
- Fully interactive graph rendering via custom Webview.
- Smart folder grouping for module containment mapping.
- Automated token-saving LLM Context builder generating Mermaid.js class diagrams.
Enjoy visual development with Vergenta!
| |
