mobile-ios-design
Assists with native iOS development and design, following Apple Human Interface Guidelines.
Install
mkdir -p .claude/skills/mobile-ios-design-voidrot && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/18757" && unzip -o skill.zip -d .claude/skills/mobile-ios-design-voidrot && rm skill.zipInstalls to .claude/skills/mobile-ios-design-voidrot
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Use when designing or implementing native iOS interfaces with Apple HIG, SwiftUI, SF Symbols, Dynamic Type, navigation, gestures, accessibility, or platform-native polish.Key capabilities
- →Design iPhone or iPad flows native to Apple platforms
- →Implement SwiftUI layout, navigation, controls, sheets, gestures, or adaptive behavior
- →Check iOS accessibility, Dynamic Type, dark mode, SF Symbols, and HIG alignment
- →Identify device classes, OS targets, user task, navigation model, and Apple platform conventions
- →Specify component, navigation, typography, symbol, and state guidance
How it works
The skill identifies device classes, OS targets, and Apple platform conventions, then chooses SwiftUI and HIG patterns. It checks accessibility features and specifies component guidance.
Inputs & outputs
When to use mobile-ios-design
- →Implementing native iOS navigation
- →Applying Dynamic Type and accessibility
- →Designing SwiftUI components
About this skill
iOS Mobile Design
Use this skill for focused design work in this task family. Keep the active guidance concise, and open supporting references only when their detail is needed.
When to use
- Designing iPhone or iPad flows that should feel native to Apple platforms.
- Implementing SwiftUI layout, navigation, controls, sheets, gestures, or adaptive behavior.
- Checking iOS accessibility, Dynamic Type, dark mode, SF Symbols, and HIG alignment.
Workflow
- Identify device classes, OS targets, user task, navigation model, and Apple platform conventions.
- Choose SwiftUI and HIG patterns that fit the content hierarchy and interaction model.
- Check Dynamic Type, VoiceOver, contrast, touch targets, safe areas, orientation, and iPad adaptation.
- Specify component, navigation, typography, symbol, and state guidance with implementation notes.
- List simulator/device checks and any trade-offs against HIG recommendations.
Constraints
- Prefer system controls, materials, SF Symbols, typography, and gestures before custom replacements.
- Do not assume fixed text sizes or layouts; support Dynamic Type and localization.
- Avoid Android/web interaction patterns when an established iOS convention is clearer.
References
Read only the sections needed for the task:
- references/hig-patterns.md — Apple HIG-aligned interface, control, and interaction patterns.
- references/ios-navigation.md — iOS navigation patterns and hierarchy guidance.
- references/swiftui-components.md — SwiftUI component and layout examples.
- references/full-guidance.md — Source guidance preserved from the original skill.
Output
Return iOS design recommendations with SwiftUI/HIG notes, accessibility checks, and device validation cases.
When not to use it
- →Designing for Android or web platforms
- →When custom replacements are preferred over system controls, materials, SF Symbols, typography, and gestures
- →When fixed text sizes or layouts are required
Limitations
- →Prefers system controls, materials, SF Symbols, typography, and gestures before custom replacements
- →Does not assume fixed text sizes or layouts
- →Avoids Android/web interaction patterns when an established iOS convention is clearer
How it compares
This skill provides structured guidance for iOS design based on Apple HIG and SwiftUI, rather than general UI design principles.
Compared to similar skills
mobile-ios-design side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| mobile-ios-design (this skill) | 0 | 21d | No flags | Intermediate |
| apex-os-design | 0 | 4mo | No flags | Intermediate |
| swiftui-ui-patterns | 1 | 4mo | No flags | Intermediate |
| mobile-ios-design | 272 | 4mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
apex-os-design
diegosouzapw
Generates premium dark-mode UI for Apex OS wellness app (React Native + Expo 54). Use when designing screens, creating components, making layout decisions, generating data visualizations, or writing frontend code. Covers color system, typography, motion, haptics, and component patterns for a Bloombe
swiftui-ui-patterns
Dimillian
Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.
mobile-ios-design
wshobson
Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.
mobile-design
sickn33
Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
elegant-design
rand
Create world-class, accessible, responsive interfaces with sophisticated interactive elements including chat, terminals, code display, and streaming content. Use when building user interfaces that need professional polish and developer-focused features.