Skills
.Work. You
Rest

pr-screenshots

Community

Embed Playwright screenshots into PR descriptions

Software Engineering#screenshots#github#playwright#pull-requests#gh-cli#pr-description#visual-review
Authorusepowershell
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Reviewers often need to see rendered pages or UI changes without checking out branches or running local dev servers, and screenshots are frequently excluded or committed incorrectly which bloats repositories and stalls reviews.

Core Features & Use Cases

  • Capture with Playwright: Reuse existing Playwright tests or run a minimal capture script to produce deterministic screenshots of pages and components.
  • Host on a temporary branch: Publish only the screenshot files to an orphan branch so raw GitHub URLs can render images in PR bodies without committing artifacts to feature branches.
  • Embed into PR descriptions: Use raw.githubusercontent.com links and gh pr edit (or the web UI) to include inline images in the PR description so reviewers see visuals immediately.
  • Cleanup & hygiene: Delete the temporary branch after merge and gitignore local screenshot folders to prevent repository bloat.

Quick Start

Run your Playwright capture to save screenshots, push them to a temporary orphan branch called screenshots-temp, and update the PR body with raw.githubusercontent.com URLs to embed the images for reviewers.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pr-screenshots
Download link: https://github.com/usepowershell/PoshMcp/archive/main.zip#pr-screenshots

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.