用途概括构建美观、具备原生质感的 Expo 页面，遵循 Apple HIG。涵盖 expo-router 的 Color 语义颜色、原生控件、SF Symbols、媒体、动画、视觉效果、渐变、存储与响应式布局。产出自适应、平台正确的 UI 代码与安全区处理及推荐库用法，加速高质量 Expo 应用界面开发。
业务领域
CodingDesign
技能形态
Style Guide
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
在构建或美化 Expo 页面、希望其具备 iOS/Android 原生质感时，尤其是遵循 Apple HIG、使用语义颜色、原生控件、SF Symbols、动画或响应式布局。
具备正确语义颜色、安全区处理、动画与平台自适应样式的原生感 Expo UI 代码；配合 expo-router 处理导航。
使用场景
开发者在 Expo 应用中新建设置页，希望 iOS 与 Android 上呈现原生外观。其使用 expo-native-ui 技能，通过 expo-router 的 Color 应用语义颜色、使用原生 Switch/Slider 控件、安全区 ScrollView 与等宽数字计数器。技能确保正确的库选择与 HIG 合规，交付精致页面而无需手动适配主题。
团队需在 Expo 应用中添加带模糊背景与 SF Symbols 的动画卡片。借助 expo-native-ui，他们查阅 icons.md 与 visual-effects.md，使用 expo-image 的 sf: 源与 expo-glass-effect，遵循动画与阴影规范，并优先用 Expo Go 运行。最终获得一致的原生 UI 与液态玻璃效果，减少试错。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件