Why CC Snapshot Viewer?
When using Claude Code (Anthropic's AI coding assistant), it modifies files in your project. But what exactly changed at each step? CC Snapshot Viewer integrates directly into VS Code's Source Control panel to show you:
- Every file Claude modified at each prompt
- Side-by-side diffs of before/after changes
- A complete history of AI-generated code changes
Perfect for code review, debugging, and understanding AI modifications to your codebase.
Features
| Feature |
Description |
| View Changes Per Prompt |
See exactly what files Claude modified at each step of your conversation |
| Diff View |
Click on any file to see a side-by-side diff of changes |
| Compare with Current |
Compare any snapshot with the current state of the file |
| Auto-Refresh |
Automatically updates when Claude makes new changes |
| Multi-Workspace Support |
Works with multiple workspace folders |
Quick Install
# VS Code
code --install-extension subhashkhileri.cc-snapshot-viewer
# Cursor
cursor --install-extension subhashkhileri.cc-snapshot-viewer
Installation
From VS Code Marketplace (Recommended)
- Open VS Code or Cursor
- Go to Extensions (
Cmd+Shift+X / Ctrl+Shift+X)
- Search for "CC Snapshot Viewer"
- Click Install
Or install directly from the VS Code Marketplace.
From VSIX (Local)
- Download the
.vsix file from Releases
- In VS Code, open the Command Palette (
Cmd+Shift+P / Ctrl+Shift+P)
- Run "Extensions: Install from VSIX..."
- Select the downloaded file
From Source
git clone https://github.com/subhashkhileri/cc-snapshot-viewer.git
cd cc-snapshot-viewer
npm install
npm run compile
Then press F5 in VS Code to launch the Extension Development Host.
Usage
- Open a project that has been used with Claude Code
- The extension activates automatically when it detects a
.claude directory
- Open the Source Control view (
Cmd+Shift+G / Ctrl+Shift+G)
- Look for "Snapshots" in the SCM providers
- Expand any prompt to see the files that were changed
- Click a file to view the diff
How It Works
Claude Code stores backup snapshots of files before modifying them in ~/.claude/projects/. This extension reads those snapshots and the conversation transcript to reconstruct what changed at each prompt.
Requirements
- VS Code 1.74.0 or higher (also works with Cursor)
- A project that has been used with Claude Code (has a
.claude directory)
Known Limitations
- Only shows changes from the most recent Claude Code session
- Snapshots are read-only (you cannot restore from them directly)
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
MIT - see LICENSE for details.
If you find this extension useful, please consider giving it a ⭐ on GitHub!
