react-native

此技能为 React Native 应用程序提供了一套全面的架构与编码标准。专为使用 Expo、React Navigation 及 NativeWind 等现代样式库的移动开发工程师设计。这些指令强制执行一致的项目组织，确保页面、功能模块、服务层与状态管理之间的清晰分离。通过使用此技能，代理程序能够生成高质量、易于维护且遵循行业标准的移动端代码，无论是托管流程还是原生流程皆适用。

• 标准化项目结构，包含 Expo Router 页面目录、组件、钩子、服务、状态存储与类型定义。

• 推广严格的功能性组件开发，并提供完整的 TypeScript 属性与状态类型支持。

• 通过原生模块、平台专属副文件名与 Platform.select 工具处理跨平台开发需求。

• 整合 React Navigation 与 Expo Router 布局的导航模式。

• 通过 NativeWind (React Native 的 Tailwind CSS) 简化现代样式开发流程，管理响应式布局与深色模式。

• 使用 Zustand 结合持久化中间件，实现稳健的状态管理。

• 当启动新的移动应用项目、重构导航流程或管理原生整合模块时，请加载此技能。

• 适用于复杂场景，例如安全区域处理 (Safe Area)、使用 KeyboardAvoidingView 处理键盘行为，以及利用 TanStack React Query 进行性能优化的数据请求。

• 代理程序应优先考量类型安全、模块化组件设计以及自定义钩子中的逻辑复用。

• 确保输入的数据结构符合定义的 TypeScript 接口，以维持应用程序内部的数据流整洁。

• 限制输出内容必须遵循提供的架构模式，并在适用时优先使用 NativeWind 类名，而非内联样式。