skills.rest
susamn
susamnCOMMUNITY
Explore all skills by this author →
GitHub

pr-review-ui

Generate dependency-free side-by-side HTML diff views with inline reviewer comments.

Updated May 28, 2026
Search Tags:#code-review#pull-request#inline-comments#pr-review#html-diff#chunked-review
One-click install
npx skills add https://github.com/susamn/skills --skill pr-review-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pr-review-ui
Source: https://github.com/susamn/skills/tree/main/pr-review-ui
Command: npx skills add https://github.com/susamn/skills --skill pr-review-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually reviewing large pull request diffs is time-consuming and disorganized, especially when split into multiple chunks to avoid context limits. This Skill automates the process of generating structured, easy-to-navigate side-by-side HTML review files with inline feedback tied directly to specific code lines, eliminating the hassle of compiling scattered review notes.

Core Features & Use Cases

  • Chunked PR Processing: Works with chunked PR diffs output by the paired pr-review skill, processing one chunk at a time to avoid exceeding AI context limits.
  • Dependency-Free HTML Rendering: Generates styled, self-contained HTML diff files with no external libraries or CDNs, supporting both dark and light UI themes via user configuration.
  • Inline Comment Injection: Automatically injects your code review feedback as clearly marked comments directly below the relevant added, removed, or unchanged code lines in the side-by-side view.
  • Use Case: For example, when reviewing a large PR split into 10 chunks, use this Skill to generate a polished, navigable HTML review file for each chunk, with your inline feedback clearly visible next to the corresponding code changes.

Quick Start

Use the pr-review-ui skill to generate a side-by-side HTML review for the next unprocessed PR chunk in your /tmp/pr-review directory.

Frequently Asked Questions about pr-review-ui

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

FAQPage Schema
How do I generate a side-by-side HTML diff view for a pull request code review?▼

To generate a side-by-side HTML diff view for a pull request code review, use this Skill to render pure HTML and CSS diff tables with line-level inline comment injection. It processes chunked PR diffs to create interactive, dependency-free review files.

Can I add inline reviewer comments directly to specific code lines in an HTML diff?▼

Yes, you can add inline reviewer comments directly to specific code lines in an HTML diff. The Skill automatically injects your feedback as clearly marked comments below the relevant added, removed, or unchanged code lines in the side-by-side view.

How do I review large pull requests that exceed AI context limits?▼

To review large pull requests that exceed AI context limits, process the diffs in sequential chunks. This Skill works with chunked PR outputs, generating a navigable side-by-side HTML review file for each chunk to avoid context limit overruns.

Does the generated HTML diff view require any external libraries or CDN dependencies?▼

No, the generated HTML diff view does not require external libraries or CDN dependencies. The Skill produces styled, self-contained pure HTML and CSS diff files, supporting customizable dark and light UI themes via user configuration.

What is the best way to organize scattered code review notes for a chunked pull request?▼

The best way to organize scattered code review notes for a chunked pull request is to compile them into structured HTML review files. This Skill eliminates the hassle of scattered notes by tying inline feedback directly to specific code lines in a side-by-side view.

Where are the generated HTML PR review files stored?▼

The generated HTML PR review files are stored in the associated PR review temporary directory. The Skill processes the next unprocessed PR chunk in your /tmp/pr-review directory and outputs the rendered diff file there.

Related Skills

Explore More Software Engineering Skills→
radareorgradareorg
20

aireview

Review source code changes and report high-confidence bugs as severity-tagged notes.

Official
Intermediate
CapplequoppeCapplequoppe

review-github-pr

Automate GitHub pull request reviews by fetching diffs and posting comments via GitHub CLI.

Community
Intermediate
ereztashereztash

lessons

Analyze git history to identify patterns and generate monetizable playbooks.

Community
Advanced
brsblbrsbl
14

skill-diff

Generate side-by-side HTML diffs for modified SKILL.md files using Git.

Community
Intermediate