Pr Review Canvas

Turns a GitHub PR URL into an interactive HTML walkthrough that reads like a senior engineer explaining what actually matters. Fetches the PR via gh API, categorizes files into core changes versus mechanical boilerplate, renders diffs with moved-code detection, and lets you collapse noise. The clever bit is pseudocode summaries: when a file adds 173 lines of retry logic, you get a plain-English algorithm block first, real diff collapsed below. Includes inline annotations, review checklists, and supports custom diagrams or tables if the PR needs them. Spins up a local server and opens the review in your browser. Useful when you need to understand a complex PR quickly or want to walk someone else through your changes without a wall of diff noise.

skills.sh installs: 2.4K
GitHub stars: 15.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add cursor/plugins --skill pr-review-canvas --agent claude-code

Installs into .claude/skills of the current project.

Files

PR Review Canvas

Generate an interactive HTML review of a GitHub PR that reads like a peer walking you through what matters.

Workflow

1. Fetch PR data

Run these gh api calls in parallel:

gh api repos/{owner}/{repo}/pulls/{number} --jq '{title, body, user: .user.login, state, additions, deletions, changed_files, base: .base.ref, head: .head.ref}'
gh api repos/{owner}/{repo}/pulls/{number}/files --paginate --jq '.[] | {filename, status, additions, deletions, patch}'
gh api repos/{owner}/{repo}/pulls/{number}/comments --jq '.[] | {user: .user.login, body, path, line}'

2. Analyze the PR and write the body HTML

Read the diffs, understand the PR, and write the <body> content directly as HTML. You have full creative freedom -- the goal is to explain the PR clearly to a reviewer. Use whatever structure best fits the PR.

Typical structure (adapt as needed):