iOS Design Workflow
End-to-end orchestrator for iOS app design, from initial idea to GitHub/Gitea issues.
When to Use
-
Starting a new iOS app or feature
-
Planning iOS UI/UX from scratch
-
Need structured approach to iOS design
-
Want to follow Apple HIG throughout the process
Workflow Phases
Phase 1: Requirements Gathering
Invoke: superpowers:brainstorming
Explore the idea through collaborative dialogue:
-
Clarify app purpose and target users
-
Identify core features and user flows
-
Define success criteria
-
Understand constraints (iOS versions, devices)
Phase 2: Research
Invoke: sc:research
Deep research on:
-
Similar iOS apps and patterns
-
Apple HIG requirements for the feature type
-
SwiftUI/UIKit capabilities needed
-
Third-party libraries if applicable
Phase 3: Business Specification
Invoke: sc:business-panel then sc:spec-panel
Create comprehensive specification:
-
User stories with acceptance criteria
-
Feature requirements document
-
UI/UX flow diagrams
-
Success metrics
Save to: docs/specs/{feature-name}-spec.md
Phase 4: Task Decomposition
Invoke: sc:workflow or sc:spawn
Break specification into actionable tasks:
-
Identify independent work streams
-
Define task dependencies
-
Estimate complexity (S/M/L)
-
Create parallelization strategy
Phase 5: Architecture Planning
Invoke: sc:design
- ios-swiftui-generator
For each task:
-
Design component architecture
-
Generate SwiftUI code scaffolding
-
Plan data flow and state management
-
Document API contracts
Validate with: ios-design-review
Phase 6: Documentation & Issues
Actions:
-
Save all specs to docs/ directory
-
Create issues via Gitea MCP or GitHub CLI
-
Link issues to specification documents
-
Set up project board if needed
Example Usage
User: I want to build an iOS expense tracker app
Claude: [Invokes superpowers:brainstorming]
- What's the primary use case?
- Target audience?
- Key features needed? ...continues through all phases...
Output Artifacts
Phase Output
1 docs/plans/YYYY-MM-DD-{feature}-requirements.md
2 Research findings in conversation
3 docs/specs/{feature}-spec.md
4 Task breakdown with estimates
5 Architecture docs + code scaffolding
6 GitHub/Gitea issues created
Related Skills
-
ios-swiftui-generator — Generate SwiftUI components
-
ios-design-review — Validate HIG compliance
-
ios-hig-reference — Apple HIG quick reference