# Build Expo Router Navigation for React Native

React Native teams need predictable navigation across tabs, stacks, modals, and deep links. This skill provides Expo Router patterns for common routing decisions.

## Install

```bash
npx skillstore add cjharmath/rn-navigation
```

## Metadata

- Status: approved
- Slug: cjharmath-rn-navigation
- Skillstore revision: r1
- Version status: missing
- Tree hash: 17be46307368db15019ca04d1a39540cd1017939f5aecae2ff7695ac9ad02df8
- Author: CJHarmath
- GitHub username: CJHarmath
- License: MIT
- Repository: https://github.com/CJHarmath/claude-agents-skills/tree/main/skills/rn-navigation
- Ref: dd4a3ef9f20ddf38830950b4bb713df96b431fd6
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network, filesystem
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/cjharmath-rn-navigation
- Manifest: https://skillstore.pages.dev/api/skills/cjharmath-rn-navigation/manifest

## Capabilities

- Explains Expo Router file-based routes, layout groups, dynamic routes, and catch-all routes.
- Shows programmatic navigation patterns using push, replace, back, navigate, and dismiss actions.
- Provides Link component examples for simple links, route parameters, child buttons, and replacement navigation.
- Covers stack, tab, modal, and dynamic header configuration for Expo Router layouts.
- Gives deep-link and universal-link setup examples for Expo apps.
- Lists practical debugging checks for common navigation problems.

## Use Cases

- Plan a New App Navigation Structure: Create a clear Expo Router route tree with tabs, stacks, dynamic pages, and fallback screens.
- Standardize Team Routing Patterns: Document consistent choices for modals, protected routes, deep links, and navigation parameters.
- Debug Navigation Behavior: Check common causes when tabs, headers, params, back behavior, or deep links do not work.

## Prompt Templates

### Create a Basic Route Plan

```
Use the rn-navigation skill to design a simple Expo Router route structure for an app with Home, Profile, Settings, and a Not Found screen.
```

### Add Dynamic Navigation

```
Use the rn-navigation skill to show how I should navigate from a list screen to a detail screen with a typed route parameter.
```

### Design Auth and Modal Flows

```
Use the rn-navigation skill to plan an Expo Router layout with auth screens, main tabs, a booking modal, and safe redirects after login.
```

### Audit a Complex Navigation Setup

```
Use the rn-navigation skill to review my Expo Router structure and identify likely causes of broken tabs, missing headers, wrong params, or failed deep links.
```

## Limitations

- It provides guidance and examples, but it does not modify project files automatically.
- It focuses on Expo Router, not standalone React Navigation without Expo Router.
- It references authentication navigation only at the routing level, not full auth implementation.
- Examples are simplified and must be adapted to each app state model and type system.

## Best Practices

- Keep route names aligned with the app directory so file paths and URLs stay predictable.
- Use replacement navigation after login, onboarding, or completed flows that should not remain in history.
- Use URL parameters for simple shareable state and global state for larger transient objects.

## Anti Patterns

- Do not pass complex objects through URL parameters when shared state or cached data is safer.
- Do not hide navigation problems by disabling headers or gestures without checking parent layouts.
- Do not assume deep links work until the scheme, universal-link domain, and route path are tested.

## Security Audit

- Audited at: 2026-07-06T05:35:58.612\+00:00
- Summary: I reviewed the single Markdown skill and found the static alerts are false positives caused by code fences, inline code terms, a placeholder universal-link URL, and route parameter names. The skill contains Expo Router navigation guidance and does not include executable scripts, prompt injection text, data exfiltration instructions, or malicious network behavior.

## Stats

- Views: 185
- Downloads: 10
- Favorites: 0
- Popularity score: 0
