Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup.
React Native core components, layout, styling, animations, lists, platform APIs, and best practices. Use when building iOS/Android UIs with native components.
React Native development best practices for TypeScript, functional components, performance optimization, and styling guidelines.
Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development.
React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native…
Implement or fix small-to-medium React Native / Expo features without full SDD (hooks, TSX, RNTL). Use for isolated React Native work or when invoking /react-native-developer.
Declarative native animation library for React Native using EaseView. Use when writing or implementing animations, transitions, fade effects, slide animations, scale transforms,…
React Native ecosystem — navigation, state, data fetching, Reanimated, storage, TypeScript patterns, accessibility, and deep linking.
Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native — from…
Expo toolchain for React Native — Expo Router, EAS Build/Update/Deploy, native modules, SDK upgrading, and Expo UI/data patterns.
Production-grade React Native & Expo architecture, high-performance UI (JSI, Reanimated 3, FlashList, Skia), Expo Modules API (C++ / Swift / Kotlin native modules), Fabric…
Guide de développement React Native avec Expo et navigation. Se déclenche avec "React Native", "Expo", "RN", "react-navigation", "native modules", "bridge", "mobile JavaS — from…
Conventions and patterns for React Native/Expo mobile development including component structure, styling with NativeWind, hooks, testing, and Storybook
Integração com o pacote react-native-lina-pay-sdk (Lina Open Finance) — pagamentos Open Finance, consentimento, createPayment, participantes, enrollment FIDO2/Passkeys,…
Use when creating or modifying React Native screens, components, hooks, or native bridges in the mobile app. Triggers on any .ts/.tsx file change under src/mobile/.
Build and manage React Native/Expo mobile apps including project setup, development workflows, and platform-specific guidance.
Detect Old-Architecture-only libraries; recommend New-Architecture-ready replacements.
Route a React Native craft task to the right spoke — styling/navigation/Reanimated animation, touch/gesture/haptics, data fetching, or full screen/app visual design.
React Native and Expo best practices — list performance (FlashList), animations (Reanimated GPU), navigation (native stack), UI patterns (expo-image, safe areas), state…
Deep React Native performance — FPS profiling, bundle size, TTI measurement, native threading, memory leaks, and profiling tools.
Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js
shadcn/ui-style components for React Native with NativeWind v4, RN Primitives, and CLI scaffolding. Use when building Expo apps with copy-paste UI components, theming, or overlay…
Use when setting up React Native or Expo dev environments — Xcode, Android Studio, CocoaPods, EAS, Metro, New Architecture — even when the user just says 'my RN build won't start'.
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,…
Expert in React Native (New Architecture), TurboModules, Fabric, and Expo. Specializes in native module development and performance optimization.
Deep React Native Testing Library (RNTL) reference — v13 (React 18 sync) and v14 (React 19 async), queries, userEvent, matchers, anti-patterns.
User-centric React Native component testing. Trigger: When testing React Native components with RNTL.
Reviews React Native TV apps for focus/D-pad navigation, 10-foot UI layout, TV playback/DRM integration, low-memory TV performance, and TV accessibility.
Provides React Navigation UI patterns for stacks, tabs, drawers etc. Use when building navigation UIs with React Navigation, configuring headers, bottom sheets or handling safe…
Create a new React project using Vite, TypeScript, and Feature-based architecture.
Audit, diagnose, and optimize React and Next.js application performance. Use when Codex is asked about Core Web Vitals, slow interactions, bundle size, caching, Server Components,…
React 19.2 + Next.js 16 development - Server Components, Cache Components, proxy.ts, View Transitions, App Router, TypeScript 6, and Tailwind CSS v4.
Guidelines for using React components within a Next.js project. This includes best practices for component structure, styling, and breaking down components into smaller, reusable…
React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.
Modern React + Next.js patterns. Use when building Next.js apps (App Router, Server Components, streaming, parallel routes), implementing React state management (Redux Toolkit,…
Use when reviewing React/Next.js code, choosing hooks, optimizing performance, or deciding between patterns.
Enforce the no-useEffect rule when writing or reviewing React code. Activate when writing React components, refactoring existing useEffect calls, reviewing PRs that introduce…
Conventions for a React frontend talking to a Node.js backend (Express / Fastify / Hono). Invoke when the atlas shows both a React web framework AND a Node API in the same repo or…
Logging, error messages, and debugging patterns for React. Use when adding logging, designing error messages, debugging production issues, or improving code observability.
React development patterns, hooks, state management, Server Components, and performance optimization.
Progetta, implementa, refattorizza, diagnostica e revisiona pagine React basate su @gaddario98/react-pages, PageGenerator e wrapper come PageGeneratorWithHeader.
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices. — from CleanExpo/Synthex
React and Next.js performance optimization patterns. Use when writing, reviewing, or optimizing React code for web apps, Remotion videos, or any React-based UI.
Audit React and Next.js codebases against roughly 50 concrete performance rules spanning re-render hygiene, bundle size, data-fetching waterfalls, images and fonts, list…
Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing components, or debugging performance issues.
Use when defining, reviewing, or hardening the performance and delivery posture of a React app against Web Vitals budgets after the other react archetypes exist and performance…
Performance profiling and optimization for React applications. Covers React Profiler, bundle analysis, code splitting, memoization patterns, image optimization, Core Web Vitals,…
Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization. Use for slow renders, large lists, bundle bloat.
Review React applications for rendering inefficiency, unnecessary client work, bundle bloat, hydration cost, state placement problems, and slow interaction paths.
React and Next.js performance optimization rules — 69 rules across 8 categories prioritized by impact.
React 기반 @canard/schema-form 플러그인 구현 패턴 전문가. 비제어 컴포넌트 패턴, test 조건 작성, 성능 최적화(useMemo, useHandle), 플러그인 구조 설계를 안내합니다.
React + TypeScript 项目的完整工程规范，涵盖项目结构、组件设计、组合与复合组件等 UI 模式、Hooks、路由、状态管理、API 层、错误处理、测试和性能优化。当用户在 React 项目中创建、修改组件或模块，涉及架构设计、代码编写时自动激活。
Use OBRIGATORIAMENTE quando a tarefa envolver a criação da fundação inicial do front-end React do ActHub com base PWA, sem implementar telas de negócio.
TanStack Query (React Query) patterns for server state management, caching, mutations, optimistic updates, and infinite queries.
Audit React Query usage for best practices — key factories, staleTime, mutations, and server state ownership
Review React/Next.js code against the real vercel-react-best-practices skill, backlog the performance findings keyed to actual rule ids + impact tiers, rank the most…
Use when creating a `*Nodes` component bound to a Relay fragment, wiring a page to one with `customizeColumns` / URL state / pagination, adding row selection and bulk actions, or…
Find and fix wasteful React re-renders by classifying the cause — unstable prop/callback/object identities, context value churn, state lifted too high, expensive work in render,…
React 19+ rendering performance: React Compiler diagnostics, profiler-driven optimization, useTransition for non-blocking updates, the new Activity and ViewTransition components,…