用途:为 AI 智能体提供使用 Expo 与 gluestack-ui 构建移动应用的技能与操作规范,目标是产出高质量、视觉良好的 React Native 应用。技术栈为 Expo(React Native)、gluestack-ui、TypeScript(推荐)、Expo Router 导航。
主要能力与用法:初始化项目用 npx create-expo-app@latest my-app --template default,再执行 npx gluestack-ui init 安装依赖、配置主题并生成组件目录,并在根布局用 GluestackUIProvider 包裹应用。gluestack-ui 默认无样式且为 headless,组件按需添加,添加前先检查 components/ui 目录,使用 npx gluestack-ui add [component-name](如 npx gluestack-ui add button box text)。布局用 Box、VStack、HStack、Center,排版用 Text、Heading,交互用 Button、Pressable、Link。样式使用主题 token(如 $2、$4、md、lg)而非硬编码像素,支持响应式属性(如 md-w)。
进阶模式:全局状态用 Zustand,服务端状态用 TanStack Query,表单用 React Hook Form 配合 Zod 校验,图标用 lucide-react-native,导航用 Expo Router(app/_layout.tsx、app/(tabs)、app/[id].tsx)。安装依赖优先用 npx expo install 以保证与 Expo SDK 兼容。
适用场景:构建 Expo 移动应用界面、组件与导航结构。限制:资料未提供具体收费、价格、平台支持范围与效果数据;部分外部技能仓库(callstackincubator/agent-skills、expo/skills)仅作参考指引,具体内容暂未提供。