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

Ready to run

npx skills add https://github.com/kscius/KS-Cursor-Orchestrator --skill screenshotting-changelog

💬 Prompt for ChatGPT / Claude Chat▼

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.