expo

Guide Expo mobile app architecture with TypeScript, React Query, and permission flows.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/Soufianouassif/Web3-Presale-Platform --skill expo-soufianouassif
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: expo
Source: https://github.com/Soufianouassif/Web3-Presale-Platform/tree/main/.local/skills/expo
Command: npx skills add https://github.com/Soufianouassif/Web3-Presale-Platform --skill expo-soufianouassif

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a comprehensive, opinionated blueprint for building Expo-based mobile apps, ensuring consistent architecture, UI patterns, and permission handling across platforms.

Core Features & Use Cases

  • Architecture and patterns: frontend-first approach using React context for shared state, React Query for server state, and TypeScript for type safety.
  • Routing and structure: file-based Expo Router navigation with layout components and dynamic routes.
  • Permissions and native features: guidelines for camera, location, file uploads, and other device capabilities with real-user permission handling.
  • Performance and workflow: tips for minimal code footprint, mono-repo patterns, and robust workflows for testing and deployment.

Quick Start

Create a new Expo project and apply the guidelines from this skill to scaffold architecture, routing, state management, and permissions.

Frequently Asked Questions about expo

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

FAQPage Schema
How do I structure state management in an Expo React Native app?▼

Expo routing uses a file-based Expo Router system with layout components and dynamic routes. This structure enforces type-safe navigation paths and organizes frontend-heavy mobile screens efficiently across iOS and Android.

What is the best way to handle device permissions in Expo for camera and location?▼

An Expo architecture blueprint is an opinionated guide enforcing TypeScript typing, React Query server-state patterns, and context-based state. It solves the problem of inconsistent mobile app architecture by providing a comprehensive frontend-first structure.

Can I use React Query for server state in a frontend-heavy Expo project?▼

To scaffold a new Expo app, create a project and apply the blueprint guidelines for architecture, file-based routing, state management, and permissions. This step-by-step approach establishes a robust frontend-first foundation using TypeScript and React context.

Does this Expo architecture blueprint support monorepo workflows?▼

Use this Expo blueprint for frontend-heavy mobile apps requiring routing, state management, and native feature usage. It suits projects needing robust permission flows and type-safe TypeScript architecture across iOS and Android platforms.

Why do I need TypeScript typing in my Expo mobile app architecture?▼

Yes, this Expo blueprint supports mono-repo patterns and workflows for testing and deployment. It provides performance tips for minimal code footprint while maintaining robust architecture across frontend-heavy React Native projects.