sequences that terminate the HTML script tag early, corrupting the page. The Skill avoids this by writing patches to JSON with jq and injecting them via Python with angle brackets escaped as unicode sequences."}},{"@type":"Question","name":"Can I view the generated PR review in a browser?","acceptedAnswer":{"@type":"Answer","text":"Yes, the final HTML is written to /tmp and can be served with python3 -m http.server on a fixed local port such as 8432. Open the localhost URL in any browser to view the interactive review."}}]}]}

Verified:𝕏@ZacariahHeim GitHub

pr-review-canvas

Generates an interactive HTML walkthrough of a GitHub pull request with annotated diffs.

3|Updated Apr 8, 2025

Search Tags:#code review #html #pull request #github #diff #gh cli #walkthrough

One-click install

npx skills add https://github.com/ZanzyTHEbar/dragonarchy --skill pr-review-canvas-zanzythebar

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: pr-review-canvas
Source: https://github.com/ZanzyTHEbar/dragonarchy/tree/main/packages/opencode/.config/opencode/skills/pr-review-canvas
Command: npx skills add https://github.com/ZanzyTHEbar/dragonarchy --skill pr-review-canvas-zanzythebar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reviewing large GitHub pull requests in the default web UI makes it hard to see the big picture, distinguish meaningful changes from boilerplate, and communicate findings to teammates. ## Core Features & Use Cases - Interactive HTML review pages: Fetches PR metadata, diffs, and comments via the GitHub CLI and assembles a dark-themed, self-contained HTML walkthrough. - Smart diff rendering: Automatically filters import-only lines, collapses whitespace-only changes, and highlights moved code blocks in blue/purple instead of red/green. - Flexible narrative structure: Supports summary boxes, pseudocode explanations, collapsible file cards, diagrams, and a review checklist tailored to each PR. - Use Case: A teammate pastes a GitHub PR URL and asks for a review; the Skill produces a single HTML file served locally that walks through the changes like a peer reviewer. ## Quick Start Paste a GitHub pull request URL and ask for an interactive review walkthrough of the changes.

Frequently Asked Questions about pr-review-canvas

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate an HTML review of a GitHub pull request?▼

Paste the GitHub PR URL and ask for a review walkthrough. The Skill fetches PR metadata, file diffs, and comments using gh api calls, then assembles a self-contained dark-themed HTML page with collapsible annotated diffs.

What tools are needed to render a PR review page?▼

The workflow requires the GitHub CLI (gh) for API access, jq for extracting patch data into JSON, and Python 3 for safely injecting CSS, JS, and diff data into the HTML template. A local http.server can serve the result.

Does the diff renderer handle moved code blocks?▼

Yes, the renderer detects blocks of three or more consecutive lines deleted in one place and added identically elsewhere, rendering them in blue/purple instead of red/green. Near-matches with small edits get a distinct purple tint.

Why does embedding raw diff patches in a script tag break the HTML?▼

Patch strings can contain literal </script> sequences that terminate the HTML script tag early, corrupting the page. The Skill avoids this by writing patches to JSON with jq and injecting them via Python with angle brackets escaped as unicode sequences.

Can I view the generated PR review in a browser?▼

Yes, the final HTML is written to /tmp and can be served with python3 -m http.server on a fixed local port such as 8432. Open the localhost URL in any browser to view the interactive review.