Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>SupermodelNew to Visual Studio Code? Get it now.
Supermodel

Supermodel

Supermodel

|
95 installs
| (0) | Free
Visualize your codebase structure with interactive code graphs.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Supermodel — Code Graph Visualization for VS Code

Visualize your codebase structure with interactive code graphs powered by the Supermodel Code Graph API.

Supermodel generates structural representations of any codebase — call graphs, dependency edges, domain classifications — giving you persistent architectural understanding you can explore visually.

Features

  • Interactive Graph Visualization: Explore your codebase as a force-directed graph with D3. Zoom, pan, expand, and collapse nodes to navigate your architecture.
  • Architecture View: See your codebase organized by domains and subdomains. Understand how components relate at the highest level.
  • Filesystem View: Browse the directory tree structure of your project with hierarchical expand/collapse.
  • Smart Expansion: Double-click nodes to progressively drill deeper — Subdomains, then Classes, then Functions. The expansion follows view-specific priorities.
  • Dead Code & Dependency Insights: The underlying graph captures call relationships, imports, and structural dependencies across 10+ languages.
  • Multi-Language Support: TypeScript, JavaScript, Python, Java, Go, Rust, Ruby, C++, Kotlin, Swift, and more. Experimental support for Rust and Elixir.

Getting Started

  1. Install the extension from the VS Code Marketplace.
  2. Open a project workspace.
  3. Click the Supermodel icon in the activity bar.
  4. Enter your API key (get one at supermodeltools.com — 14-day free trial).
  5. Click "Analyze Workspace" to generate your code graph.

Keyboard Shortcuts

  • Double-click: Expand/collapse nodes (smart — drills deeper through tiers)
  • Shift+Scroll: Navigate between nodes
  • Escape: Deselect

Configuration

Configure through VS Code settings (search for "Supermodel"):

  • supermodel.includeGlobs: File patterns to include when scanning
  • supermodel.excludeGlobs: File patterns to exclude (default: node_modules, dist, etc.)
  • supermodel.cacheDirectory: Custom cache location (shared with MCP server via SUPERMODEL_CACHE_DIR)
  • supermodel.respectGitignore: Whether to respect .gitignore when scanning (default: true)

Data & Privacy

Your source code is not retained after processing. Only structural metadata (function signatures, call relationships, dependency edges) is preserved. See supermodeltools.com for full privacy details.

Links

  • Supermodel Code Graph API
  • MCP Server — use your graph in Claude Code, Cursor, and other MCP clients
  • GitHub

For feedback or support, contact engineers@supermodeltools.com

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft