mobile-ui-design

# Mobile UI Design Capability Pack > Cross-agent portable judgment for mobile interface design — iOS HIG / Material Design 3 compliant. Outputs are wireframes, Design Tokens, interaction specs, and component inventories. Core difference vs web: platform-mandated rules, gesture interaction, touch targets ≥44pt. > **CONSUMES**: Product requirements, page inventory, target-platform intent. > **PRODUCES**: Platform research + decisions, navigation diagrams, mobile-viewport HTML wireframes, design-tokens.json/css, gesture spec, component spec, usability audit (per-project research dir; see `references/review-checklist.md` for the full output structure). --- ## Step 1: Context Detection | User Signal | Load Reference | |---|---| | new mobile design, HIG, Material 3, platform rules, cross-platform strategy, Safe Area, 平台规范, 设计约束 | `references/platform-guidelines.md` | | navigation, tab bar, stack, drawer, bottom sheet, sitemap, deep link, information architecture, 导航, 页面层级 | `references/navigation.md` | | wireframe, prototype, layout, screen design, UX approaches, mobile viewport, 线框图, 原型, 布局 | `references/wireframing.md` | | color, typography, icons, dark mode, design tokens, style guide, contrast, 视觉设计, 色彩, 字体, 暗色模式 | `references/visual-design.md` | | gesture, swipe, long-press, pinch, pull-to-refresh, haptic, animation timing, 手势, 滑动, 长按 | `references/gesture-interaction.md` | | component library, native components, custom component, Atomic Design, 组件库, 组件规范 | `references/des...