ios-design-system

name	ios-design-system
description	Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI.
metadata	{"triggers":{"files":["**/*View.swift","**/Theme/**","**/DesignSystem/**"],"keywords":["Color","Font","SwiftUI","ViewModifier","Theme"]}}

iOS Design System (SwiftUI)

Priority: P2 (MEDIUM)

Enforce design token usage in SwiftUI. Follow Apple HIG for iOS-native feel.

Token Structure

Define tokens in Theme/ folder: Colors via Asset Catalog (Color("Name")), Spacing enum for all margins, Font extensions for typography. See Token Structure & Examples.

Anti-Patterns

• No Hex Colors: Define in asset catalog, use Color("Name").
• No Magic Spacing: Use Spacing.md not spacing: 16.
• No System Colors for Brand: Use .appPrimary not Color.blue.

References

• Token Structure & Usage Examples

Canonical response anchors

When this skill applies, preserve the following domain terminology or equivalent concrete examples in the answer when relevant:

• /Theme/

• Spacing.md

• spacing: 16

• Additional task-grounded exact anchors: Color("Name")