skills.rest
nicolehaugen
nicolehaugenCOMMUNITY
Explore all skills by this author →
GitHub

pr-screenshots

Embeds Playwright screenshots into GitHub PR descriptions.

Updated Apr 8, 2026
Search Tags:#screenshots#Playwright#GitHub#PR review#PR description
One-click install
npx skills add https://github.com/nicolehaugen/CustomMetricsDashboard --skill pr-screenshots-nicolehaugen
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
wsxwj123wsxwj123
7

webapp-testing

Automate end-to-end testing of local web applications with Playwright.

Community
Intermediate
gobikomgobikom
2

prp-cleanup

Automate post-merge cleanup by verifying merge status, archiving artifacts, and deleting branches.

Community
Advanced
xxihxxih
1

e2e-testing

Execute Playwright web app tests and generate HTML reports with CI/CD compatibility.

Community
Advanced
barichterbarichter

pr-screenshots

Capture, host, and embed screenshots in GitHub PR descriptions.

Community
Intermediate