Mobile UX Flow
Use this skill when the user asks for app screens, mobile interaction design,
navigation, state design, or platform polish.
Read references/mobile-platform-and-stack-guide.md when Apple HIG, Material
Design, or stack-specific platform patterns matter.
Workflow
- Map the user journey:
- entry points;
- primary task;
- secondary actions;
- exit, cancellation, undo, and recovery.
- Define navigation:
- tabs, stacks, drawers, sheets, modals, deep links, back behavior;
- platform differences for iOS and Android.
- Design mobile states:
- loading, skeleton, empty, partial, error, offline, retry, disabled,
success, background sync, and optimistic updates.
- Place sensitive moments carefully:
- permission prompts;
- sign-in;
- payments;
- account deletion;
- destructive actions;
- push notification opt-in.
- Check physical interaction:
- thumb reach;
- safe areas;
- keyboard avoidance;
- touch target size;
- scroll inertia;
- haptics and reduced-motion behavior.
- Produce implementation notes tied to the current stack.
Output
Return:
- flow summary
- navigation structure
- screen states
- platform-specific differences
- accessibility and motion notes
- implementation hooks for the current stack
- open risks
1---2name: mobile-ux-flow3description: Design native-feeling mobile flows. Use for mobile navigation, tabs, stacks, sheets, gestures, safe areas, keyboard behavior, haptics, permissions, onboarding, empty/error/loading/offline states, and platform-specific iOS or Android interaction polish.4---56# Mobile UX Flow78Use this skill when the user asks for app screens, mobile interaction design,9navigation, state design, or platform polish.1011Read `references/mobile-platform-and-stack-guide.md` when Apple HIG, Material12Design, or stack-specific platform patterns matter.1314## Workflow15161. Map the user journey:17 - entry points;18 - primary task;19 - secondary actions;20 - exit, cancellation, undo, and recovery.212. Define navigation:22 - tabs, stacks, drawers, sheets, modals, deep links, back behavior;23 - platform differences for iOS and Android.243. Design mobile states:25 - loading, skeleton, empty, partial, error, offline, retry, disabled,26 success, background sync, and optimistic updates.274. Place sensitive moments carefully:28 - permission prompts;29 - sign-in;30 - payments;31 - account deletion;32 - destructive actions;33 - push notification opt-in.345. Check physical interaction:35 - thumb reach;36 - safe areas;37 - keyboard avoidance;38 - touch target size;39 - scroll inertia;40 - haptics and reduced-motion behavior.416. Produce implementation notes tied to the current stack.4243## Output4445Return:4647- flow summary48- navigation structure49- screen states50- platform-specific differences51- accessibility and motion notes52- implementation hooks for the current stack53- open risks
seemseam