GitFlowAI is a powerful VS Code extension that leverages Groq AI (Llama-3.3-70b) to visualize your codebase. It transforms complex file structures and logic into beautiful, interactive D3.js flowcharts directly within your editor.
✨ Features
🔍 AI-Powered Analysis
Entire Workspace Analysis: Scans your project structure and file types to generate high-level architectural diagrams.
Single File Analysis: Deep dives into specific files to visualize logic flow, decision trees, and function sequences.
Smart Context: Uses LLMs to understand the purpose of your code, not just the syntax.
📊 Interactive Visualizations
User Flow: Understand the journey through your application.
Architectural Diagrams: See how modules and components connect.
Logic Flow: Trace boolean logic and decision points.
Sequence Flow: Visualize the order of operations.
Interactivity: Drag nodes, pan, zoom, and explore your graph.
🚀 Getting Started
Installation
Open VS Code.
Go to the Extensions view (Ctrl+Shift+X).
Search for GitFlowAI.
Click Install.
Usage
Click the GitFlowAI icon in the Activity Bar (left sidebar).
Select a Visualization Type (e.g., User Flow, Logic Flow).
Click Start Analysis.
Choose your scope:
Analyze Entire Workspace: Good for high-level overviews.
Analyze Specific File: Best for understanding complex logic.
Wait a moment for the AI to process your code.
Interact with the generated flowchart in the sidebar!
🛠️ Configuration
GitFlowAI uses a default Groq API key for immediate use. However, for heavy usage, we recommend setting your own key:
