screenshot-use

Select, verify, replace, and validate UI screenshot assets for CI pipelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/doubleflannel/12-30-test-codex-ip --skill screenshot-use
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: screenshot-use
Source: https://github.com/doubleflannel/12-30-test-codex-ip/tree/main/skills/screenshot-use
Command: npx skills add https://github.com/doubleflannel/12-30-test-codex-ip --skill screenshot-use

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Screenshot Use skill standardizes the process of selecting, validating, and updating screenshot assets to ensure UI consistency across environments and CI checks.

Core Features & Use Cases

  • Standardized workflow for selecting the latest UI screenshot from the downloads folder.
  • Verification step to confirm the screenshot matches the expected UI, independent of the filename.
  • Asset replacement with consistent dimensions, automatic CI verification, and traceable changes.

Quick Start

Pick the newest PNG from the Downloads folder, verify it matches the UI, replace the asset while preserving dimensions, commit the change, and validate CI.

Frequently Asked Questions about screenshot-use

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

FAQPage Schema
How do I automate UI screenshot verification in CI pipelines?

Standardize your UI screenshot workflow by picking the newest image from your downloads folder, verifying it matches the expected UI, replacing the asset while preserving dimensions, and validating the update in CI to ensure deterministic visual checks.

What is the best way to replace CI screenshot assets without breaking dimensions?

Replace CI screenshot assets by selecting the newest PNG, verifying it matches the expected UI, and replacing the existing asset while preserving consistent dimensions. Validate the change through automated CI checks to ensure traceability and asset integrity.

How does screenshot validation work independent of the filename?

Screenshot validation works by verifying that the selected image matches the expected UI visually, independent of the filename. This automated check ensures asset integrity and deterministic visual results across environments without relying on naming conventions.

Do I need external libraries to automate screenshot QA in CI?

No external libraries are needed to automate screenshot QA in CI. The workflow relies on standard tooling to pick, verify, replace, and validate UI assets, ensuring asset integrity through automated checks in both local and CI environments.

Can I use this automated screenshot workflow for local development?

Yes, the automated screenshot workflow applies to both local development and CI pipelines. It standardizes selecting, verifying, replacing, and validating UI screenshots to ensure visual consistency and deterministic checks across all environments.