该技能用于按“设计令牌 + 层级”的方式构建 React Native/Expo 界面，而非在页面中散落十六进制色值，使应用在 iOS 与 Android 上保持同一套视觉语言。
用途与能力：建立明确的视觉层级（标题、辅助文字、CTA）；light 与 dark 使用同一套语义角色；全流程保持一致的间距与圆角；触控目标 44–48 dp 以上、对比度满足 AA；避免“AI 模板式 UI”（泛用紫色、到处毛玻璃、过多胶囊）。
语义令牌（必需）：background；surface / surfaceElevated；textPrimary / textSecondary / textTertiary；border / separator；accent / onAccent；success / warning / danger；overlay。需在同一表中定义 light/dark 配对，并通过 theme（useTheme、context、NativeWind tokens 或 StyleSheet factory）消费，禁止在屏幕中散落 #RRGGBB。若项目已有设计系统，以既有系统为准。
排版与空间：命名层级 display、title、body、label、caption；优先系统字体或品牌字体，最多两种字族；基于 4/8 的间距，边距 16–20；启用 allowFontScaling，大字体下布局不破；列表用 numberOfLines 有意截断。
布局：SafeAreaProvider 与 insets，尊重 home indicator 与刘海；可预测的 Flexbox，避免用 absolute 做主体结构；每屏一个主操作（filled/accent 按钮）；列表为标题→副标题→元信息，分隔线用 separator 令牌；空/加载/错误状态需专门设计（骨架或文案+CTA）；键盘用 KeyboardAvoidingView 或项目栈中的 KeyboardStickyView。
明暗模式检查项：所有角色有 light/dark 配对；StatusBar 与导航栏同背景形成对比；图片图标两种模式均可读（tint/变体）；深色下边框可见而非仅靠阴影；accent 在两种模式下均有对比。禁止深色用 #000 配不可读灰、浅色用白底 #999 长正文。
组件：按钮分 primary/secondary/tertiary 并有 pressed/disabled 状态；输入框标签常驻、错误显示在下方、高度可触；卡片使用系统的 md/lg 圆角与一致内边距；Tab bar 与 header 用令牌而非导航器硬编码颜色；NativeWind/Tamagui/Restyle 若已是项目标准可用，但需映射到上述角色。
动效：200–350 ms，Reanimated/LayoutAnimation 与项目一致；尊重 Reduce Motion（AccessibilityInfo / useReducedMotion）；触控反馈（透明度/触感）适度。
反模式：每屏写死十六进制；照搬 Web UI（div 思维、仅 hover）；不同导航栈密度不一；把暗色模式留到最后导致只适配浅色的残留；滥用徽章、渐变和阴影。
完成标准：改动的屏幕只使用令牌；light/dark 并排评审；触控目标与对比度达标；空/加载/错误状态齐备；与导航及品牌保持一致。
限制：资料未提供具体安装命令、版本要求或收费信息，暂未提供。