Does it handle Git commits and CI?

Yes, the skill includes built-in steps to commit the updated assets and run project-specific gates to verify that the changes pass CI checks.

Can it detect the right screenshot automatically?

Yes, it identifies the newest PNG in your specified downloads folder and provides a verification step to ensure the UI content is correct.

Why should I use this instead of manual replacement?

It reduces human error regarding file dimensions and naming, while ensuring that every asset update is properly validated through your automated testing pipeline.

What does the Screenshot Use skill do?

It automates the selection, verification, and replacement of UI screenshots in your project to ensure visual consistency and documentation accuracy.

Screenshot Asset Manager

Name: Screenshot Asset Manager
Author: doubleflannel

bydoubleflannel

0•

Design Tools

Automates the selection, verification, and replacement of UI screenshot assets while ensuring CI pipeline stability.

The Screenshot Use skill provides a standardized workflow for managing visual assets within a codebase. It automates the tedious process of locating the latest UI capture, verifying its contents independently of the filename, and replacing existing assets while maintaining precise dimensions. By integrating commit actions and CI gate verification, it ensures that visual updates never break the build or introduce regressions, making it an essential utility for teams maintaining high-quality documentation or visual test suites.

Key Features

01Seamless replacement of existing assets with dimension persistence

02Integrated Git commit and gate-running automation

03Continuous Integration verification for visual updates

040 GitHub stars

05Automatic identification of the newest local screenshot files

06Visual UI verification workflow to ensure asset accuracy

Use Cases

01Refreshing visual regression testing baselines

02Standardizing asset management workflows across development teams

03Updating project documentation and README screenshots

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add doubleflannel/12-30-test-codex-ip screenshot-use

For use in Claude.ai and ChatGPT

Download Skill