/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.

hoangnguyen0403@hoangnguyen0403

GitHub

From plugin

agent-skills-standard

538200 skills1 MCP

Install

$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill ios-design-system --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/ios-design-system

Context preview

The summary Claude sees to decide when to auto-load this skill.

Enforce design token usage in SwiftUI apps using iOS Human Interface Guidelines. Use when implementing design tokens, colors, or typography in SwiftUI.

SKILL.md

ios-design-system.SKILL.md

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](references/example.md).