SwiftUI Visual Verifier

Launch Leavn app in iOS simulator, navigate features using MCP browser tools, take screenshots, verify UI rendering and feature functionality

Stars 163

Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/swiftui-visual-verifier

SKILL.md

SwiftUI Visual Verifier

Instructions

Visually verify Leavn app features:

Build and launch:
bash
```
make sim-run DEVICE="LeavnTest"
```
Use browser MCP tools to interact:
- browser_snapshot - Get accessibility tree
- browser_click - Tap buttons/tabs
- browser_take_screenshot - Capture UI
- browser_type - Enter text in search
- browser_wait_for - Wait for animations
Test critical features:
- Home tab: Feelings picker circle, daily verse card
- Bible: Chapter rendering, search (type "love")
- Community: Prayer wall, tabs
- ShareVerse: Tap share, verify popover
Visual checks:
- No truncated text
- Proper spacing/alignment
- Correct colors/gradients
- Smooth animations
- Responsive layouts
Create test report:
- Feature: PASS/FAIL
- Screenshots showing working features
- List any visual bugs found

Use this skill when: Need visual verification, test features work, check UI rendering, verify user flows