VisualizeCode

See how your project fits together — interactive diagrams, AI explanations, and a task tracker, all inside VS Code.

VisualizeCode gives you an instant bird's-eye view of any codebase. Understand unfamiliar projects in minutes, explain any file with one command, and manage tasks without ever leaving your editor.

What It Does

🗺️ Interactive Architecture Diagrams

Generate a live, clickable map of your entire project — files, services, and how they all connect. Click any node to jump straight to that file.

• Frontend, Backend, and Database layers are automatically separated and color-coded
• Click any box in the diagram to open that file instantly
• Works with any language or framework — no configuration needed

A complete visual map of your project, generated automatically.

Drill into any layer to see how individual files and services connect.

🤖 AI File Explanations

Open any file and ask VisualizeCode to explain it. Get a plain-English summary of what the file does, why it exists, and how it fits into the rest of your project.

Perfect for:

• Picking up a codebase you didn't write
• Onboarding new team members
• Code reviews and audits

✅ Built-in Task Tracker

A lightweight Kanban board that lives inside VS Code. Create tasks, assign them to teammates, and let VisualizeCode automatically close them based on your git commit messages.

• Auto-close tasks based on what you mention in your commits
• Assign and filter tasks by team member
• No external tools — everything is local and private

The built-in task board, linked to your git history.

📄 Export to Markdown

Save your project structure as an ARCHITECTURE.md file. Great for documentation, onboarding, or sharing how your system is built.

Quick Start

Open VS Code Chat (Ctrl+Alt+I) and try these commands:

Setup — Free, Two Options

Option 1 — GitHub Copilot (Recommended)

Already have GitHub Copilot? VisualizeCode uses it automatically at zero extra cost. No setup needed.

Status bar shows: VisualizeCode: Using GitHub Copilot — 0 credits

Option 2 — Google Gemini (Free API Key)

No Copilot? Get a free API key from Google AI Studio — no credit card required. Paste it once when prompted, and it's saved securely.

Status bar shows: VisualizeCode: Using Gemini API

To change your key later: Ctrl+Shift+P → VisualizeCode: Reset Gemini API Key

Privacy

• Your code never leaves your machine. VisualizeCode only uses file names, structure, and commit subjects — never your source code.
• No accounts, no cloud. Diagrams and tasks are saved locally as files.
• API keys are stored securely in VS Code's built-in secret storage — the same place your GitHub tokens are kept.
• Works offline. Once a scan is complete, diagrams and the task board work without an internet connection.

License

MIT