ios-ui-ux

Provides UI/UX design guidance for iOS apps, including layout, color, typography, and accessibility considerations.

Updated Jan 6, 2026
One-click install
npx skills add https://github.com/nguyennamkkb/ios-spec-driven --skill ios-ui-ux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ios-ui-ux
Source: https://github.com/nguyennamkkb/ios-spec-driven/tree/main/src/ios_spec_driven_installer/templates/.claude/skills/ios-ui-ux
Command: npx skills add https://github.com/nguyennamkkb/ios-spec-driven --skill ios-ui-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design decisions for iOS apps can be inconsistent, leading to poor usability and accessibility gaps.

Core Features & Use Cases

  • Guided design principles for iOS interfaces, covering navigation, states, typography, color, and motion.
  • Consistency across screens ensuring accessible contrast, proper hit targets, and dark mode support.
  • Use Case: When starting a new iOS screen, apply these principles to define layout structure, navigation flow, and accessibility considerations.

Quick Start

To apply ios-ui-ux, reference the design principles in the SKILL.md while prototyping a new screen.

Frequently Asked Questions about ios-ui-ux

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

FAQPage Schema
How do I ensure my iOS UI/UX design follows Human Interface Guidelines?

Ensure iOS UI/UX design follows Human Interface Guidelines by standardizing decisions across screen layout, navigation, typography, color contrast, and motion. This prevents inconsistent interfaces and poor usability.

What's the best way to design iOS screens for dark mode and accessibility?

Design iOS screens for dark mode and accessibility by applying guided principles for accessible contrast, proper hit targets, and accessibility labeling to ensure consistency and usability across all app states.

How do I structure navigation flow for a new iOS app screen?

Structure navigation flow for a new iOS app screen by referencing established design principles during prototyping to define layout structure, navigation patterns, and interaction behaviors.

Why does my iOS app have inconsistent typography and color contrast?

Inconsistent iOS typography and color contrast result from unguided design decisions. Standardize your interface using predefined typography scales and color contrast rules to eliminate accessibility gaps.

Can I use these iOS design principles for existing apps or only new screens?

Apply these iOS design principles to both new screens and existing apps. They standardize interaction patterns, accessibility labeling, and motion considerations to resolve usability gaps in any project.

When do I need to standardize iOS interaction patterns and motion considerations?

Standardize iOS interaction patterns and motion considerations whenever prototyping a screen to ensure adherence to Human Interface Guidelines, preventing fragmented usability and accessibility issues.