skills.rest
garrrikkotua
garrrikkotuaCOMMUNITY
Explore all skills by this author →
𝕏@garrrikkotuaGitHub

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
One-click install
npx skills add https://github.com/garrrikkotua/cdiff --skill cdiff
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
missdeermissdeer

commit

Create local git commits with conventional commit message formatting.

Community
Intermediate
assertchrisassertchris
2

custom-conflict-resolution

Resolve Git merge conflicts file by file using a rebase strategy.

Community
Advanced
htafollahtafolla
5

git-workflow

Manage Git branches, merges, and pull requests for team workflows.

Community
Intermediate
MH4GFMH4GF
3

difit

View Git diffs in a browser and generate AI review prompts.

Community
Intermediate