用途:mobile-taste 是一个用于构建 React Native / Expo 跨平台应用的设计技能,覆盖屏幕、导航、组件与动效,涉及 iOS、Android 和 web。它不面向营销网站(应使用原 taste-skill)、游戏或原生模块。该技能按任务与同套件其他技能分工:mobile-design-review 审计现有应用,mobile-redesign-screen / mobile-redesign-app 升级已有 UI,mobile-nav-plan 只做导航架构,mobile-design-system 负责 tokens 与主题;本技能负责构建。
主要能力:在写代码前先做 App Read,识别应用类型、氛围词、参考应用、目标平台、受众与使用场景、隐形约束,并输出 APP READ 声明;在现有项目中先读 package.json、app.json 及 tailwind/theme 配置,检测 Expo SDK、路由、样式方案、图标家族、主题 tokens 与是否存在 MOBILE-DESIGN.md。还要求先产出 Nav Read 路由树,再设计屏幕。设置三个刻度:DESIGN_EXPRESSION、MOTION_INTENSITY、VISUAL_DENSITY,基线为 4/4/4,并给出推断表与各应用类型的偏好/规避项。
使用方式:按资料,它要求先嗅探现有栈,检测到的栈优先于技能默认值;在生成前输出 App Read;若有 MOBILE-DESIGN.md 则读取并视为长期设计来源,重跑时刷新并报告变化。导航方面,标签页 3-5 个,标签文字始终可见且每词一个;无 Settings 标签、无 Logout 标签;无嵌套 tab bar、无双头部;模态必须有明确关闭方式;认证/引导作为路由组;每个详情页可深链。屏幕要求安全区用 useSafeAreaInsets,触控目标 >= 44x44pt,间距使用 4/8pt 网格,列表超过约 20 项要虚拟化。技术默认栈为 Expo + TypeScript + Expo Router + NativeWind + React Native Reusables;也列出 Material/Android-first 用 React Native Paper、iOS 原生用系统字体与 SF Symbols、性能关键自定义系统用 Tamagui、保守方案用 StyleSheet.create + React Navigation、旧 Draftbit v1 用 @draftbit/ui。要求同一应用只用一个组件系统、一个图标家族,禁止 emoji 作图标;安装第三方库前先查 package.json,缺失则先输出安装命令,例如 npx expo install。动画使用 Reanimated + Gesture Handler,根节点放 GestureHandlerRootView;触感使用 expo-haptics。
适用场景与限制:适合构建可品牌化的跨平台 RN/Expo 应用、Android-first 产品、iOS 原生感应用、性能关键自定义设计系统等。限制包括不适用于营销网站、游戏、原生模块;当简报含糊且推断分歧时才问一个问题;不混用组件系统与图标家族;若近似平台模式需注释标注为近似。具体版本相关事实未在本资料中给出,资料指向 ../_shared/references/versions.md,本文件故意不命名任何版本。