Visual Review — Design skill for Claude Code
Turn a PR, branch, commit, or diff into a plain-language visual review with grounded diagrams and decision questionnaires.
How to install Visual Review
Installs to ~/.claude/skills/b-open-io-prompts-visual-review/SKILL.md
mkdir -p ~/.claude/skills/b-open-io-prompts-visual-review && curl -fsSL https://raw.githubusercontent.com/b-open-io/prompts/HEAD/commands/visual-review.md -o ~/.claude/skills/b-open-io-prompts-visual-review/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Visual Review does
allowed-tools: Skill(review:visual-review), Skill(core:humanize), Skill(bitplan:bitplan), Skill(bitplan), Bash(git:*), Bash(gh:*), Bash(open:*), Bash(npx bitplan:*), Bash(bunx bitplan:*), Bash(bunx postplan:*), Read, Write, Glob, Grep description: Turn a PR, branch, commit, or diff into a plain-language visual review with grounded diagrams and decision questionnaires argument-hint: "[branch | commit-sha | PR# | --base ] (default: current branch vs main)"
Your Task
Invoke `Skill
Alternatives in Design
- Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
- Nothing Design Skill — A Claude Code skill for generating UI in the Nothing design language 1.4k ★
- Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Session Story
Generate a self-contained HTML "session story" that links each prompt in a vibe coding session to the file edi
Design Interview
Guided plain-language interview that helps non-designers find the right visual direction for their project, pe
Grounded Image Creation
Codex skills for reality-grounded image creation, faithful image recreation, and independent visual review.
Branch
Create a new branch from main with conventional commit-style naming
Design System Status
Show a plain-language summary of the current design system state — what's set up, what's not, and sensible nex
Code Explainer
Use when a designer needs to understand code that already works. What a file does, what a line means, which pa
Related Agents
Diff Explainer
Explains a diff (staged, working tree, branch, or commit) in the project's domain language and then asks the u
Triage Router
MUST BE USED FIRST for any code review request (PR review, pre-commit review, "review this diff/branch/commit"
Release Notes Writer
Generates CHANGELOG entries and PR descriptions from a branch's commit history. Groups commits by type (feat /