Skip to main content
affpapa.org
RU EN
skill CX Codex

pr-review-canvas — Claude Code skill: what it does, how to install

Generates a standalone interactive HTML walkthrough for any GitHub pull request. It helps reviewers focus on core architecture by folding boilerplate and rendering smart diffs.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add cursor/plugins --skill pr-review-canvas -a claude-code
Open on GitHub

What pr-review-canvas does

The skill transforms a GitHub pull request into a self-contained dark-theme HTML report. The assistant executes gh api calls in parallel to pull PR metadata, review comments, and diff patches. Files are split into core changes and boilerplate, with routine edits collapsed by default.

Inside, the report relies on bundled styles.css, renderer.js, and template.html. The renderer identifies relocated code chunks with colored tints, collapses whitespace-only modifications, and lets you replace verbose logic with concise pseudocode summaries.

The host machine requires gh, jq, and python3. Python is mandatory for safely embedding diff payloads into the HTML template, preventing premature tag termination when patches contain raw script syntax.

What it helps with

  • generate an interactive HTML walkthrough for a GitHub pull request
  • separate critical architecture changes from mechanical boilerplate
  • replace verbose implementation diffs with high-level pseudocode
  • highlight moved code blocks and collapse whitespace edits

Example prompts for the agent

  • Review this PR and generate an interactive HTML walkthrough.
  • Analyze this pull request, collapse mechanical files, and add review annotations.

How to install pr-review-canvas

1Skills CLI (Vercel)

npx skills add cursor/plugins --skill pr-review-canvas -a claude-code

2Manually: put the files in place

~/.claude/skills/pr-review-canvas/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/pr-review-canvas/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about pr-review-canvas

How do I install pr-review-canvas in Claude Code?

Run npx skills add cursor/plugins --skill pr-review-canvas -a claude-code. You can also manually place the skill file at ~/.claude/skills/pr-review-canvas/SKILL.md.

What does pr-review-canvas do?

It fetches PR data via the GitHub CLI and compiles an interactive HTML walkthrough with categorized files, sticky annotations, and collapsible diffs.

What tools are required to run this skill?

You need gh CLI authenticated with GitHub, jq for patch processing, and python3 to safely assemble the final HTML document.

Similar skills

All skills for Code review and refactoring →
improve-codebase-architecture Matt Pocock This skill scans a codebase for architectural friction, then builds a visual HTML report with refactoring candidates. Use it before a deeper architecture review. 1,163,035installs tdd Matt Pocock Guides the red-green TDD loop: ensures tests are written first, keep them at public interfaces, and avoid coupling to implementation details. 1,141,062installs triage Matt Pocock This skill moves issues and external PRs through triage states, verification, and agent briefs. It fits maintainers managing an issue queue. 990,453installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs code-review Matt Pocock Reviews changes from a chosen reference point against repository standards and the originating spec. Use it for a branch, PR, or work in progress. 789,521installs implement Matt Pocock Implements work from a specification or tickets, following a test-driven flow and ending with review and a commit. Use it when a coding task needs a defined delivery routine. 774,700installs

From the same set47

fix-ci This skill finds failed PR checks, examines logs, and guides small fixes. Use it when branch or pull request CI is failing. CX Codex +1 2,400installs verify-this The skill tests a specific claim against fresh local evidence: it captures before and after measurements, compares artifacts, and returns one verdict. CX Codex +1 2,400installs control-cli Builds a local harness to drive, test, and profile interactive CLI or TUI tools. Catches UI regressions, memory leaks, and hangs without third-party services. CX Codex +1 2,400installs check-compiler-errors This skill runs your project's compile and type-check commands, groups errors by file and category, then fixes the highest-confidence issues automatically. Useful when type errors are blocking local validation or CI. CX Codex +1 2,300installs new-branch-and-pr A skill that walks one task from a fresh branch to a pull request link: focused commit, push, summary with test notes. Useful when work has to go to review. CX Codex +1 2,200installs loop-on-ci A skill that monitors PR checks via gh pr checks and helps the agent iteratively find and fix CI failures until all tests pass. Requires GitHub CLI and repository access with an open pull request. CX Codex +1 2,200installs get-pr-comments Pulls feedback and discussions from the active pull request. It sorts reviewer remarks by importance so you can jump straight into fixes. CX Codex +1 2,200installs workflow-from-chats Mines recent agent conversations to turn recurring feedback and habits into skills, rules, or workflow guides. CX Codex +1 2,100installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor