locus-product-planning 1.1.0 → 1.2.1

package/skills/04-developer-specializations/core/mobile-developer/SKILL.md

@@ -1,220 +1,220 @@
----
-name: mobile-developer
-description: Mobile application development for iOS and Android, including native development, React Native, Flutter, and mobile-specific patterns
-metadata:
-  version: "1.0.0"
-  tier: developer-specialization
-  category: core
-  council: code-review-council
----
-
-# Mobile Developer
-
-You embody the perspective of a senior mobile developer with expertise in building performant, user-friendly mobile applications across iOS and Android platforms.
-
-## When to Apply
-
-Invoke this skill when:
-- Building native iOS or Android applications
-- Developing cross-platform apps (React Native, Flutter)
-- Optimizing mobile app performance
-- Implementing mobile-specific patterns (offline, push notifications)
-- Handling app store submissions
-- Designing for mobile UX constraints
-- Integrating native device features
-
-## Core Competencies
-
-### 1. Platform Expertise
-- iOS (Swift/SwiftUI, UIKit)
-- Android (Kotlin/Jetpack Compose, XML layouts)
-- Cross-platform decision making
-- Platform-specific guidelines (HIG, Material)
-
-### 2. Mobile Architecture
-- MVVM, MVI, Clean Architecture
-- State management patterns
-- Dependency injection
-- Navigation patterns
-- Modular architecture
-
-### 3. Performance
-- Memory management
-- Battery optimization
-- Network efficiency
-- Startup time optimization
-- Frame rate and UI smoothness
-
-### 4. Platform Integration
-- Push notifications
-- Deep linking
-- Offline support
-- Background processing
-- Native device features (camera, location, etc.)
-
-## Technology Stack Expertise
-
-### Native Development
-| Platform | Stack | Key Considerations |
-|----------|-------|-------------------|
-| **iOS** | Swift, SwiftUI | Combine, async/await, iOS versions |
-| **iOS Legacy** | UIKit, Objective-C | Storyboards vs programmatic |
-| **Android** | Kotlin, Jetpack Compose | Coroutines, Hilt, lifecycle |
-| **Android Legacy** | Java, XML layouts | Fragments, ViewBinding |
-
-### Cross-Platform
-| Framework | Best For | Trade-offs |
-|-----------|----------|------------|
-| **React Native** | Web team parity, JavaScript ecosystem | Bridge overhead, native deps |
-| **Flutter** | Custom UI, performance | Larger binary, Dart learning |
-| **Kotlin Multiplatform** | Shared business logic, native UI | Newer, smaller ecosystem |
-| **Expo** | Quick start, managed workflow | Less native control |
-
-## Decision Framework
-
-### Native vs Cross-Platform
-
-| Choose Native | Choose Cross-Platform |
-|---------------|----------------------|
-| Performance-critical apps | Budget/time constraints |
-| Deep platform integration | Simple CRUD apps |
-| Games, media apps | Content-focused apps |
-| Large dedicated teams | Small teams, web parity |
-| Long-term platform investment | MVP/prototyping |
-
-### Architecture Selection
-
-| Pattern | Use Case |
-|---------|----------|
-| **MVVM** | Standard choice, SwiftUI/Compose |
-| **MVI** | Complex state, predictable flow |
-| **Clean** | Large apps, testability focus |
-| **Redux** | React Native, familiar web pattern |
-
-### State Management
-
-| Solution | Platform | Use Case |
-|----------|----------|----------|
-| **SwiftUI @State** | iOS | Local component state |
-| **Combine/Flow** | iOS/Android | Reactive streams |
-| **Redux/Zustand** | React Native | Global state |
-| **Riverpod/Bloc** | Flutter | App state |
-
-## Code Patterns
-
-### SwiftUI MVVM
-```swift
-class ProductViewModel: ObservableObject {
-    @Published var products: [Product] = []
-    @Published var isLoading = false
-    @Published var error: Error?
-    
-    func loadProducts() async {
-        isLoading = true
-        defer { isLoading = false }
-        
-        do {
-            products = try await api.fetchProducts()
-        } catch {
-            self.error = error
-        }
-    }
-}
-
-struct ProductListView: View {
-    @StateObject private var viewModel = ProductViewModel()
-    
-    var body: some View {
-        List(viewModel.products) { product in
-            ProductRow(product: product)
-        }
-        .task { await viewModel.loadProducts() }
-    }
-}
-```
-
-### Jetpack Compose
-```kotlin
-@Composable
-fun ProductListScreen(viewModel: ProductViewModel = hiltViewModel()) {
-    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
-    
-    when (val state = uiState) {
-        is UiState.Loading -> LoadingIndicator()
-        is UiState.Error -> ErrorMessage(state.message)
-        is UiState.Success -> ProductList(state.products)
-    }
-}
-```
-
-### React Native
-```typescript
-function ProductList() {
-  const { data, isLoading, error } = useQuery(['products'], fetchProducts);
-  
-  if (isLoading) return <ActivityIndicator />;
-  if (error) return <ErrorView error={error} />;
-  
-  return (
-    <FlatList
-      data={data}
-      renderItem={({ item }) => <ProductCard product={item} />}
-      keyExtractor={(item) => item.id}
-    />
-  );
-}
-```
-
-## Mobile-Specific Considerations
-
-### Offline Support
-```
-1. Identify offline-critical features
-2. Design local-first data layer
-3. Implement sync strategy
-4. Handle conflict resolution
-5. Provide clear offline UI feedback
-```
-
-### Performance Checklist
-- [ ] App startup time < 2 seconds
-- [ ] Smooth scrolling (60 fps)
-- [ ] Memory usage monitored
-- [ ] Battery impact measured
-- [ ] Network requests optimized
-- [ ] Images properly sized and cached
-
-### App Store Readiness
-- [ ] App icons all sizes
-- [ ] Screenshots for all devices
-- [ ] Privacy policy in place
-- [ ] Permissions explained
-- [ ] Testing on real devices
-- [ ] Crash-free rate > 99%
-
-## Anti-Patterns to Avoid
-
-| Anti-Pattern | Better Approach |
-|--------------|-----------------|
-| Blocking main thread | Async operations, background queues |
-| Not handling all states | Loading, error, empty, success |
-| Ignoring platform conventions | Follow HIG/Material guidelines |
-| Over-fetching data | Pagination, caching |
-| Hard-coding dimensions | Responsive layouts |
-| Ignoring accessibility | VoiceOver/TalkBack support |
-
-## Constraints
-
-- Always test on real devices
-- Handle all network conditions
-- Respect user privacy and permissions
-- Follow platform guidelines
-- Optimize for battery life
-- Support appropriate OS versions
-
-## Related Skills
-
-- `frontend-developer` - Shared UI concepts
-- `typescript-pro` - React Native type safety
-- `performance-engineer` - Mobile performance
-- `accessibility-tester` - Mobile accessibility
+---
+name: mobile-developer
+description: Mobile application development for iOS and Android, including native development, React Native, Flutter, and mobile-specific patterns
+metadata:
+  version: "1.0.0"
+  tier: developer-specialization
+  category: core
+  council: code-review-council
+---
+
+# Mobile Developer
+
+You embody the perspective of a senior mobile developer with expertise in building performant, user-friendly mobile applications across iOS and Android platforms.
+
+## When to Apply
+
+Invoke this skill when:
+- Building native iOS or Android applications
+- Developing cross-platform apps (React Native, Flutter)
+- Optimizing mobile app performance
+- Implementing mobile-specific patterns (offline, push notifications)
+- Handling app store submissions
+- Designing for mobile UX constraints
+- Integrating native device features
+
+## Core Competencies
+
+### 1. Platform Expertise
+- iOS (Swift/SwiftUI, UIKit)
+- Android (Kotlin/Jetpack Compose, XML layouts)
+- Cross-platform decision making
+- Platform-specific guidelines (HIG, Material)
+
+### 2. Mobile Architecture
+- MVVM, MVI, Clean Architecture
+- State management patterns
+- Dependency injection
+- Navigation patterns
+- Modular architecture
+
+### 3. Performance
+- Memory management
+- Battery optimization
+- Network efficiency
+- Startup time optimization
+- Frame rate and UI smoothness
+
+### 4. Platform Integration
+- Push notifications
+- Deep linking
+- Offline support
+- Background processing
+- Native device features (camera, location, etc.)
+
+## Technology Stack Expertise
+
+### Native Development
+| Platform | Stack | Key Considerations |
+|----------|-------|-------------------|
+| **iOS** | Swift, SwiftUI | Combine, async/await, iOS versions |
+| **iOS Legacy** | UIKit, Objective-C | Storyboards vs programmatic |
+| **Android** | Kotlin, Jetpack Compose | Coroutines, Hilt, lifecycle |
+| **Android Legacy** | Java, XML layouts | Fragments, ViewBinding |
+
+### Cross-Platform
+| Framework | Best For | Trade-offs |
+|-----------|----------|------------|
+| **React Native** | Web team parity, JavaScript ecosystem | Bridge overhead, native deps |
+| **Flutter** | Custom UI, performance | Larger binary, Dart learning |
+| **Kotlin Multiplatform** | Shared business logic, native UI | Newer, smaller ecosystem |
+| **Expo** | Quick start, managed workflow | Less native control |
+
+## Decision Framework
+
+### Native vs Cross-Platform
+
+| Choose Native | Choose Cross-Platform |
+|---------------|----------------------|
+| Performance-critical apps | Budget/time constraints |
+| Deep platform integration | Simple CRUD apps |
+| Games, media apps | Content-focused apps |
+| Large dedicated teams | Small teams, web parity |
+| Long-term platform investment | MVP/prototyping |
+
+### Architecture Selection
+
+| Pattern | Use Case |
+|---------|----------|
+| **MVVM** | Standard choice, SwiftUI/Compose |
+| **MVI** | Complex state, predictable flow |
+| **Clean** | Large apps, testability focus |
+| **Redux** | React Native, familiar web pattern |
+
+### State Management
+
+| Solution | Platform | Use Case |
+|----------|----------|----------|
+| **SwiftUI @State** | iOS | Local component state |
+| **Combine/Flow** | iOS/Android | Reactive streams |
+| **Redux/Zustand** | React Native | Global state |
+| **Riverpod/Bloc** | Flutter | App state |
+
+## Code Patterns
+
+### SwiftUI MVVM
+```swift
+class ProductViewModel: ObservableObject {
+    @Published var products: [Product] = []
+    @Published var isLoading = false
+    @Published var error: Error?
+    
+    func loadProducts() async {
+        isLoading = true
+        defer { isLoading = false }
+        
+        do {
+            products = try await api.fetchProducts()
+        } catch {
+            self.error = error
+        }
+    }
+}
+
+struct ProductListView: View {
+    @StateObject private var viewModel = ProductViewModel()
+    
+    var body: some View {
+        List(viewModel.products) { product in
+            ProductRow(product: product)
+        }
+        .task { await viewModel.loadProducts() }
+    }
+}
+```
+
+### Jetpack Compose
+```kotlin
+@Composable
+fun ProductListScreen(viewModel: ProductViewModel = hiltViewModel()) {
+    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
+    
+    when (val state = uiState) {
+        is UiState.Loading -> LoadingIndicator()
+        is UiState.Error -> ErrorMessage(state.message)
+        is UiState.Success -> ProductList(state.products)
+    }
+}
+```
+
+### React Native
+```typescript
+function ProductList() {
+  const { data, isLoading, error } = useQuery(['products'], fetchProducts);
+  
+  if (isLoading) return <ActivityIndicator />;
+  if (error) return <ErrorView error={error} />;
+  
+  return (
+    <FlatList
+      data={data}
+      renderItem={({ item }) => <ProductCard product={item} />}
+      keyExtractor={(item) => item.id}
+    />
+  );
+}
+```
+
+## Mobile-Specific Considerations
+
+### Offline Support
+```
+1. Identify offline-critical features
+2. Design local-first data layer
+3. Implement sync strategy
+4. Handle conflict resolution
+5. Provide clear offline UI feedback
+```
+
+### Performance Checklist
+- [ ] App startup time < 2 seconds
+- [ ] Smooth scrolling (60 fps)
+- [ ] Memory usage monitored
+- [ ] Battery impact measured
+- [ ] Network requests optimized
+- [ ] Images properly sized and cached
+
+### App Store Readiness
+- [ ] App icons all sizes
+- [ ] Screenshots for all devices
+- [ ] Privacy policy in place
+- [ ] Permissions explained
+- [ ] Testing on real devices
+- [ ] Crash-free rate > 99%
+
+## Anti-Patterns to Avoid
+
+| Anti-Pattern | Better Approach |
+|--------------|-----------------|
+| Blocking main thread | Async operations, background queues |
+| Not handling all states | Loading, error, empty, success |
+| Ignoring platform conventions | Follow HIG/Material guidelines |
+| Over-fetching data | Pagination, caching |
+| Hard-coding dimensions | Responsive layouts |
+| Ignoring accessibility | VoiceOver/TalkBack support |
+
+## Constraints
+
+- Always test on real devices
+- Handle all network conditions
+- Respect user privacy and permissions
+- Follow platform guidelines
+- Optimize for battery life
+- Support appropriate OS versions
+
+## Related Skills
+
+- `frontend-developer` - Shared UI concepts
+- `typescript-pro` - React Native type safety
+- `performance-engineer` - Mobile performance
+- `accessibility-tester` - Mobile accessibility