react-native-architecture – Coding skill for AI agents
Architecture and integration patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.
Install the react-native-architecture skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-native-architecture-6e7d8.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /react-native-architecture – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-native-architecture-6e7d8.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $react-native-architecture – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-native-architecture-6e7d8.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /react-native-architecture – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/react-native-architecture-6e7d8.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /react-native-architecture – then describe the task you want done.
SKILL.md content
React Native Architecture
Architecture and integration 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.mdfor detailed patterns and examples.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Example
For a catalog app, cache public product reads offline, keep session tokens in
platform secure storage, and block offline purchases until an idempotent order
outbox and server reconciliation are implemented.
Related skills
- react-native-skills – Review React Native and Expo rendering, lists, animations, navigation and native UI…
- react-nextjs-development – React and Next.js 14+ application development with App Router, Server Components…
- react-patterns – Modern React patterns and principles. Hooks, composition, performance, TypeScript best…
- react-state-management – Master modern React state management with Redux Toolkit, Zustand, Jotai, and React…
- receiving-code-review – Code review requires technical evaluation, not emotional performance.
- redis-cli – Redis command-line interface (redis-cli) reference and usage guide. Use this skill…
- reference-builder – Creates exhaustive technical references and API documentation. Generates comprehensive…
- remotion-best-practices – Best practices for Remotion - Video creation in React