
Pr Walkthrough
Generates a self-contained HTML file with four interactive D3 canvas views that orient you to a pull request: a system overview showing affected components, a data flow graph, a code dependency graph, and a user action graph. Each view includes a guided tour that walks through the change step by step. The output scales to PR size, so a tiny change gets a compact 2-3 node map instead of inflated architecture diagrams. It reads your full codebase at head, not just the diff, and uses existing PR context like descriptions and review comments to build the orientation maps. Loads directly from the filesystem without a build step. More useful for understanding how a change fits together than for finding new review issues.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 9
- skills.sh installs
- 28.3K
- GitHub stars
- 684
- last updated
- Aug 21, 2026
Install
$ npx -y skills add warpdotdev/common-skills --skill pr-walkthrough --agent claude-codeInstalls into .claude/skills of the current project.
Files
PR Walkthrough
Create a local static HTML/CSS/JavaScript walkthrough that orients a reviewer to the current branch's pull request as four separate interactive D3 views. The walkthrough should help the reviewer understand the affected code and the PR from four distinct views:
- System overview view: a concise standalone code overview for the subsystem touched by the PR. It should not feel like a graph. Present it as a small set of expanded component cards that give the reviewer just enough architectural context to get their bearings before reviewing the PR. Do not mention the PR, changed files, review comments, diff links, screenshots, specs, or implementation deltas in this view.
- Data flow graph: how state, data, events, requests, files, assets, or rendered output move through the changed system.
- Code dependency graph: which changed components depend on each other, where the major seams are, and which files are entry points versus leaf dependencies.
- User action graph: what the user does, what surface they interact with, and how that action flows through the implementation.
Sponsors
Details
- Repository
- github.com/warpdotdev/common-skills
- Categories
- Git & Pull Requests, Data Science & ML
- First seen
- Jun 3, 2026
More from warpdotdev/common-skills
All 23- Brandalf28.3K
- Council28.1K
- Check Impl Against Spec27.1K
- Reproduce Bug Report27K
- Respond To Pr Comments In Blocklist25.3K
- Validate Changes Match Specs25.3K
- Cross Critique22.1K
- Research22K
- Saga20.8K
- Write Feature Docs19.3K
- Scan New Specs19.3K
- Readout17.7K
- Review Pr29.1K
- Spec Driven Implementation28.9K
- Write Product Spec28.9K
- Write Tech Spec28.8K
- Resolve Merge Conflicts28.8K
- Fix Errors28.7K
- Implement Specs28.7K
- Create Pr28.7K
- Update Skill28.6K
- Diagnose Ci Failures28.6K