Menu
Reusable native component and template patterns for starter implementation
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Starter data layer pattern with React Query + Zeus for Expo app
i18n baseline and dev-translate setup for Expo mobile starter
Expo Router conventions for route groups, native headers, and starter navigation
Baseline architecture for Axolotl mobile starter (Expo Router + reusable blocks)
Playwright E2E execution rules - domain-oriented specs, shared auth setup/storageState, idempotent zero-flake runs, verify-email-disabled support, and canonical Mailgun local email path
GraphQL error extraction, global toast handling via QueryCache/MutationCache, auth error auto-logout, and per-hook success toast patterns
| name | mobile-components |
| description | Reusable native component and template patterns for starter implementation |
Build reusable native UI building blocks before feature-specific UIs.
mobile/AGENTS.md.src/components/primitives/ for low-level reusable controlssrc/components/navigation/ for navigation helperssrc/templates/ for reusable screen-level compositiontestIDsrc/theme/tokens.tssrc/components/lists/CardList.tsx.strategy contract:
'flash' -> FlashList (default; heavier/reactive lists).'scroll' -> ScrollView (small/static lists).app/**, src/**) uses boxShadow tokens only (via theme.shadows.*).shadowColor, shadowOffset, shadowOpacity, shadowRadius, elevation.src/__tests__/boundaries/shadow-guardrail.test.ts.as any in runtime component/template code.AppScreen scaffoldPrimaryButton with disabled/pressed statesEmptyStateTemplate with CTA