cdiff

分类: 开发与编程 | 上传者: garrrikkotua | 下载: 0 | 版本: v1.0（最新）

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".

更新日志: Source: GitHub https://github.com/garrrikkotua/cdiff

目录结构

当前层级: skill/

📄 SKILL.md 1.3 KB

SKILL.md

---
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:

```bash
_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:

```bash
bun run "$_CDIFF/src/cli.ts"
```

To compare branches:

```bash
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

登录后下载/点赞/收藏 ❤ 2 | ★ 0

cdiff

目录结构

SKILL.md

举报内容

提示