attach-screenshots

Capture before/after rendering screenshots and generate a Markdown PR snippet.

8|Updated Oct 11, 2023
One-click install
npx skills add https://github.com/jakildev/IrredenEngine --skill attach-screenshots
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: attach-screenshots
Source: https://github.com/jakildev/IrredenEngine/tree/main/.claude/skills/attach-screenshots
Command: npx skills add https://github.com/jakildev/IrredenEngine --skill attach-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Captures deterministic before/after screenshots for engine rendering PRs and places them under docs/pr-screenshots/<branch>/ so reviewers can embed them in the PR body via raw GitHub URLs.

The skill runs an auto-screenshot-capable demo (default IRShapeDebug) against origin/master and the dirty working tree, pairs the outputs by shot label, and prints a markdown snippet to include in the PR discussion.

Invoke when a PR touches rendering code, shaders, or demos, so reviewers can see the visual delta without running the executable themselves.

Core Features & Use Cases

  • Deterministic before/after screenshot captures for PR diffs in rendering pipelines.
  • Automated demonstration runs against baseline and current code, with paired outputs and labeled PNGs.
  • Generates a Markdown snippet that teams can paste into PR bodies to show visual changes.

Quick Start

Trigger the skill on a PR that touches rendering-related code and follow the worker's prompts to save and paste the generated Markdown snippet.

Frequently Asked Questions about attach-screenshots

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

FAQPage Schema
How do I automate visual diffs for PR review in a render pipeline?

Automating visual diffs for PR review involves running paired demo sequences against origin/master and the dirty working tree to capture before/after screenshots. This process produces labeled PNGs and a PR-ready Markdown snippet for reviewers to see rendering changes.

Can I generate before/after screenshots for shader or demo code changes without running the executable locally?

Yes, before/after screenshots for shader or demo code changes can be generated without local execution by running an auto-screenshot-capable demo against both origin/master and the dirty tree. The skill handles building, running, and validating shot counts automatically.

What is the process for capturing PR screenshots and embedding them in a GitHub PR body?

Capturing PR screenshots requires running paired demo sequences on baseline and current code, saving labeled PNGs under docs/pr-screenshots/<branch>/. The process generates a Markdown snippet with raw GitHub URLs that teams can paste directly into the PR discussion body.

Do I need a specific build environment to automate screenshot captures for engine rendering PRs?

A configured build environment and a writable repo are required to automate screenshot captures for engine rendering PRs. The process performs two builds and runs, handles stashing changes, and restores the working state as needed, requiring proper build setup.

How does the screenshot automation handle uncommitted changes when comparing rendering output?

Screenshot automation handles uncommitted changes by automatically stashing them before running the baseline build and demo sequence. After capturing the paired outputs, it restores the original working state, ensuring no data loss during the visual diff generation process.

When should I trigger automated screenshot generation for a pull request?

Automated screenshot generation should be triggered when a PR touches rendering-related code, shaders, or demos. This ensures reviewers can visualize the visual delta and rendering changes without needing to build the engine or run the executable themselves.