before-and-after - Capture Before and After Screenshots for Visual Comparison
Captures before/after screenshots of web pages or elements for visual comparison.
Tags
Updated: 2026-02-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- capture screenshots
- upload images
- generate markdown output
- integrate with pull requests
- check URL accessibility
- install required packages
Inputs
- two URLs or image paths
- CSS selector (optional)
- viewport settings (optional)
- upload endpoint (optional)
Outputs
- screenshot files
- markdown table with image links
- uploaded image URLs
Requirements
- Node.js and npm for package installation
- Bash environment
- network access to target URLs
- Vercel CLI (for protected deployments)
- GitHub CLI (for PR integration)