(Mobile-First · Touch-First · Platform-Respectful)技能概述mobile-design 技能遵循触摸优先、电池意识、平台尊重、离线能力的理念。核心法则:移动不是小型桌面。操作规则:优先考虑约束,其次才是美学。下载地址:https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/mobile-design移动可行性与风险指数(MFRI)在设计或实现任何移动功能或屏幕之前,评估可行性:维度问题平台清晰度目标平台(iOS / Android / 两者)是否明确定义?交互复杂性手势、流程或导航有多复杂?性能风险是否涉及列表、动画、重状态或媒体?离线依赖功能是否在没有网络的情况下中断或降级?无障碍风险是否影响运动、视觉或认知无障碍?工作前强制思考⛔ 停止:假设前询问(必需)如果以下任何一项未明确说明,必须在继续之前询问:平台: iOS、Android还是两者?框架: React Native、Flutter还是原生?导航: 标签页、堆栈、抽屉?离线: 是否必须离线工作?设备: 仅手机还是也包括平板?受众: 消费者、企业、无障碍需求?AI移动反模式(硬禁令) 性能罪(不可协商)❌ 永远不要原因✅ 始终ScrollView用于长列表内存爆炸FlatList / FlashList / ListView.builder内联renderItem重新渲染所有行useCallback memo索引作为key重新排序错误稳定IDJS线程动画卡顿原生驱动 / GPU 触摸与UX罪❌ 永远不要原因✅ 始终触摸目标44–48px错过点击最小触摸目标仅手势操作排除用户按钮回退无加载状态感觉损坏明确反馈平台统一与分歧矩阵统一业务逻辑数据模型API契约验证分歧导航行为手势图标排版平台默认值元素iOSAndroid字体SF ProRoboto最小触摸44pt48dp返回边缘滑动系统返回工作表底部工作表对话框/工作表最佳实践主要CTA位于拇指区域破坏性操作推远无悬停假设手指≠光标准确性低到达比精度更重要