cdiff

Render browser-based live git diffs with syntax highlighting and branch comparison.

20|Updated Mar 20, 2026

Search Tags:#git #diff #browser #code-review #diff-viewer #file-tree #live-reload

Ready to run

npx skills add https://github.com/garrrikkotua/cdiff --skill cdiff

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: cdiff
Source: https://github.com/garrrikkotua/cdiff/tree/main/skill
Command: npx skills add https://github.com/garrrikkotua/cdiff --skill cdiff

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Open a browser-based diff viewer that shows all current changes in a VS Code-style file tree with syntax-highlighted diffs. It live-reloads as files change, helping you quickly see what changed without opening a full IDE.

Core Features & Use Cases

Two sidebar modes: Changes (diff view) and Files (full directory explorer)
Read-only file browser to inspect any file in your project
Unified and side-by-side diffs with clear change indicators
Live reload via SSE for real-time updates
Branch comparison and easy navigation of diffs
Merge conflict detection and warnings

Quick Start

Run the cdiff command to open the live browser diff viewer for your project.

Frequently Asked Questions about cdiff

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I view git diffs in a browser without opening an IDE?▼

You can view git diffs in a browser by running the cdiff command, which opens a live, browser-based diff viewer showing syntax-highlighted changes in a file tree. It live-reloads as files change, helping you quickly review code without launching an IDE.

Can I compare changes across different git branches in a browser?▼

Yes, browser-based git diff comparison across branches is supported. The viewer displays branch comparisons with unified and side-by-side diffs, syntax highlighting, and easy navigation to help you review changes between branches.

Do I need a local cdiff installation to use the browser diff viewer?▼

Yes, a local cdiff installation is required to render the browser-based diff viewer. You also need access to a local Git repository so the tool can visualize live updates and branch comparisons.

What is the best way to review git merge conflicts outside of an IDE?▼

Using a browser-based diff viewer like cdiff is an effective way to review merge conflicts outside an IDE. It automatically detects merge conflicts and displays clear warnings alongside syntax-highlighted diffs in a file tree.

Does the browser diff viewer support live reload for real-time code changes?▼

Yes, the browser diff viewer supports live reload via SSE for real-time updates. As you modify files in your local Git repository, the viewer automatically refreshes to show the current changes without requiring a manual reload.

How do I browse all files in my project using a diff viewer?▼

The viewer offers a sidebar with two modes: Changes for viewing current diffs and Files for a full directory explorer. The read-only file browser lets you inspect any file in your project directly from the browser interface.