ios-visual
>
Works with
--- name: ios-visual description: > license: MIT --- # iOS Visual Capture simulator screenshots and use Claude's vision to detect visual errors and compare against references. ## Load Strategy Always read `references/visual-qa.md`. ## Execution Contract 1. **Detect mode** before acting: - **Regression check**: compare current captures vs `screenshots/baseline/` - **Design comparison**: compare captures vs a provided design image - **Quick visual check**: capture the running simulator without a full rebuild 2. **Capture strategy**: - Full deterministic capture (App Store quality, preview data) → use `screenshots-ios` tool - Quick check of running simulator → use `xcrun simctl io booted screenshot` - Never assume the simulator is booted — check first - If `screenshots-ios` is unavailable, fall back to `xcrun simctl io booted screenshot` immediately. Do not ask the user to install anything before attempting the fallback. 3. **Analysis**: Read each captured PNG with the `Read` tool. Claude analyzes visually: - Layout shifts, misaligned elements, unexpected spacing - Missing or extra UI elements - Text truncation or clipping - Wrong colors or typography vs design tokens - Empty/loading/error state correctness 4. **Report per screen**: Pass | Expected change | Regression — with specific observations. 5. **Approve workflow**: if all screens pass regression, copy `current/` to `baseline/` and note files to commit. ## Sister Skills - **ios-architect** — app/feature scaffolding, preview data wiring - **ios-design-system** — design tokens, component correctness - **ios-testing** — unit/integration tests, Swift Testing
More Mobile skills
animation-vocabulary
emilkowalski/skills
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
xcode-project-setup
firebase/agent-skills
Safely modifies Xcode projects (.pbxproj) to add Swift Packages and link files. Use this skill whenever an iOS project needs dependencies installed (e.g. Firebase, Alamofire).
cross-border-ecommerce
nexscope-ai/ecommerce-skills
Cross-border e-commerce expansion advisor. Scores target markets on 8 weighted dimensions (market size, ecommerce penetration, competition, regulatory complexity, logistics infrastructure, payment ecosystem, cultural distance, IP protection), compares 5 fulfillment models with cost and transit data, provides country-by-country tax/duty compliance guides (EU VAT/IOSS, UK VAT, US sales tax, CA GST, AU GST, JP consumption tax), maps local payment preferences by market, and builds a phased expansion roadmap. No API key required.
