Reusable reference modules that encode mobile expertise — patterns, decision frameworks, and ready-to-use blueprints. Expand a card for its capabilities and source.
React Native 8
rn-navigation
Prevents data leaks on logout and stale screen-state bugs in navigation-heavy apps.
react-navigationdeep-linkingauth-flow
Capabilities
Auth flow switching between auth and main stacks by token
Modal stacks; tab persistence and state saving
Navigation reset patterns for logout
Type-safe navigation; deep linking with universal links
Vite + React 19 + TanStack + Supabase (anon key + RLS only) stack for internal operator panels.
refine-admin-patterns
Reuses Refine's resource/provider CRUD leverage instead of hand-wiring screens — and keeps RLS, not the client-side access-control provider, as the real security boundary.
refinesupabaserls
Capabilities
Derive list/create/edit/show routes from a Refine resources array instead of hand-wiring each CRUD screen
Wire a Supabase dataProvider (anon key + RLS) with server-side pagination, sorting, and filtering
Wire a Supabase-Auth authProvider (check/login/logout/getIdentity/onError) as Refine's single session source
Map accessControlProvider to Postgres roles as UI-hiding only, with RLS as the real boundary
Render useTable via TanStack Table + shadcn/Radix; bridge i18nProvider onto an existing react-intl catalog
Prevents the most common React/TS architecture mistake — server data leaking into global stores — and keeps re-renders minimal by matching the right tool to each state category.
zustandjotaistate-management
Capabilities
Deciding which tool owns each piece of state (server vs client vs URL vs local)
Zustand slice pattern with typed selectors that avoid whole-store subscriptions
Persist middleware for client-only state that survives page refresh
Jotai atoms and signals for fine-grained, leaf-level reactive state
Eliminates brittle implementation-detail tests and flaky E2E suites; aligns the test pyramid so fast unit feedback survives rapid UI iteration without sacrificing confidence in critical user journeys.
vitestplaywrighttesting-library
Capabilities
Writing component tests that query by role/label — behavior over implementation
Mocking network calls with MSW so tests survive API refactors without touching component code
E2E tests with Playwright covering critical paths using built-in locator-based waiting
Catching accessibility regressions in E2E with @axe-core/playwright
Web parity of the mobile design-system/scaffolding skills — Tailwind v4 tokens, typed component packages, and route specs.
web-design-system-tokens
One MASTER token source generates Tailwind v4 @theme + shadcn CSS variables for every web surface AND Flutter Dart — surfaces can't drift and a rebrand is a one-line edit.
tailwind-v4tokensdark-mode
Capabilities
Global MASTER token source authored once as JSON, brand- and platform-neutral
Converts vague feature requests or Figma frames into precise, buildable web route specs — path, layout, component tree, data deps, states, i18n, and a11y.
route-spectanstack-routerfigma
Capabilities
Transform rough web feature descriptions into structured route specs (Mod A)
Read Figma designs via Figma MCP and convert to a web route spec (Mod B); hybrid mode (Mod C)
Define route path, substrate, layout hierarchy, and component tree
Specify data dependencies (TanStack Query / Supabase), state ownership, and all four states
Enumerate i18n message keys and accessibility notes for the route