ios-ux-design_skill

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

Rust

13

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill mosif16/codex-skills --skill ios-ux-design

SKILL.md24.8 KB

Overview

This skill provides expert guidance for evaluating and improving iOS app UI/UX with a focus on Apple Human Interface Guidelines, SwiftUI patterns, native components, and accessibility. It helps designers and engineers align interfaces with iOS interaction paradigms, visual system rules, and platform conventions to create clear, deferential, and deep experiences. Use it to audit apps, propose interface changes, or create implementation specifications for iOS.

How this skill works

The skill inspects app structure, navigation, component usage, and platform compliance. It analyzes touch interactions, accessibility support, color and typography usage, and SwiftUI/ UIKit architecture choices to produce actionable recommendations. Outputs include design audits, prioritized fixes, accessibility checklists, and implementation notes mapping UX changes to concrete SwiftUI or UIKit patterns.

When to use it

Performing a UI/UX audit before an App Store submission or redesign
Evaluating whether SwiftUI or UIKit is the better implementation path
Designing or refining navigation, tab bar, or modal flows
Improving accessibility (VoiceOver, Dynamic Type, reduced motion)
Creating component specs and developer-friendly implementation notes

Best practices

Prioritize clarity: use San Francisco font, semantic text styles, and readable weights
Respect touch-first rules: 44x44pt targets, thumb-zone placement, avoid edge conflicts
Use semantic colors and SF Symbols; never hard-code hex colors or fixed text sizes
Limit navigation depth (3–4 levels) and prefer tab or search escape hatches for deep trees
Provide alternatives for motion and test with VoiceOver and large Dynamic Type sizes

Example use cases

Audit an existing app for dark mode, semantic colors, and accessibility gaps
Design a new SwiftUI tab-based app with NavigationStack and shared state patterns
Convert custom icons to SF Symbols and adjust rendering modes for consistency
Specify sheet detents, modal behaviors, and confirmation rules for a multi-step flow
Create a component library: list row styles, button hierarchy, and form input patterns

FAQ

Use SwiftUI for new declarative UIs and fast iteration; prefer UIKit for mature codebases with complex customizations or where existing UIKit patterns dominate.

How do I handle custom colors for dark mode and high-contrast?

Define custom colors with four variants (light, dark, light high-contrast, dark high-contrast) and prefer semantic system colors where possible.