用途：把移动端 UI 布局（Stitch 中 deviceType 为 MOBILE 的界面、本地 HTML 文件或 URL）转换为基于 Expo 的跨平台 React Native 组件，输出原生 UI 而非 WebView。适用于用户想要从现有设计生成 iOS/Android 原生应用，或提到 React Native、Expo、移动应用等场景。若目标是 Capacitor、Ionic、PWA 等移动 WebView 应用，应改用 stitch-html-components。
主要能力：按映射规则把 HTML/CSS 转为 RN 组件，如 div 转 View、文本转 Text、img 转 Image、button 转 Pressable、input 转 TextInput、导航转 Expo Router Tabs；用 ScrollView/FlatList 处理滚动与长列表；用 StyleSheet.create 定义样式；从 tailwind.config、CSS 变量或样式表提取设计令牌，生成 tokens.ts 与 useTheme.ts，配合 useColorScheme 实现深色模式；使用 SafeAreaProvider 与 useSafeAreaInsets 处理安全区域；为交互元素添加 accessibilityRole、accessibilityLabel 等无障碍属性。
使用方式：先确认来源为移动端布局，再统一落到 temp/source.html。Stitch 路线需 Stitch MCP 访问与 API key，用 list_tools 发现前缀、get_screen 取元数据，并用 bash scripts/fetch-stitch.sh "[htmlCode.downloadUrl]" "temp/source.html" 下载；本地文件用 mkdir -p temp && cp "path/to/design.html" temp/source.html；URL 用 bash scripts/fetch-stitch.sh "https://example.com/page" "temp/source.html"。随后按 app/ 与 src/ 结构创建 mockData、tokens、组件与屏幕，最后运行 npx expo start 在 iOS 模拟器和 Android 模拟器验证。
限制：目标项目需使用 Expo SDK 50+ 与 expo-router，而非裸 React Native；仅适用于窄屏、纵向、触控尺寸的移动布局，桌面布局无法良好转换；截图没有上传通道，需改用文本生成或手写 HTML；URL 路线只下载单个 HTML 响应，外链样式表可能缺失；令牌无法解析时应说明而非编造。Stitch 路线需要 API key，本地文件或 URL 路线无需 Google 账号。