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.