| name | cdiff |
| version | 0.1.0 |
| description | Open a browser-based diff viewer showing all current changes in a VS Code-style
file tree with syntax-highlighted diffs. Live-reloads as files change.
Use when the user wants to "see the diff", "show changes", "what did I change",
or "open diff viewer".
|
| allowed-tools | ["Bash","Read"] |
/cdiff — Browser Diff Viewer
Opens a live-updating browser dashboard showing your current git diff.
Usage
Locate the cdiff install directory, then run:
_CDIFF=""
[ -d "${CLAUDE_SKILL_DIR}/../src" ] && _CDIFF="${CLAUDE_SKILL_DIR}/.."
[ -z "$_CDIFF" ] && [ -d ~/.claude/skills/cdiff-viewer/src ] && _CDIFF=~/.claude/skills/cdiff-viewer
[ -z "$_CDIFF" ] && [ -d .claude/skills/cdiff-viewer/src ] && _CDIFF=.claude/skills/cdiff-viewer
echo "CDIFF_DIR: $_CDIFF"
Run cdiff to show working directory changes:
bun run "$_CDIFF/src/cli.ts"
To compare branches:
bun run "$_CDIFF/src/cli.ts" main..HEAD
Tell the user: "cdiff is running — check your browser. Press Ctrl+C in the terminal when done."
The viewer shows:
- File tree sidebar with change indicators (M/A/D/R)
- Syntax-highlighted unified or side-by-side diffs
- Staged vs unstaged toggle
- Dark/light theme
- Live auto-refresh as files change
