What UI components are included by default?

The skill generates theme-aware styles for core components such as Buttons and TextFields, which serve as templates for further customization.

Can I use this for existing iOS projects?

Yes, the skill includes a dedicated workflow to analyze your existing codebase, extract current UI values, and propose a standardized design system.

Why does it use PreviewProvider instead of the #Preview macro?

It uses PreviewProvider to better support iterating through multiple theme instances in a single preview, ensuring high-quality visual testing across styles.

How does it handle theme switching?

It generates a centralized DesignSystem struct with static instances for different themes, making it easy to swap styles via Environment objects or State.

Does it support Dark Mode?

Absolutely. The generated Swift code uses semantic naming conventions designed to support both Light and Dark mode variations seamlessly.

iOS Design System Architect

Name: iOS Design System Architect
Author: hiragram

byhiragram

•

Mobile Development

Generates and manages comprehensive, production-ready SwiftUI design systems including color palettes, typography, and component styles.

The iOS Design System skill empowers developers to build scalable, themeable UI foundations for SwiftUI applications. It automates the creation of semantic color palettes, typography scales, and layout constants while providing a structured workflow for both new projects and existing codebases. By leveraging pre-defined aesthetic presets—ranging from 'Minimal' to 'Tech'—it ensures visual consistency across the entire app and facilitates easy theme switching and modular architecture, allowing developers to focus on feature logic rather than UI boilerplate.

Key Features

01Supports multiple theme instances and integrated theme-switching logic

02Produces modular component styles for Buttons and TextFields using SwiftUI best practices

03Provides aesthetic presets tailored to specific app genres and target audiences

04Analyzes existing codebases to extract and standardize fragmented UI patterns

05Generates type-safe Swift code for colors, typography, and spacing scales

061 GitHub stars

Use Cases

01Refactoring inconsistent UI code into a centralized, semantic design system

02Implementing multi-theme support or white-labeling capabilities for SwiftUI apps

03Bootstrapping a new iOS app with a professional, cohesive design foundation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hiragram/claude-code-plugins design-system

For use in Claude.ai and ChatGPT

Download Skill