skills.rest
kscius
ksciusCOMMUNITY
Explore all skills by this author →
Website𝕏@ksciusGitHub

screenshotting-changelog

Capture before and after UI screenshots to generate a visual changelog for PRs.

2|Updated Apr 3, 2026
Search Tags:#review#screenshot#browser-automation#pr-description#visual-changelog#ui-changes
One-click install
npx skills add https://github.com/kscius/KS-Cursor-Orchestrator --skill screenshotting-changelog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: screenshotting-changelog
Source: https://github.com/kscius/KS-Cursor-Orchestrator/tree/main/skills/screenshotting-changelog
Command: npx skills add https://github.com/kscius/KS-Cursor-Orchestrator --skill screenshotting-changelog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams generate a visual changelog by capturing before-and-after screenshots of UI changes, improving PR clarity and review speed.

Core Features & Use Cases

  • Capture before and after screenshots of UI changes across pages and states.
  • Generate a visual changelog and PR-ready summaries for design reviews.
  • Automate deterministic screenshot workflows to ensure consistent results across environments.

Quick Start

Trigger the workflow to automatically capture before and after screenshots of the targeted UI change and append the visuals to the PR description.

Frequently Asked Questions about screenshotting-changelog

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

FAQPage Schema
How do I capture before and after screenshots for a visual changelog?▼

To capture a visual changelog, trigger the workflow to automatically take before and after screenshots of UI changes and append the visuals to the PR description. This generates deterministic artifacts for design reviews.

Can I automate screenshot generation for UI changes in a PR description?▼

Yes, you can automate screenshot generation for UI changes in a PR description. The workflow captures before and after states across pages and appends a visual changelog directly to the PR for quick visual diffs.

How do visual changelogs improve PR review speed for design-heavy workflows?▼

Visual changelogs improve PR review speed by providing reviewers with quick visual diffs of UI changes. Capturing before and after screenshots clarifies design updates and reduces the time spent understanding textual descriptions.

Do I need browser automation to generate consistent screenshots across environments?▼

Browser automation is needed to generate consistent screenshots across environments. Automating deterministic screenshot workflows ensures your visual changelog captures identical UI states and artifacts every time.

What is the best way to generate a visual diff for design reviews?▼

The best way to generate a visual diff for design reviews is capturing before and after screenshots of UI changes. This produces PR-ready visual changelog summaries that clearly highlight the updated page states.

Can I capture multiple page states for a UI changelog?▼

Yes, you can capture multiple page states for a UI changelog. The workflow targets specific UI changes across various pages and states to produce a comprehensive visual changelog for the PR.

Related Skills

Explore More Design & Creative Skills→
dousudousu
3

gradio-screenshot-capture

Capture screenshots of Gradio web UIs with Playwright.

Community
Intermediate
tribedotruntribedotrun
8

mando-pr-summary

Generate an ASCII PR summary diagram and reviewer checklist for GitHub pull requests.

Official
Advanced
HarriesHarries

github-code-review

Inspect git diffs and generate structured GitHub PR reviews with inline comments.

Community
Advanced
vecearvecear

visual-regression-tester

Automate visual regression testing of UI with Playwright, Chromatic, or Percy.

Community
Advanced