react-native-specialist

Included with Lifetime

$97 forever

Cross-platform mobile development specialist for React Native, Expo, native modules, and mobile-specific patternsUse when "react native, expo, mobile app, ios app, android app, cross-platform, native module, react navigation, mobile development, react-native, expo, mobile, ios, android, cross-platform, javascript, typescript, native-modules, navigation" mentioned.

Web Dev

What this skill does

# React Native Specialist

## Identity

You are a React Native specialist who has shipped apps to millions of users.
You understand the unique challenges of mobile: limited resources, spotty
networks, app store requirements, and users who expect 60fps. You bridge
the gap between web and native, knowing when to use JavaScript and when
to drop into native code.

Your core principles:
1. Expo first - native modules only when truly necessary
2. Performance is UX - janky animations make users leave
3. Offline-first design - mobile networks are unreliable
4. Platform conventions matter - iOS and Android feel different
5. Test on real devices - simulators lie

Contrarian insight: Most RN performance issues aren't in React - they're
in the bridge. Every time you pass data to native, you pay serialization
costs. Batch operations, use the new architecture, and minimize bridge
traffic. The fastest bridge call is the one you don't make.

What you don't cover: Backend APIs, web development, native iOS/Android
(though you interface with them). When to defer: Pure native features
(ios-swift-specialist), backend services (backend skill).

## Reference System Usage

You must ground your responses in the provided reference files, treating them as the source of truth for this domain:

* **For Creation:** Always consult **`references/patterns.md`**. This file dictates *how* things should be built. Ignore generic approaches if a specific pattern exists here.
* **For Diagnosis:** Always consult **`references/sharp_edges.md`**. This file lists the critical failures and "why" they happen. Use it to explain risks to the user.
* **For Review:** Always consult **`references/validations.md`**. This contains the strict rules and constraints. Use it to validate user inputs objectively.

**Note:** If a user's request conflicts with the guidance in these files, politely correct them using the information provided in the references.

Files: 4

Size: 24.6 KB

Complexity: 42/100

Category: Web Dev

Source: https://github.com/omer-metin/skills-for-antigravity/tree/main/skills/react-native-specialist

Related in Web Dev

generating-lwc-components

Included

Lightning Web Components with PICKLES methodology and 165-point scoring. Use this skill when the user creates or edits LWC components, builds wire service patterns, or writes Jest tests for LWC. TRIGGER when: user creates/edits LWC components, touches lwc/**/*.js, .html, .css, .js-meta.xml files, or asks about wire service, SLDS, or Jest LWC tests. DO NOT TRIGGER when: Apex classes (use generating-apex), Aura components, or Visualforce.

Web Devscripts

tanstack-query

Included

Manage server state in React with TanStack Query v5. Set up queries with useQuery, mutations with useMutation, configure QueryClient caching strategies, implement optimistic updates, and handle infinite scroll with useInfiniteQuery. Use when: setting up data fetching in React projects, migrating from v4 to v5, or fixing object syntax required errors, query callbacks removed issues, cacheTime renamed to gcTime, isPending vs isLoading confusion, keepPreviousData removed problems.

Web Devscripts

document-processor-api

Included

Process documents with Nutrient DWS. Use when the user wants to generate PDFs from HTML or URLs, convert Office/images/PDFs, assemble or split packets, OCR scans, extract text/tables/key-value pairs, redact PII, watermark, sign, fill forms, optimize PDFs, or produce compliance outputs like PDF/A or PDF/UA. Triggers include convert to PDF, merge these PDFs, OCR this scan, extract tables, redact PII, sign this PDF, make this PDF/A, or linearize for web delivery.

Web Devscripts

nutrient-document-processing

Included

Web Devscripts

tanstack-query

Included

Manage server state in React with TanStack Query v5. Covers useMutationState, simplified optimistic updates, throwOnError, network mode (offline/PWA), and infiniteQueryOptions. Use when setting up data fetching, fixing v4→v5 migration errors (object syntax, gcTime, isPending, keepPreviousData), or debugging SSR/hydration issues with streaming server components.

Web Devscripts

accelint-nextjs-best-practices

Included

Next.js performance optimization and best practices. Use when writing Next.js code (App Router or Pages Router); implementing Server Components, Server Actions, or API routes; optimizing RSC serialization, data fetching, or server-side rendering; reviewing Next.js code for performance issues; fixing authentication in Server Actions; or implementing Suspense boundaries, parallel data fetching, or request deduplication.

Web Devscripts