Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Claude Code LensNew to Visual Studio Code? Get it now.
Claude Code Lens

Claude Code Lens

Byungho

|
88 installs
| (1) | Free
Visualize and manage .claude configuration folders in VS Code. Browse, edit, and organize your Claude Code configurations with ease.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Claude Code Lens

Visualize and manage your .claude configurations, agent teams, and usage insights — all inside VS Code.

VS Code Marketplace


Features

Config Dashboard

Browse all .claude folders in your workspace at a glance. Skills, Commands, and Agents are grouped into color-coded cards.

Config Dashboard

Agent Teams & Tasks

Monitor active agent teams and their members. Track task progress on a kanban board.

Agent Teams & Tasks

Usage Insights

Activity heatmap, token usage, session quality, tool breakdown, and project focus — powered by local Claude Code stats.

Usage Insights

AI Commit Message

Generate conventional commit messages with one click using Claude CLI.

AI Commit Message

Extension Settings

Configure in VS Code Settings (Cmd+, → search claudeLens):

Setting Default Description
claudeLens.commit.model haiku Claude model (haiku, sonnet, opus)
claudeLens.commit.prompt built-in Custom prompt for commit message generation

Requirements

  • Claude CLI — Install from docs.anthropic.com/claude-code
  • Run claude login in terminal to authenticate

License

MIT

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