Skills
.Work. You
Rest

visual-diff-review

Community

Create visual diff review pages

Software Engineering#workflow#architecture#html#code-review#diff-review#visual-diff#change-analysis
Authorivanov-i
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generate a visual HTML diff review with before/after architecture, code review findings, and decision context. Use when the user asks to review changes against a branch, commit, range, PR, or current working tree.

Core Features & Use Cases

  • Use the visual-explainer diff-review prompt template to perform deep, evidence-backed change analysis.
  • Resolve diff scope from user input (branch, commit, PR, range, or default behavior defined in the prompt).
  • Build the required fact sheet, then generate the HTML review exactly per template constraints.
  • Write output to ~/.agent/diagrams/, open it in the browser, and report the file path.

Quick Start

Request a visual diff review for a specific branch, commit, range, or PR to generate and view an HTML diff in your browser.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: visual-diff-review
Download link: https://github.com/ivanov-i/dots/archive/main.zip#visual-diff-review

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.