Skills
.Work. You
Rest

design-verify-ios

Community

Validate iOS UI matches mockup screenshots

Design & Creative#ios#ui-testing#screenshot-diff#xcodebuildmcp#design-comparison#mockup-verification#simulator-lock
Authorjoi-fairshare
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Keeps implemented iOS screens synchronized with approved mockups by diffing simulator screenshots and surfacing visual drift before it reaches QA.

Core Features & Use Cases

  • Baseline discovery: Locates the latest mockup pngs for the requested screen and halts the workflow if none exist so you know to generate a baseline first.
  • Simulator orchestration: Acquires the shared simulator lock, boots the app via XcodeBuildMCP, navigates to the desired screen if requested, and captures the implementation screenshot.
  • Visual diff reporting: Runs the design-comparison MCP, classifies diffs by severity, and produces actionable discrepancy summaries with suggested fixes.
  • Use case: When designers approve a new onboarding screen, run this skill before QA to confirm colors, spacing, typography, and layout match the mockup before shipping.

Quick Start

Ask /design-verify-ios settings to capture the simulator screen and compare it to the approved mockup baseline.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: design-verify-ios
Download link: https://github.com/joi-fairshare/agentic-workflow/archive/main.zip#design-verify-ios

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.