skills.rest
AratKruglik
AratKruglikCOMMUNITY
Explore all skills by this author →
GitHub

rn-navigation

Detect and configure React Navigation v7 or Expo Router based on project dependencies.

9|1|Updated Jun 16, 2026
Search Tags:#authentication#routing#navigation#react-native#deep-linking#expo-router#react-navigation
One-click install
npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill rn-navigation-aratkruglik
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rn-navigation
Source: https://github.com/AratKruglik/antigravity-sdlc/tree/main/plugins/react-native-plugin/skills/rn-navigation
Command: npx skills add https://github.com/AratKruglik/antigravity-sdlc --skill rn-navigation-aratkruglik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Detect and apply the correct React Native navigation pattern (React Navigation v7 or Expo Router) based on project dependencies, reducing boilerplate and ensuring consistent navigation across the app.

Core Features & Use Cases

  • Library detection: identify whether to use React Navigation v7 or Expo Router from dependencies.
  • Setup guidance: provide patterns for stacks, tabs, drawers, and modals, with deep linking and typed routes.
  • Authentication flows: support conditional navigators and guarded routes for login and onboarding.

Quick Start

Use this skill to auto-detect the project's navigation approach and scaffold the appropriate navigation setup.

Frequently Asked Questions about rn-navigation

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

FAQPage Schema
How do I set up React Native navigation with stacks, tabs, and drawers?▼

React Native navigation setup is streamlined by detecting project dependencies and applying appropriate patterns for stacks, tabs, drawers, and modals. This ensures consistent navigation structure and reduces boilerplate across mobile apps.

How do I choose between React Navigation and Expo Router for my project?▼

Choosing between React Navigation and Expo Router is handled automatically by detecting your project dependencies and environment. The skill selects the appropriate library to ensure proper integration with typed routes and deep links.

Does this navigation approach support authentication flows and guarded routes?▼

Yes, authentication flows are supported through conditional navigators and guarded routes. This enables proper handling of login states and onboarding processes within your mobile application.

Can I configure deep linking and typed routes in bare React Native projects?▼

Yes, deep linking and typed routes can be configured across both Expo and bare React Native projects. The setup validates dependencies and patterns to ensure proper integration with your navigation structure.

What is the best way to handle modal navigation in React Native?▼

Modal navigation in React Native is handled by applying established patterns based on your detected library. This ensures modals integrate smoothly with stacks, tabs, and drawers while maintaining typed routes.

Related Skills

Explore More Software Engineering Skills→
callstackincubatorcallstackincubator
1.6k

create-react-native-library

Automate React Native library and native module setup with Turbo or Nitro support.

Official
Advanced
HanHan666666HanHan666666
10

flutter-implementing-navigation-and-routing

Implement Flutter navigation and routing with Navigator, Router, and go_router.

Community
Intermediate
alejandro-technologyalejandro-technology

navigation-patterns

Enforce centralized, type-safe navigation patterns for React Native apps using React Navigation.

Community
Advanced
gounthargounthar

expo-router-expert

Configure Expo Router file-based routing with dynamic routes and layouts.

Community
Advanced