Ios Design

A comprehensive reference for building SwiftUI interfaces that actually feel like Apple designed them, grounded in Ken Kocienda's Creative Selection and John Edson's Design Like Apple. You get 62 specific rules organized by priority, from accessibility basics like VoiceOver labels and 44pt touch targets to state management patterns with @Observable and semantic color systems. Each rule calls out an anti-pattern and shows the correct iOS 26 / Swift 6.2 implementation. This is the greenfield companion to ios-ui-refactor. Use it when building new screens from scratch, especially if you're tired of SwiftUI code that works but feels off compared to system apps.

skills.sh installs: 436
GitHub stars: 222
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill ios-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Apple SwiftUI iOS Design Best Practices

A builder's guide for implementing Apple-quality iOS interfaces in SwiftUI, grounded in two foundational design texts:

Ken Kocienda — Creative Selection (empathy for the user, craft in coding, taste in choosing the best solution, demo culture of iterative refinement)
John Edson — Design Like Apple (systems thinking, the product is the marketing, design out loud, design with conviction)

Contains 62 rules across 8 principle-based categories. Each rule identifies a specific anti-pattern, grounds the fix in a named principle, and provides the correct iOS 26 / Swift 6.2 SwiftUI implementation.

Scope & Relationship to Sibling Skills

This skill is the building and implementation guide — it teaches how to construct new SwiftUI interfaces from scratch using Apple-quality patterns. When loaded alongside ios-ui-refactor (reviewing/refactoring existing UI), this skill covers the greenfield implementation that ios-ui-refactor later audits. Use this skill for building new screens; use the sibling for evaluating and improving existing ones.