Summarize branch changes for visual review in Claude Code

Make a concise review checklist of user-facing changes across the branch, covering both layout and behavior.

Install in Claude Code

A Claude Code project and a branch to inspect. Specify the baseline or let the skill use the branch point. The output is for a reviewer.

Review `.claude/skills/visual-review-summary/SKILL.md` and its requirements at the pinned GitHub commit.
Create `.claude/skills/visual-review-summary/` in your project and save the reviewed file as `.claude/skills/visual-review-summary/SKILL.md`.
Start Claude Code from that project's root, then select `/visual-review-summary` in the slash menu.

Example task

The schedule preview adds a venue filter. Users see `{filter:'Venue',empty:'No matching events'}`. A list spacing correction is committed, and narrow-screen button alignment is uncommitted. Use these three changes as the branch fixture.

What to check

Group the review into two areas. The schedule list gets the venue filter, `No matching events` message, and spacing. The narrow layout gets filter button alignment. Describe each change as seen in the interface.

Original SKILL.md on GitHub · Updated 2026-11-14

Frequently asked question

How can I summarize what users see in a branch for review?

Compare against the branch baseline and include committed and uncommitted changes that a user can see. For each item, name the screen and visible behavior, grouping related items.