Imported from garrrikkotua/cdiff (skill/SKILL.md). Install upstream with npx skills add garrrikkotua/cdiff --skill skill. Copyright stays with the author.

/cdiff — Browser Diff Viewer

Name: cdiff
Author: garrrikkotua

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

{ "ocm": "1", "id": "garrrikkotua-cdiff-skill", "kind": "skill", "name": "cdiff", "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\".", "publisher": "garrrikkotua", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "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\"." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/garrrikkotua/cdiff", "path": "skill/SKILL.md", "ref": "90ba665a48deae28d9e21e582a24737939894e27", "url": "https://github.com/garrrikkotua/cdiff/blob/90ba665a48deae28d9e21e582a24737939894e27/skill/SKILL.md", "key": "garrrikkotua/cdiff/skill/SKILL.md" }, "allowed_tools": [ "Bash", "Read" ] }, "instructions": "# /cdiff — Browser Diff Viewer\n\nOpens a live-updating browser dashboard showing your current git diff.\n\n## Usage\n\nLocate the cdiff install directory, then run:\n\n```bash\n_CDIFF=\"\"\n[ -d \"${CLAUDE_SKILL_DIR}/../src\" ] && _CDIFF=\"${CLAUDE_SKILL_DIR}/..\"\n[ -z \"$_CDIFF\" ] && [ -d ~/.claude/skills/cdiff-viewer/src ] && _CDIFF=~/.claude/skills/cdiff-viewer\n[ -z \"$_CDIFF\" ] && [ -d .claude/skills/cdiff-viewer/src ] && _CDIFF=.claude/skills/cdiff-viewer\necho \"CDIFF_DIR: $_CDIFF\"\n```\n\nRun cdiff to show working directory changes:\n\n```bash\nbun run \"$_CDIFF/src/cli.ts\"\n```\n\nTo compare branches:\n\n```bash\nbun", "cost": { "context_tokens": 235 } }

cdiff

About

/cdiff — Browser Diff Viewer

Usage

Use it

Manifest

Reviews