Claude Code Explorer
A powerful VSCode extension for managing Claude Code (Anthropic Claude AI) configuration files, slash commands, and sub-agents. Easily explore, edit, and create CLAUDE.md files, custom slash commands, sub-agents, and settings files with an intuitive tree view interface.
Note: This VSCode extension provides the same functionality as ccexp (the CLI tool) in a convenient extension format. If you've used the CLI version and wanted to use similar features directly in VSCode, this extension is for you!
Special thanks to @nyatinte for creating the original ccexp CLI tool that inspired this extension.
Features
- 🔍 Auto Detection - Automatically scans project and user configuration files for Claude Code
- 📂 Hierarchical View - Groups files by namespace and scope (project vs user)
- ✏️ One-Click Edit - Click any file in the tree view to open it in the editor
- ➕ Easy Creation - Wizard-style creation for slash commands and CLAUDE.md files
- 🔄 Auto Refresh - Automatically detects file changes and refreshes the view
- 🎯 Multi-Scope Support - Manage both project-level and user-level Claude Code configurations
Capabilities
📁 CLAUDE.md File Management
Manage project memory files
- Detect and edit
CLAUDE.md / CLAUDE.local.md
- Support for user global settings (
~/.claude/CLAUDE.md)
- Visual distinction between project/user scopes
⌨️ Slash Command Management
List and create custom commands
- Display command descriptions and argument information
- Group by namespace (e.g.,
sc:build, sc:test)
- New command creation wizard
🤖 Sub-Agent Management
Manage custom agents
- Display agent name, description, and available tools
- Show project/user scope
⚙️ Settings File Management
Manage JSON configuration files
- Detect
settings.json / settings.local.json
- Support for
~/.claude.json global settings
- JSON validation with warning display
Usage
Open Explorer
- Click the Claude Code Explorer icon in the Activity Bar
- Or
Cmd+Shift+P → "Claude Code Explorer: Open Settings Explorer"
Open Files
Click a file in the tree view to open it in the editor.
Create Slash Command
- Click the
+ icon in the Slash Commands view title bar
- Select scope (Project/User)
- Enter command name
- (Optional) Enter namespace
Create CLAUDE.md
Cmd+Shift+P → "Claude Code Explorer: Create CLAUDE.md"
Settings
| Setting |
Description |
Default |
ccexp.showHiddenFiles |
Show hidden files |
false |
ccexp.scanRecursively |
Recursively scan subdirectories |
true |
ccexp.autoRefresh |
Auto refresh on file changes |
true |
Supported Files
| Type |
Project |
User |
| CLAUDE.md |
./CLAUDE.md, ./CLAUDE.local.md |
~/.claude/CLAUDE.md |
| Slash Commands |
.claude/commands/**/*.md |
~/.claude/commands/**/*.md |
| Sub-Agents |
.claude/agents/**/*.md |
~/.claude/agents/**/*.md |
| Settings |
.claude/settings.json |
~/.claude/settings.json, ~/.claude.json |
Why Use Claude Code Explorer?
If you're using Claude Code (Anthropic's AI coding assistant), this extension makes it easy to:
- Discover all your Claude Code configuration files in one place
- Organize slash commands by namespace
- Manage sub-agents and their configurations
- Edit CLAUDE.md files without navigating complex directory structures
- Create new commands and configurations with guided wizards
Perfect for developers who want to maximize their productivity with Claude Code!
Requirements
- VSCode 1.85.0 or later
- Claude Code installed (recommended)
Acknowledgments
This extension was inspired by and built to provide the same functionality as the excellent ccexp CLI tool created by @nyatinte. We are grateful for the original work that made this VSCode extension possible.
License
MIT License - See LICENSE for details.
