react-native-expo-architect

Designs and audits Expo SDK 54+ React Native apps using the New Architecture and EAS Build.

1|Updated Aug 25, 2026
One-click install
npx skills add https://github.com/sabiscore/swarmxq --skill react-native-expo-architect-sabiscore
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-expo-architect
Source: https://github.com/sabiscore/swarmxq/tree/main/.ai/skills/react-native-expo-architect
Command: npx skills add https://github.com/sabiscore/swarmxq --skill react-native-expo-architect-sabiscore

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Expo SDK 54 introduced breaking changes with the New Architecture, Reanimated v4, and deprecated APIs like expo-av, making migrations and new project setups error-prone without up-to-date guidance. ## Core Features & Use Cases - Project Setup & Migration: Scaffolds new Expo SDK 54 projects with TypeScript and upgrades existing apps with newArchEnabled and correct app.json configuration. - Reanimated v4 Animations: Implements worklet-based animations, enter/exit transitions, and scroll-driven effects compatible with the New Architecture. - EAS Build & OTA Updates: Configures eas.json build profiles, store submission, and expo-updates for over-the-air deployments. - Use Case: A team sharing code between a Next.js web app and an Expo mobile app can use this Skill to set up a Turborepo with platform-specific component variants and typed Expo Router navigation. ## Quick Start Ask the assistant to set up a new Expo SDK 54 project with Expo Router, Reanimated v4, and EAS Build configuration.

Frequently Asked Questions about react-native-expo-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate an Expo app to the New Architecture?

Set newArchEnabled to true in app.json and upgrade with npx expo install expo@54. The New Architecture is default in SDK 54 and becomes mandatory in SDK 55, so test all native modules for compatibility.

How do I set up Reanimated v4 in Expo SDK 54?

Install react-native-reanimated and react-native-worklets via npx expo install. Remove react-native-reanimated/plugin from babel.config.js since babel-preset-expo now handles it, and note that v4 only supports the New Architecture.

Does Reanimated v4 work with the old React Native architecture?

No, Reanimated v4 only supports the New Architecture and requires react-native-worklets as a peer dependency. Apps on the old architecture must stay on Reanimated v3 or migrate first.

What replaces expo-av in Expo SDK 54?

expo-av is deprecated and should be replaced with expo-audio for audio playback and expo-video for video. Migration is recommended before SDK 55 where support may be removed.

How do I share code between Next.js and Expo apps?

Use a Turborepo with shared packages for UI components, hooks, and API clients. Metro automatically resolves .native.tsx file variants for mobile while Next.js uses the standard .tsx versions.

Why does my Expo build fail after upgrading to SDK 54?

Common causes include the leftover Reanimated babel plugin, missing react-native-worklets, or deprecated expo-av usage. EAS Build also defaults to Xcode 26, so test against the iOS 26 SDK.