OpenSkillIndex← back to search
claude-code

Agent-skills-standard 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)

install
source · Clone the upstream repo
git clone https://github.com/HoangNguyen0403/agent-skills-standard
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/ios/ios-design-system" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-ios-design-system && rm -rf "$T"
manifest: skills/ios/ios-design-system/SKILL.md
source content

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