ios-design-system

Solid

Clinic-architecture-aligned iOS design system engineering for SwiftUI (iOS 26 / Swift 6.2) covering token architecture, color/typography/spacing systems, component style libraries, asset governance, and theming. Enforces @Equatable on views and keeps design-system usage compatible with Feature-to-Domain+DesignSystem boundaries. Use when building or refactoring DesignSystem infrastructure for the clinic modular MVVM-C stack.

Web & Frontend 146 stars 9 forks Updated today MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
72
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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 direct `Data` dependency - `@Observable` for mutable UI state, `ObservableObject` / `@Published` never - `@Equatable` macro on every view - Style protocols as the primary component styling API (Airbnb DLS pattern) - Asset catalog as the source of truth for color values - Local SPM package for design system module boundary ## Scope & Relationship to Sibling Skills This skill is the **infrastructure layer** — it teaches how to BUILD the design system itself. When loaded alongside sibling skills: | Sibling Skill | Its Focus | This Skill's Focus | |---------------|-----------|-------------------| | `swift-ui-architect` | **Architecture** (modular MVVM-C, route shells, protocol boundaries) | **Design system infrastructure** (tokens, styles, governance) | | `ios-design` | **Using** design primitives (semantic colors, typography) | **Engineerin...

Details

Author
pproenca
Repository
pproenca/dot-skills
Created
4 months ago
Last Updated
today
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

frontend-design

Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support.

91 Updated 2 months ago
seb1n
Web & Frontend Listed

shortcut-ui-skills

Shortcut's UI design system. Use when building interfaces inspired by Shortcut's aesthetic - light mode, Inter font, 4px grid.

42 Updated 3 months ago
ihlamury
Web & Frontend Solid

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

1,041 Updated 3 days ago
dtsola
DevOps & Infrastructure Listed

system-architect

Use when a validated PRD exists and engineering is about to begin, and you need schemas, APIs, state flows, and infrastructure decisions that become docs/reference/implementation.md.

24 Updated today
thompson0012
Code & Development Solid

swift-code-reviewer

Perform thorough code reviews for Swift/SwiftUI code, analyzing code quality, architecture, performance, security, and adherence to Swift 6+ best practices, SwiftUI patterns, navigation architecture, sheet routing, theming, async state, iOS/macOS platform guidelines, and project-specific coding standards from .claude/CLAUDE.md. Use when reviewing code changes, performing quality audits, or providing structured feedback on Swift codebases with all severity levels and positive feedback.

25 Updated 1 weeks ago
Viniciuscarvalho