agentskills.codes
RE

react-native-architecture

by frank-luongtCodingSource

Architects and develops production-grade React Native and Expo applications.

FrontendMobileReact Native

Install

mkdir -p .claude/skills/react-native-architecture-frank-luongt && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11046" && unzip -o skill.zip -d .claude/skills/react-native-architecture-frank-luongt && rm skill.zip

Installs to .claude/skills/react-native-architecture-frank-luongt

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT --> --- 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 int
280 chars · catalog description✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Intermediate

Key capabilities

  • →Start new Expo projects
  • →Implement native module integrations
  • →Design offline-first mobile architecture
  • →Optimize mobile app performance

How it works

It provides production-ready patterns for React Native and Expo, covering navigation, state management, and native integration.

Inputs & outputs

You give it
Mobile architecture requirement
You get back
Architecture guidance or implementation steps

When to use react-native-architecture

  • →Starting a new Expo project
  • →Implementing native module integrations
  • →Designing offline-first mobile architecture
  • →Optimizing mobile app performance

About this skill

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT -->

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. tags: [frontend, react]

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.

Resources

<!-- Source: .faos/custom/skills/frontend/react-native-architecture/SKILL.md -->

When not to use it

  • →Non-React Native tasks
  • →General web development

Limitations

  • →Limited to React Native and Expo

How it compares

It focuses on mobile-specific architecture and Expo-based workflows.

Compared to similar skills

react-native-architecture side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
react-native-architecture (this skill)04moNo flagsIntermediate
react-native-architecture552moReviewAdvanced
react-native-design332moNo flagsIntermediate
agent-spec-mobile-react-native56moNo flagsIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

More by frank-luongt

View all by frank-luongt →

financial-compliance-ai

frank-luongt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT --> --- name: financial-compliance-ai description: Financial compliance AI patterns for KYC/AML, Basel III, Solvency II, and regulatory reporting. Use when building AI agents that assist with anti-money laundering, know-your-c

00

sigma-rules-guide

frank-luongt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT --> --- name: sigma-rules-guide description: Sigma detection rule writing guide for threat detection across SIEM platforms tags: [detection, security] ---

00

finance-accounting

frank-luongt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT --> --- name: finance-accounting description: Create journal entries, perform account reconciliation, run variance analysis, and manage financial close processes. Use when recording transactions, reconciling accounts, analyzin

00

python-packaging

frank-luongt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT --> --- name: python-packaging description: Create distributable Python packages with proper project structure, setup.py/pyproject.toml, and publishing to PyPI. Use when packaging Python libraries, creating CLI tools, or distr

00

databricks-app-apx

frank-luongt

<!-- AUTO-GENERATED by export-skills.py — DO NOT EDIT --> --- name: databricks-app-apx description: Build full-stack Databricks applications using APX framework (FastAPI + React). tags: [cloud, databricks] ---

00

You might also like

react-native-architecture

wshobson

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.

55109

react-native-design

wshobson

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

3385

agent-spec-mobile-react-native

ruvnet

Agent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native

547

heroui-native

heroui-inc

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when working with HeroUI Native components, installing HeroUI Native, customizing themes, or accessing component documentation. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind.

535

react-native-expert

Jeffallan

Use when building cross-platform mobile applications with React Native or Expo. Invoke for navigation patterns, platform-specific code, native modules, FlatList optimization.

1313

mobile-developer

sickn33

Develop React Native, Flutter, or native mobile apps with modern architecture patterns. Masters cross-platform development, native integrations, offline sync, and app store optimization. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.

58

Search skills

Search the agent skills registry