garrrikkotua

garrrikkotua / cdiff

Public

Claude Code skill to preview diff without opening Cursor or VS Code

17
0
100% credibility
Found Mar 25, 2026 at 17 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Browser-based dashboard for visually reviewing code file changes with syntax highlighting, live reloads, and multiple viewing modes.

How It Works

1
💡 Discover cdiff

While using AI helpers to write code in your project, you realize you need a simple way to glance at all the file changes without switching apps.

2
📥 Set it up quickly

Copy a few lines into your AI tool or download and prepare it in your project folder—it takes under a minute.

3
🚀 Launch the viewer

Start it from your project, and a web page opens in your browser automatically showing your changes.

4
🌟 Browse beautiful diffs

See a tidy list of changed files with colorful badges, click any to view highlighted differences between old and new versions.

5
🔄 Switch perspectives

Easily toggle to see only certain changes, side-by-side views, or match your preferred light/dark theme.

6
âš¡ Updates happen live

As your AI makes more changes to files, the dashboard refreshes itself to show the latest differences instantly.

✅ Stay in the flow

Now you effortlessly review every code tweak from your AI sessions, keeping your workflow smooth and focused.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 17 to 17 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is cdiff?

cdiff is a lightweight TypeScript tool using Bun that launches a browser dashboard for git diffs, skipping the hassle of opening VS Code or Cursor. It displays a VS Code-style file tree with change badges (M/A/D/R), syntax-highlighted unified or side-by-side views, and toggles for staged/unstaged/all changes. Live reload via SSE updates diffs as AI agents like Claude Code CLI edit files, with branch compares like `cdiff main..HEAD`.

Why is it gaining traction?

Unlike scannable `git diff` output or IDE overhead, cdiff offers instant lazy-loaded trees, theme matching, and merge conflict banners—ideal for Claude Code workflows on GitHub. CLI simplicity (`cdiff` or `--port 4000`) and cmux pairing hook devs ditching context switches. Zero runtime deps and vanilla UI keep it snappy.

Who should use this?

Terminal AI coders relying on Claude Code install or free tiers for agent-driven changes, especially in monorepos where quick scans beat full IDE loads. Teams using Claude Code pricing for shared repos via committed setups.

Verdict

Grab it if you're deep in Claude Code GitHub actions—solves a real pain for 30-second diff peeks. At 17 stars and 1.0% credibility, it's raw but well-doc'd MIT; prototype in side projects first.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.