generate-design-system
CommunityGenerate Apple HIG SwiftUI design tokens
Authorn0rvyn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill turns a primary color and token specifications into a complete, Apple HIG–compliant SwiftUI design system so designers and engineers avoid error-prone manual token creation and inconsistent theming across iOS and macOS apps.
Core Features & Use Cases
- OKLCH-based color generation: Derives a neutral, primary, and accent palette from a single primary color using OKLCH math and configurable relationships (complementary, analogous, triadic).
- Design token output: Produces spacing, layout, corner radius, shadow, typography guidance, and generated Swift files (DesignSystem, OKLCH converter, Colors+Tokens, Typography).
- Platform-aware templates: Targets iOS, macOS, or both with dynamic type mapping and optional SwiftUI components (buttons, cards, text fields) integrated into an Xcode project path.
Quick Start
Generate a SwiftUI design system for the Xcode project at /path/to/project using primary color #3A73B5, complementary relationship, 60-30-10 proportion, platform both, and include components.
Dependency Matrix
Required Modules
None requiredComponents
Standard packageđź’» Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: generate-design-system Download link: https://github.com/n0rvyn/indie-toolkit/archive/main.zip#generate-design-system Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.