skills.rest
chmc
chmcCOMMUNITY
Explore all skills by this author →
GitHub

visual-verification

Visually verify ListAll app UI implementations across macOS, iOS, and watchOS using MCP tools.

Updated Oct 1, 2025
Search Tags:#qa#ui-testing#screenshot#mcp-tools#visual-verification#ui-automation#listall
One-click install
npx skills add https://github.com/chmc/listall --skill visual-verification-chmc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: visual-verification
Source: https://github.com/chmc/listall/tree/main/.claude/skills/visual-verification
Command: npx skills add https://github.com/chmc/listall --skill visual-verification-chmc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validate implementations by visually confirming ListAll app behavior using MCP tools to close the feedback loop after changes.

Core Features & Use Cases

  • Visual-first navigation and pattern recognition for UI validation
  • Step-by-step guidance to capture screenshots, identify UI elements, and perform actions
  • Cross-platform verification across macOS, iOS, and watchOS for consistent UX

Quick Start

Start a visual verification session by launching MCP tools against the ListAll app and capture targeted screenshots to compare UI against expectations.

Frequently Asked Questions about visual-verification

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify UI implementations using screenshot analysis?▼

To verify UI implementations, this Skill captures targeted screenshots via MCP tools and performs visual-first pattern recognition to identify navigation, layout, and interaction discrepancies during development.

Can I use MCP tools for cross-platform visual QA on macOS, iOS, and watchOS?▼

Yes, you can use MCP tools for cross-platform visual QA across macOS, iOS, and watchOS to validate consistent UX and identify UI discrepancies in your app implementations.

What is the best way to identify UI discrepancies during app development?▼

The best way to identify UI discrepancies is by running a deterministic visual QA workflow that captures screenshots and guides developers through validating navigation and layout patterns.

How do I start a visual verification session for UI validation?▼

To start a visual verification session, launch MCP tools against your app, capture targeted screenshots, and follow step-by-step guidance to compare UI elements against expectations.

Does visual verification work for validating navigation and layout patterns?▼

Visual verification works by applying screenshot-based analysis to validate navigation and layout patterns, closing the feedback loop after changes to ensure accurate app behavior.

What are the limitations of screenshot-based visual verification for UI testing?▼

Screenshot-based visual verification focuses on deterministic visual feedback and pattern recognition, meaning it validates static UI states and layout but does not test underlying backend logic or dynamic data handling.

Related Skills

Explore More Software Engineering Skills→
benjaminshoemakerbenjaminshoemaker
39

browser-verification

Automate browser-based UI verification with MCP tooling and evidence capture.

Community
Advanced
asnar00asnar00
1

ios-deploy-usb

Build and install an iOS app on a connected iPhone via USB.

Community
Advanced
JoeyJoziahJoeyJoziah

peekaboo

Automate macOS UI capture, inspection, and interaction workflows via the Peekaboo CLI.

Community
Advanced
LevezzeLevezze
1

ddd

Validate UI design intent via Playwright MCP screenshot checks across desktop, tablet, and mobile viewports.

Community
Intermediate