Appllama App Design Skill 是一套用于构建移动端界面的技能，目标是让屏幕在手机上看起来和体验上都接近顶尖原生应用，适用于 Expo / React Native 项目。
用途：在设计或实现任何移动端 UI（页面、流程、导航、动效、状态）时提供统一的高质量标准和方法，而不是从零凭想象画界面。
主要能力与要求：
- 设计前先研究：若连接 Appllama MCP，可拉取同类真实上架应用屏幕进行研究，先研究 20–30 个屏幕，提取布局骨架、信息层级、控件选择、间距节奏、主 CTA 位置等模式，而非照抄像素。Appllama 图片/视频左上角水印仅表示来源，不是设计元素，不应在产物中复现。
- 平台基线：默认 Expo + Expo Router、React Native、TypeScript；动效用 react-native-reanimated，手势用 react-native-gesture-handler，长列表用 @shopify/flash-list；图片用 expo-image，音视频用 expo-video / expo-audio；安全区用 react-native-safe-area-context；平台判断用 process.env.EXPO_OS。
- 原生保真规则：语义颜色且首日同时支持深浅色；优先使用原生控件；图标用 SF Symbols / Material Symbols；遵循平台字阶与表格数字；圆角用 borderCurve: 'continuous'；阴影用 CSS boxShadow；遵循统一间距节律；安全区与灵动岛视为设计一部分；导航标题交给导航器；触觉反馈作为标点而非唯一反馈；数字与日期本地化；可溢出页面使用 ScrollView 与 contentInsetAdjustmentBehavior="automatic"。
- 导航规则：区分 push 与 replace，明确每步的目的地与返回行为；用 modal、formSheet、fullScreenModal、transparentModal、action sheet、原生 context menu 等表达不同含义；一次性入口用 Stack.Protected 与 replace 防止返回旧状态；仅在不可逆请求进行中或模态中有未保存内容时阻止返回；标签页为对等关系。
- 反模板规则：禁止 AI 默认样式（紫蓝渐变、玻璃拟态、mesh 渐变、彩带、闪光等）；只锁定一个强调色、一种灰阶、一套圆角尺度；不用 emoji 当图标；同一意图只用一种措辞；交付完整状态循环而非只有成功态。
- 动效规则：先过频率门槛，高频交互用平台默认；用手指触发的动效必须是弹簧并承接速度；其余用 300ms 以内强缓出的时间曲线；动效不得跳 JS 线程；尊重 Reduce Motion；以最慢设备 release 构建上英雄流程持续 60fps 为达标。
- 状态架构：服务端状态用 TanStack Query，客户端状态用小原子存储，临时 UI 状态保留在组件内；默认乐观更新；高频输入用非受控 TextInput。
- 图片与插画：用可用图像模型生成资产并降采样，不放大；全应用统一视觉语言；需要透明或与界面匹配的纯色背景。
- 模拟器循环：实现后在 iOS 模拟器 / Android 模拟器启动，截图检查对齐、间距、长内容截断、深色模式、XL 字号；再录制整条流程视频，检查每个转场、返回路径、模态与键盘、按压状态与手势，全速看一遍、逐帧看一遍，修复后重验。
限制：本文档未提供该技能的具体安装命令、价格、平台限制或版本号信息，暂未提供。