# SwiftUI Visual Verifier

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

- Skill: `majiayu000/swiftui-visual-verifier` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/swiftui-visual-verifier`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/swiftui-visual-verifier/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/swiftui-visual-verifier

---


# SwiftUI Visual Verifier

## Instructions

Visually verify Leavn app features:

1. **Build and launch**:
   ```bash
   make sim-run DEVICE="LeavnTest"
   ```

2. **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

3. **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

4. **Visual checks**:
   - No truncated text
   - Proper spacing/alignment
   - Correct colors/gradients
   - Smooth animations
   - Responsive layouts

5. **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