name: react-native-architecture
description: Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.
React Native Architecture
Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.
Use this skill when
Starting a new React Native or Expo project
Implementing complex navigation patterns
Integrating native modules and platform APIs
Building offline-first mobile applications
Optimizing React Native performance
Setting up CI/CD for mobile releases
Do not use this skill when
The task is unrelated to react native architecture
You need a different domain or tool outside this scope
Instructions
Clarify goals, constraints, and required inputs.
Apply relevant best practices and validate outcomes.
Provide actionable steps and verification.
If detailed examples are required, open resources/implementation-playbook.md.
Resources
resources/implementation-playbook.md for detailed patterns and examples.
1---2name: zhugez-orbitsmith-react-native-architecture3description: ---4---5---6name: react-native-architecture7description: Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.8---910# React Native Architecture1112Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.1314## Use this skill when1516- Starting a new React Native or Expo project17- Implementing complex navigation patterns18- Integrating native modules and platform APIs19- Building offline-first mobile applications20- Optimizing React Native performance21- Setting up CI/CD for mobile releases2223## Do not use this skill when2425- The task is unrelated to react native architecture26- You need a different domain or tool outside this scope2728## Instructions2930- Clarify goals, constraints, and required inputs.31- Apply relevant best practices and validate outcomes.32- Provide actionable steps and verification.33- If detailed examples are required, open `resources/implementation-playbook.md`.3435## Resources3637- `resources/implementation-playbook.md` for detailed patterns and examples.3839---40> Source: [zhugez/OrbitSmith](https://github.com/zhugez/OrbitSmith) — distributed by [TomeVault](https://tomevault.io).41<!-- tomevault:4.0:skill_md:2026-06-16 -->
Run npx skillmds@latest add tomevault-io/zhugez-orbitsmith-react-native-architecture in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
--- It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io