expo-react-native-coder by pproenca/dot-skills
npx skills add https://github.com/pproenca/dot-skills --skill expo-react-native-coder适用于 Expo React Native 应用程序的全面功能开发指南。包含 10 个类别共 50 条规则,涵盖从项目设置到测试的所有内容。包含常见功能的生产就绪代码模板。
在以下情况下参考这些指南:
| 优先级 | 类别 | 影响 | 前缀 |
|---|---|---|---|
| 1 | 项目设置与配置 | 关键 | setup- |
| 2 | 路由与导航 | 关键 | route- |
| 3 | 屏幕模式与布局 | 高 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
screen-| 4 | 数据获取与状态 | 高 | data- |
| 5 | 身份验证与安全 | 高 | auth- |
| 6 | 深度链接与通用链接 | 高 | link- |
| 7 | 原生用户体验模式 | 中高 | ux- |
| 8 | 表单与用户输入 | 中 | form- |
| 9 | 资源与主题 | 中 | asset- |
| 10 | 错误处理与测试 | 中 | test- |
setup-typescript-config - 使用严格模式配置 TypeScriptsetup-app-config-typescript - 使用类型化的 app.config.tssetup-environment-variables - 客户端变量使用 EXPO_PUBLIC_ 前缀setup-eas-build-profiles - 按环境配置 EAS 构建配置文件setup-development-build - 开发构建与 Expo Go 对比route-file-based-routing - 使用 Expo Router 进行基于文件的路由route-tab-navigator - 带路由组的标签页导航器route-dynamic-segments - 动态路由段 [param]route-stack-within-tabs - 标签页内的嵌套堆栈route-modal-presentation - 模态屏幕呈现route-typed-routes - 启用类型化路由route-drawer-navigator - 抽屉导航器设置screen-list-flashlist - 大型列表使用 FlashListscreen-detail-params - 通过参数传递最少数据screen-loading-state - 加载和错误状态screen-pull-to-refresh - 下拉刷新模式screen-header-options - 配置屏幕头部screen-settings-list - 使用 SectionList 的设置屏幕data-api-routes - 服务器端 API 路由data-secure-store - 敏感数据使用 SecureStoredata-sqlite-local - 复杂本地数据使用 SQLitedata-fetch-on-focus - 屏幕聚焦时重新获取数据data-async-storage-simple - 偏好设置使用 AsyncStoragedata-abort-controller - 卸载时取消获取auth-protected-routes - Stack.Protected 守卫auth-context-provider - 带会话的身份验证上下文auth-oauth-flow - 使用 AuthSession 进行 OAuthauth-login-form - 带验证的登录表单auth-splash-loading - 身份验证检查期间的启动屏幕link-deep-linking-scheme - 自定义 URL 方案link-universal-links-ios - iOS 通用链接link-android-app-links - Android 应用链接link-handle-incoming - 处理传入的 URLux-safe-area-insets - 为刘海屏使用 SafeAreaViewux-status-bar - 状态栏样式ux-haptic-feedback - 操作时提供触觉反馈ux-gesture-handler - 滑动使用手势处理器ux-keyboard-avoiding - KeyboardAvoidingViewform-text-input-config - TextInput 键盘类型form-controlled-inputs - 使用 useState 的受控输入form-submit-button-state - 提交期间禁用按钮form-dismiss-keyboard - 点击外部时关闭键盘asset-image-optimization - 使用 expo-image 进行缓存asset-font-loading - 使用 useFonts 加载字体asset-vector-icons - @expo/vector-iconsasset-splash-screen - 启动屏幕配置test-jest-setup - 使用 jest-expo 预设的 Jesttest-component-testing - 组件使用 Testing Librarytest-error-boundary - 错误边界test-e2e-maestro - Maestro E2E 测试生产就绪的模板可在 assets/templates/ 中找到:
| 模板 | 描述 |
|---|---|
layouts/tab-layout.tsx | 带图标的底部标签页导航器 |
layouts/auth-layout.tsx | 带受保护路由的根布局 |
screens/list-screen.tsx | 带 FlashList、刷新、状态的列表 |
screens/detail-screen.tsx | 带参数处理的详情屏幕 |
screens/form-screen.tsx | 带验证、键盘处理的表单 |
hooks/use-auth.tsx | 带 SecureStore 的身份验证上下文 |
components/error-boundary.tsx | 错误边界组件 |
阅读各个参考文件以获取详细解释和代码示例:
如需包含所有规则的单一综合文档,请参阅 AGENTS.md。
| 文件 | 描述 |
|---|---|
| AGENTS.md | 包含所有规则的完整编译指南 |
| references/_sections.md | 类别定义和排序 |
| assets/templates/ | 生产就绪的代码模板 |
| metadata.json | 版本和参考信息 |
每周安装数
87
代码仓库
GitHub 星标数
86
首次出现
2026年2月4日
安全审计
安装于
codex81
opencode79
gemini-cli78
github-copilot76
cursor76
kimi-cli71
Comprehensive feature development guide for Expo React Native applications. Contains 50 rules across 10 categories, covering everything from project setup to testing. Includes production-ready code templates for common features.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Project Setup & Configuration | CRITICAL | setup- |
| 2 | Routing & Navigation | CRITICAL | route- |
| 3 | Screen Patterns & Layouts | HIGH | screen- |
| 4 | Data Fetching & State | HIGH | data- |
| 5 | Authentication & Security | HIGH | auth- |
| 6 | Deep Linking & Universal Links | HIGH | link- |
| 7 | Native UX Patterns | MEDIUM-HIGH | ux- |
| 8 | Forms & User Input | MEDIUM | form- |
| 9 | Assets & Theming | MEDIUM | asset- |
| 10 | Error Handling & Testing | MEDIUM | test- |
setup-typescript-config - Configure TypeScript with strict modesetup-app-config-typescript - Use typed app.config.tssetup-environment-variables - EXPO_PUBLIC_ prefix for client varssetup-eas-build-profiles - EAS build profiles per environmentsetup-development-build - Development builds vs Expo Goroute-file-based-routing - File-based routing with Expo Routerroute-tab-navigator - Tab navigator with route groupsroute-dynamic-segments - Dynamic route segments [param]route-stack-within-tabs - Nested stack in tabsroute-modal-presentation - Modal screen presentationscreen-list-flashlist - FlashList for large listsscreen-detail-params - Pass minimal data via paramsscreen-loading-state - Loading and error statesscreen-pull-to-refresh - Pull-to-refresh patternscreen-header-options - Configure screen headersdata-api-routes - Server-side API routesdata-secure-store - SecureStore for sensitive datadata-sqlite-local - SQLite for complex local datadata-fetch-on-focus - Refetch on screen focusdata-async-storage-simple - AsyncStorage for preferencesauth-protected-routes - Stack.Protected guardsauth-context-provider - Auth context with sessionauth-oauth-flow - OAuth with AuthSessionauth-login-form - Login form with validationauth-splash-loading - Splash screen during auth checklink-deep-linking-scheme - Custom URL schemelink-universal-links-ios - iOS Universal Linkslink-android-app-links - Android App Linkslink-handle-incoming - Handle incoming URLsux-safe-area-insets - SafeAreaView for notchesux-status-bar - Status bar stylingux-haptic-feedback - Haptic feedback on actionsux-gesture-handler - Gesture handler for swipesux-keyboard-avoiding - KeyboardAvoidingViewform-text-input-config - TextInput keyboard typesform-controlled-inputs - Controlled inputs with useStateform-submit-button-state - Disable button during submitform-dismiss-keyboard - Dismiss keyboard on tap outsideasset-image-optimization - expo-image for cachingasset-font-loading - Load fonts with useFontsasset-vector-icons - @expo/vector-iconsasset-splash-screen - Splash screen configurationtest-jest-setup - Jest with jest-expo presettest-component-testing - Testing Library for componentstest-error-boundary - Error boundariestest-e2e-maestro - Maestro E2E testingProduction-ready templates are available in assets/templates/:
| Template | Description |
|---|---|
layouts/tab-layout.tsx | Bottom tab navigator with icons |
layouts/auth-layout.tsx | Root layout with protected routes |
screens/list-screen.tsx | List with FlashList, refresh, states |
screens/detail-screen.tsx | Detail screen with param handling |
screens/form-screen.tsx | Form with validation, keyboard handling |
hooks/use-auth.tsx |
Read individual reference files for detailed explanations and code examples:
For a single comprehensive document with all rules, see AGENTS.md.
| File | Description |
|---|---|
| AGENTS.md | Complete compiled guide with all rules |
| references/_sections.md | Category definitions and ordering |
| assets/templates/ | Production-ready code templates |
| metadata.json | Version and reference information |
Weekly Installs
87
Repository
GitHub Stars
86
First Seen
Feb 4, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex81
opencode79
gemini-cli78
github-copilot76
cursor76
kimi-cli71
TanStack Query v5 完全指南:React 数据管理、乐观更新、离线支持
2,500 周安装
App Store Connect 参考指南:崩溃分析、TestFlight反馈与性能指标导出
164 周安装
Nansen 聪明钱分析工具:追踪加密基金和顶级交易者持仓与交易数据
165 周安装
NSFC国家自然科学基金申请书研究内容写作工具 - LaTeX自动化编排助手
165 周安装
SOLID 原则详解:SRP、OCP、LSP 等设计模式,提升代码可维护性与灵活性
167 周安装
WordPress全站编辑(FSE)与区块编辑器指南:theme.json配置与站点编辑器实战
171 周安装
A轮以上初创公司获客指南:PLG与销售驱动混合模式下的需求生成与SEO策略
166 周安装
route-typed-routesroute-drawer-navigator - Drawer navigator setupscreen-settings-listdata-abort-controller| Auth context with SecureStore |
components/error-boundary.tsx | Error boundary component |