Which git references are supported by this skill?

It supports a wide range of inputs including HEAD, branch names, commit hashes, specific PR numbers (using #), and commit ranges (e.g., abc..def).

Where can I find the generated visual reports?

Reports are saved as self-contained HTML files in the Claude plugin data directory and can be opened in any modern web browser.

Does it require the GitHub CLI to work?

While standard git diffs work natively, visualizing pull requests via PR numbers requires the GitHub CLI (gh) to be installed and authenticated.

How does the architecture diagram generation work?

The skill reads the full content of changed files—not just the diff hunks—to map out new modules, changed imports, and dependency shifts for an accurate structural overview.

Can I generate reports in languages other than English?

Yes, you can specify a language using the --lang flag (e.g., --lang ko) or simply request the report in your preferred language.

Git Diff Visualizer

Name: Git Diff Visualizer
Author: LeeJuOh

byLeeJuOh

•

Developer Tools

Generates interactive HTML reports from git diffs featuring architecture diagrams, KPI dashboards, and AI-powered code review insights.

The Git Diff Visualizer skill transforms complex git changes into clear, navigable visual reports, moving beyond raw diff text to provide high-level architectural insights and data-driven summaries. By analyzing changes across branches, commits, or pull requests, it creates interactive dashboards that include line metrics, dependency shifts, and decision logs, making it an essential tool for conducting deep-dive code reviews, preparing stakeholder briefings, and documenting the evolution of a project's codebase.

Key Features

01KPI dashboards tracking code metrics, test coverage, and housekeeping ratios

0228 GitHub stars

03Automated architecture diagrams highlighting dependency and module shifts

04Interactive HTML reports with side-by-side code comparisons

05Multi-language support for reports via explicit flags or natural language detection

06AI-driven code review assessments with decision rationale and confidence levels

Use Cases

01Generating high-level, visual change summaries for team leads and non-technical stakeholders

02Streamlining PR reviews by identifying impacted modules and potential documentation gaps

03Visualizing complex architectural shifts and dependency changes during major refactors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add leejuoh/claude-code-zero diff-visual

For use in Claude.ai and ChatGPT

Key Features

01KPI dashboards tracking code metrics, test coverage, and housekeeping ratios

0228 GitHub stars

03Automated architecture diagrams highlighting dependency and module shifts

04Interactive HTML reports with side-by-side code comparisons

05Multi-language support for reports via explicit flags or natural language detection

06AI-driven code review assessments with decision rationale and confidence levels

Use Cases

01Generating high-level, visual change summaries for team leads and non-technical stakeholders

02Streamlining PR reviews by identifying impacted modules and potential documentation gaps

03Visualizing complex architectural shifts and dependency changes during major refactors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add leejuoh/claude-code-zero diff-visual

For use in Claude.ai and ChatGPT