Profile My skills Saved My plugins Edit profile Submit a skill

IOS Design System

Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI. (triggers: **/*View.swift, **/Theme/**, **/DesignSystem/**, Color, Font, SwiftUI, ViewModifier, Theme)

ComeOnOliver Updated 61 repo stars
Design & Media

File contents

iOS Design System (SwiftUI)

Priority: P2 (OPTIONAL)

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

ComeOnOliver/skillshub/tree/main/skills/HoangNguyen0403/agent-skills-standard/ios-design-system commit d9e4496a1d

Browse category

Frequently asked questions

npx skillmds@latest add comeonoliver/ios-design-system