ios-design-system

Define SwiftUI design system tokens and styles for iOS 26.

193|17|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/pproenca/dot-skills --skill ios-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-design-system
Source: https://github.com/pproenca/dot-skills/tree/main/skills/.experimental/ios-design-system
Command: npx skills add https://github.com/pproenca/dot-skills --skill ios-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of engineering a consistent, scalable, and maintainable design system for SwiftUI iOS applications, preventing style drift and ensuring architectural alignment.

Core Features & Use Cases

  • Token Architecture: Establishes a clear hierarchy for design tokens (raw, semantic, component).
  • Style Protocols: Enforces the use of protocols for component styling, ensuring accessibility and consistency.
  • Governance & Automation: Integrates SwiftLint and SPM package boundaries for automated enforcement of design rules.
  • Use Case: When setting up a new SwiftUI project or refactoring an existing one to adopt a robust design system, this Skill provides the foundational principles and architectural patterns.

Quick Start

Apply the principles outlined in this Skill to establish a token architecture for your SwiftUI design system.

Frequently Asked Questions about ios-design-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a scalable SwiftUI design system that prevents style drift?▼

To build a scalable SwiftUI design system, establish a strict token architecture with raw, semantic, and component layers. Enforce consistency using protocol-based component styling and automated governance via SwiftLint and SPM package boundaries.

What is the best way to structure design tokens in an iOS SwiftUI application?▼

The best way to structure design tokens in SwiftUI is a three-tier hierarchy: raw tokens for base values, semantic tokens for meaning, and component tokens for specific UI elements. This approach ensures maintainability and clear architectural alignment.

Can I enforce architectural alignment and design rules automatically in a SwiftUI project?▼

Yes, you can enforce architectural alignment automatically by integrating SwiftLint rules and defining strict SPM package boundaries. This automated governance prevents style drift and ensures modular MVVM-C pattern compliance across your iOS application.

Does this iOS design system approach work with modular MVVM-C architecture?▼

Yes, the design system is specifically engineered for strict architectural alignment with modular MVVM-C patterns. Component style protocols and SPM boundaries ensure your UI infrastructure integrates cleanly without violating the established MVVM-C structure.

How do I manage color systems and typography in a SwiftUI design system?▼

Manage color systems and typography by defining them as semantic design tokens within your token architecture. Apply these tokens using protocol-based component styling to guarantee accessibility and consistent visual hierarchy across iOS 26 and Swift 6.2.