What is the Alpha-Numeric Grid feature?

The skill overlays a coordinate grid on frames and diffs, allowing the AI and developers to pinpoint the exact location of UI changes using stable coordinate references.

When should I use visual analysis instead of animation-debug?

Use visual analysis when you only have pixels (screenshots/video) or when transitions don't surface in logs. Use animation-debug when you have instrumented code and need precise timing traces.

How does it ensure analysis accuracy?

The skill follows a 'Claim-Evidence Contract' where every conclusion must cite specific frame pairs, artifact types, and a confidence score above 0.7.

What video sources does this skill support?

It supports MP4/MOV files captured from mobile simulators, direct macOS window capture via screencapture, and directories of sequential PNG/JPG frames.

MotionEyes Visual Analysis

Name: MotionEyes Visual Analysis
Author: edwardsanchez

byedwardsanchez

•

189

•

Design Tools

Analyzes UI motion and visual changes by comparing frame sequences to detect regressions and verify animation fidelity.

This skill provides pixel-level analysis of UI transitions and animations using computer vision techniques. By comparing frame sequences from video captures or screenshots, it generates annotated diffs, motion signals—including scale, rotation, and opacity—and coordinate-indexed summaries. It is particularly useful for debugging visual effects that aren't captured by standard logs, performing visual regression testing across builds, and ensuring high-fidelity implementation of motion design in mobile and desktop applications through automated evidence-based reporting.

Key Features

01Multi-source input support including simulator video and macOS window capture

02Automated keyframe selection and machine-readable JSON metric generation

03189 GitHub stars

04Alphanumeric grid overlays for precise coordinate-indexed UI tracking

05Motion-gated capture to focus analysis on active UI change windows

06Pixel-based motion detection for translation, scale, rotation, and opacity

Use Cases

01Generating detailed motion summaries and coordinate-labeled diffs for design reviews

02Performing visual regression testing to identify frame drops or UI flickers

03Verifying complex UI transitions that lack internal instrumentation or logs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add edwardsanchez/motioneyes motioneyes-visual-analysis

For use in Claude.ai and ChatGPT

Key Features

01Multi-source input support including simulator video and macOS window capture

02Automated keyframe selection and machine-readable JSON metric generation

03189 GitHub stars

04Alphanumeric grid overlays for precise coordinate-indexed UI tracking

05Motion-gated capture to focus analysis on active UI change windows

06Pixel-based motion detection for translation, scale, rotation, and opacity

Use Cases

01Generating detailed motion summaries and coordinate-labeled diffs for design reviews

02Performing visual regression testing to identify frame drops or UI flickers

03Verifying complex UI transitions that lack internal instrumentation or logs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add edwardsanchez/motioneyes motioneyes-visual-analysis

For use in Claude.ai and ChatGPT