SuperAPI AI Directory

ios-design-system

Design & creation

View repository

Updated 10-16 02:36

About this skill

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

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")