screenshot-sync
CommunityMaintain consistency between screenshots and UI changes.
Software Engineering#UI consistency#repository maintenance#screenshot capture#screenshot synchronization#UX development
Authordanielraffel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures that screenshots remain in sync with UI changes in a repository, providing a consistent user experience across various demo sites.
Core Features & Use Cases
- Screenshot Synchronization: Automatically capture and update screenshots when UI changes occur.
- Trigger-based Updates: Re-capture screenshots based on specific UX path changes.
- Multiple Capture Routes: Support for native headless and live-web headless Chrome capture routes.
- Consistency Tool: Aids in maintaining UI consistency without copying or fabricating screenshots.
- Use Case: When a design-token change reskins every widget, this Skill ensures all related screenshots, Open Graph images, and gallery thumbnails are updated accordingly.
Quick Start
Run the screenshot-sync skill with the command: python3 tools/scripts/screenshot_sync_check.py --base origin/main --mode=report
Dependency Matrix
Required Modules
python3node
Components
scriptsassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: screenshot-sync Download link: https://github.com/danielraffel/burl/archive/main.zip#screenshot-sync Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.