ios-design-system
This skill collection provides AI agents with specialized capabilities for constructing and improving iOS design systems. It enables systematic management of design tokens, component styling, and architectural patterns to maintain consistency across iOS applications. Leverage these domain-specific tools to streamline design system workflows and enhance code maintainability.
ios-design-system is an MIT-licensed skill collection that provides AI agents with specialized capabilities for constructing and improving iOS design systems. It enables systematic management of design tokens, component styling, and architectural patterns to maintain consistency across iOS applications, streamlining design system workflows and enhancing code maintainability.
AI-generated summary based on this skill's SKILL.md
Install
pproenca/dot-skills/ios-design-system · repository language: Shell
git clone https://github.com/pproenca/dot-skills
cp -r dot-skills/skills/.experimental/ios-design-system ~/.claude/skills/ios-design-systemFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is ios-design-system and what does it help with?
ios-design-system is an MIT-licensed skill collection that provides AI agents with specialized capabilities for constructing and improving iOS design systems. It enables systematic management of design tokens, component styling, and architectural patterns to maintain consistency across iOS applications, streamlining design system workflows and enhancing code maintainability.
How does ios-design-system support SwiftUI design system setup?
ios-design-system helps set up color, typography, and spacing systems for modular iOS apps. It provides guidance on building or refactoring iOS design system infrastructure with tokens and component styles, enabling you to establish governed token systems in SwiftUI rather than relying on ad-hoc styling approaches.
Can ios-design-system help migrate from ad-hoc styles to a token system?
Yes. ios-design-system specializes in migrating from ad-hoc styles to governed token systems in SwiftUI. It provides patterns and best practices for establishing design token architecture, enforcing design consistency and governance across your iOS app through systematic token management and component organization.
What design system patterns and best practices does ios-design-system teach?
ios-design-system teaches Airbnb design system patterns and best practices for iOS, including token hierarchy, theming infrastructure, component catalogs, and style protocols. It covers design system governance, color token systems, typography scales, spacing tokens, and automation approaches to help you build maintainable, consistent iOS applications.
How can ios-design-system enforce design consistency across my iOS app?
ios-design-system enforces design consistency through token architecture and governance frameworks. By establishing centralized design tokens for colors, typography, and spacing, and implementing component style libraries in SwiftUI, you create a single source of truth that ensures all parts of your iOS app maintain visual and behavioral consistency.
What SwiftUI design system infrastructure does ios-design-system cover?
ios-design-system covers SwiftUI design system infrastructure including asset catalog colors, style protocols, component styling patterns, and token-based theming. It provides guidance on building modular component libraries, establishing token hierarchies, and creating reusable design language systems that scale across iOS applications.
SKILL.md
rendered from the published skill — quoted content, verbatim
Airbnb iOS Design System Best Practices
Opinionated, strict design system engineering for SwiftUI iOS 26 / Swift 6.2 apps. Contains 50 rules across 8 categories, prioritized by impact. Derived from Airbnb's Design Language System (DLS), Airbnb Swift Style Guide, Apple Human Interface Guidelines, and WWDC sessions. Mandates @Equatable on every view, @Observable for state, and style protocols as the primary component API.
Mandated Architecture Alignment
This skill is designed to work alongside swift-ui-architect. All code examples follow the same non-negotiable constraints:
- Feature modules depend on
Domain+DesignSystem; no directDatadependency @Observablefor mutable UI state,
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 15 files
skills/.experimental/ios-design-system/SKILL.md
skills/.experimental/ios-design-system/assets/templates/_template.md
skills/.experimental/ios-design-system/metadata.json
skills/.experimental/ios-design-system/references/_sections.md
skills/.experimental/ios-design-system/references/asset-icon-export-format.md
skills/.experimental/ios-design-system/references/asset-image-optimization.md
skills/.experimental/ios-design-system/references/asset-naming-convention.md
skills/.experimental/ios-design-system/references/asset-separate-catalogs.md
skills/.experimental/ios-design-system/references/asset-sf-symbols-first.md
skills/.experimental/ios-design-system/references/color-audit-script.md
skills/.experimental/ios-design-system/references/color-complete-pairs.md
skills/.experimental/ios-design-system/references/color-limit-palette.md
skills/.experimental/ios-design-system/references/color-no-hex-in-views.md
skills/.experimental/ios-design-system/references/color-organized-xcassets.md
skills/.experimental/ios-design-system/references/color-system-first.md