Agent skill
ios-design-workflow
Orchestrates complete iOS app design workflow from idea to implementation. Use when starting a new iOS feature, planning iOS app architecture, or need end-to-end iOS design process.
Install this agent skill to your Project
npx add-skill https://github.com/beshkenadze/claude-skills-marketplace/tree/main/skills/development/ios-design-workflow
SKILL.md
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 componentsios-design-review— Validate HIG complianceios-hig-reference— Apple HIG quick reference
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
skill-with-scripts
A template for skills that include executable code for deterministic operations.
your-skill-name
Brief description of what this Skill does and when to use it. This field is critical for Claude to discover when to invoke your skill.
jis-accessibility
Use when auditing websites for Japanese accessibility compliance, checking JIS X 8341-3 conformance, or advising on Japan's Act for Eliminating Discrimination against Persons with Disabilities.
meeting-notes
Structure meeting transcripts into organized notes with action items, decisions, and key points. Use when processing meeting recordings or creating meeting summaries.
global-accessibility
Use when determining which accessibility law applies to an organization, comparing requirements across jurisdictions (US, EU, Canada, Japan), or planning multi-country accessibility compliance strategy.
aoda-compliance
Use when auditing websites or apps for Canadian accessibility law compliance, checking AODA (Ontario) or Accessible Canada Act (federal) requirements, or advising on CAN/ASC-EN 301 549 obligations.
Didn't find tool you were looking for?