ios-camera-and-photos-designlisted
Design and build best-in-class native iOS camera, photo-capture, and photo-editing apps with the polish of Halide, Kino, Lapse, VSCO, and Apple Photos. Use this skill whenever the user is building, reviewing, or refining a SwiftUI/UIKit app that involves the camera, photo library, video capture, image editing, filters, scanning, AR effects, AI photo features, or anything backed by AVFoundation, PhotoKit, Vision, VisionKit, Core Image, ImageCaptureCore, ARKit, RoomPlan, or LiDAR. Triggers on: camera, viewfinder, shutter button, AVCaptureSession, AVCapturePhotoOutput, PHPicker, PhotoKit, photo library, photo grid, photo edit, filter, crop, presets, LUT, Cinematic mode, Portrait mode, ProRAW, ProRes, Live Photos, HDR, depth, LiDAR, subject lifting, VisionKit, Live Text, document scanner, QR scanner, magic eraser, object removal, AI photo, Core ML, Vision framework, ARKit face tracking, manual camera controls, Camera Control button, volume button shutter, spatial photo, spatial video, Apple Vision Pro.
heyimjames/ios-design-skills · ★ 0 · Web & Frontend · score 75
Install: claude install-skill heyimjames/ios-design-skills
# iOS Camera & Photos — Design Engineering Skill
A taste guide for building camera and photo apps that feel like they were made by people who actually shoot photos. Every value in this file is opinionated and specific — pulled from studying flows on Mobbin and shipping native iOS apps.
## Output format — required
When this skill is invoked to review camera/photo code or recommend changes, **always output recommendations as a markdown table** with three columns:
| Before | After | What this changes |
| --- | --- | --- |
| The current code, value, or approach (quote the user's actual code when possible) | The recommended replacement — **specific**, with exact values | One sentence on what the user will *see, feel, or experience* differently |
Three rules:
1. **Before** quotes the user's actual code where possible.
2. **After** is specific. Exact pt values, exact haptic styles, exact API calls.
3. **What this changes** is *experiential or visual*, not abstract.
Output ONE table with multiple rows for multi-recommendation reviews — not one table per row. Use `—` for Before if the user hasn't implemented that thing yet.
**Examples drawn from this skill:**
| Before | After | What this changes |
| --- | --- | --- |
| `Circle().frame(width: 80, height: 80)` as shutter | 76pt outer ring (4pt stroke) + 60pt inner fill with 4pt gap | Shutter reads as a real camera button instead of a generic dot — matches Apple Camera convention and signals "this app respects your craft" |
| `AV