pr-screenshots

Name: pr-screenshots
Availability: InStock
Author: nicolehaugen

Embeds Playwright screenshots into GitHub PR descriptions.

Updated Apr 8, 2026

Search Tags:#screenshots #Playwright #GitHub #PR review #PR description

Ready to run

npx skills add https://github.com/nicolehaugen/CustomMetricsDashboard --skill pr-screenshots-nicolehaugen

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: pr-screenshots
Source: https://github.com/nicolehaugen/CustomMetricsDashboard/tree/main/.squad/templates/skills/pr-screenshots
Command: npx skills add https://github.com/nicolehaugen/CustomMetricsDashboard --skill pr-screenshots-nicolehaugen

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

Streamlines the PR review process by embedding visual changes directly into GitHub PR descriptions, eliminating the need for reviewers to checkout branches.

Core Features & Use Cases

Visual PR Review: Automatically captures and embeds screenshots from a Playwright testing suite within PR descriptions.
Automated Screenshot Capture: Utilizes existing Playwright tests or a simple capture script to create images.
Temporary Branch Hosting: Hosts screenshots on a temporary branch, providing a raw URL for embedding.
Markdown Image Embedding: Inserts images into PR descriptions as markdown images.
Post-Merge Cleanup: Ensures the temporary branch is deleted post-merge.

Quick Start

Run the pr-screenshots skill to capture screenshots from your local environment and automatically embed them in your GitHub PR descriptions.

Frequently Asked Questions about pr-screenshots

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

FAQPage Schema

How do I embed Playwright screenshots into a GitHub PR description?▼

To embed Playwright screenshots into a GitHub PR description, run the pr-screenshots skill to capture images and insert them as markdown. It hosts images on a temporary branch to generate raw URLs for the PR description.

Can I add visual changes to a pull request without forcing reviewers to checkout branches?▼

Yes, you can add visual changes to a pull request without checking out branches by embedding screenshots directly in the PR description. This streamlines the review process by providing immediate visual context.

Do I need existing Playwright tests to capture screenshots for PR reviews?▼

You do not need existing Playwright tests to capture screenshots for PR reviews. The skill can utilize your existing Playwright testing suite or a simple capture script to automatically create the required images.

How does temporary branch hosting work for markdown image embedding in GitHub?▼

Temporary branch hosting for markdown image embedding works by pushing captured screenshots to a temporary Git branch. This provides a stable raw URL to embed the images directly into the GitHub PR description.

Are temporary screenshot branches automatically deleted after a PR merge?▼

Yes, temporary screenshot branches are automatically deleted after a PR merge. The post-merge cleanup feature ensures the temporary branch used to host the PR screenshots is removed.

What is the best way to automate visual PR review for UI changes?▼

The best way to automate visual PR review for UI changes is using a script that captures Playwright test screenshots and embeds them directly into GitHub PR descriptions, eliminating manual checkout and image hosting.