design-ios

Generates production SwiftUI code for iOS screens, flows, and components with accessibility auditing.

1|Updated Apr 16, 2026
One-click install
npx skills add https://github.com/TheMizeGuy/apple-ui-craft-public --skill design-ios-themizeguy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-ios
Source: https://github.com/TheMizeGuy/apple-ui-craft-public/tree/main/skills/design-ios
Command: npx skills add https://github.com/TheMizeGuy/apple-ui-craft-public --skill design-ios-themizeguy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Designing new iOS UI from scratch often produces code that compiles but misses platform conventions: hard-coded colors, fixed font sizes, missing states, no Reduce Motion handling, and accessibility gaps discovered too late. This Skill designs screens, flows, and components against Apple HIG conventions and audits the result before delivery. ## Core Features & Use Cases - Two-stage agent dispatch: An architect agent maps the task flow and produces production SwiftUI with Liquid Glass, spring animations, semantic colors, SF Symbols, and haptics; an accessibility-engineer agent then audits the fresh code for VoiceOver, Dynamic Type, touch targets, Reduce Motion, and contrast. - Project-aware design: Gathers deployment target, navigation model, color/type conventions, and component patterns from the existing project before designing, so output matches the codebase. - Verification gate: Checks output for phantom APIs, hard-coded colors, fixed font sizes, missing states (loading/empty/error), and incomplete flow maps before presenting. - Use Case: Ask it to design a settings screen for an existing SwiftUI app; it reads your deployment target and navigation style, produces compilable SwiftUI with previews and an animation inventory, then returns a severity-tagged accessibility report. ## Quick Start Ask the assistant to design a settings screen with a profile row and plan picker for your iOS app.

Frequently Asked Questions about design-ios

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a new iOS screen with SwiftUI?▼

Describe the screen, flow, or component you want, and the skill dispatches an architect agent that maps the task flow, then produces compilable SwiftUI with semantic colors, SF Symbols, spring animations, and Xcode previews. An accessibility audit of the generated code follows automatically.

What does the iOS UI design output include?▼

The output includes full production SwiftUI code, design decision rationale, an animation inventory with spring parameters and haptic pairing, an accessibility audit, and Xcode previews covering default and edge cases. It also ships loading, loaded, empty, and error states.

Does it work with an existing Xcode project?▼

Yes. Before designing, it reads your deployment target from project.pbxproj or Package.swift, detects your navigation model, and matches existing color, type, and component conventions. For greenfield projects it defaults to the current iOS target and states its assumptions.

How is accessibility handled in generated SwiftUI code?▼

A separate accessibility-engineer agent audits the architect's code for VoiceOver labels and reading order, Dynamic Type at AX sizes, 44pt touch targets, Reduce Motion fallbacks, and color contrast. Findings are returned with severity tags from CRITICAL to NIT.

What iOS version does the generated code target?▼

The skill targets iOS 26, using Liquid Glass, sensoryFeedback, Observable, and App Intents. iOS 27 beta APIs are gated behind #available checks, and availability floors are verified against a centralized version-floor registry.