Does this skill require an external API key?

Only the AI-powered analysis features (image-analyze.ts) require a Gemini API key. All image-process.ts subcommands, such as diff and edge detection, run locally and do not require an API.

Can I use this for automated visual regression testing?

Yes, the pixel-level diff subcommand is specifically designed for screenshot comparison, providing a match rate and a visual diff output that can be integrated into testing workflows.

How does the AI comparison mode differ from the local diff?

Local diff is a mathematical pixel-by-pixel comparison, while the AI mode uses Gemini to understand context, such as whether a layout follows Material Design or if text contrast is accessible.

What image formats are supported?

The skill supports common web and professional image formats including PNG, JPEG, WebP, and TIFF through the underlying Sharp processing library.

Image Analyze & Comparison

Name: Image Analyze & Comparison
Author: masseater

bymasseater

•

Herramientas de Diseño

Analyzes and compares images using AI or local processing to facilitate design reviews, visual regression testing, and metadata inspection.

This skill empowers Claude with the ability to perform deep image analysis and comparison, bridging the gap between visual design and code implementation. It offers two primary modes: AI-powered analysis via the Gemini API for high-level design critiques and accessibility audits, and local processing using sharp/pixelmatch for precise pixel-level diffing, edge detection, and metadata extraction. Whether you are automating UI testing, performing design reviews, or debugging layout shifts, this skill provides the visual intelligence needed to ensure consistency across digital assets directly from your development environment.

Características Principales

01Pixel-level visual diffing to identify subtle UI regressions

02Side-by-side and overlay comparison tools for manual visual validation

03Sobel-filter edge detection for analyzing layout structures

04AI-powered design reviews and accessibility checks via Gemini API

051 GitHub stars

06Local metadata inspection for dimensions, color space, and file info

Casos de Uso

01Conducting AI-driven design audits against specific UI style guides

02Inspecting image technical specifications and metadata within the terminal

03Automating visual regression testing during development or CI workflows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add masseater/claude-code-plugin image-analyze

For use in Claude.ai and ChatGPT

Download Skill