react-native-navigation-builder

Define type-safe nested navigation structures for React Native apps.

Updated Dec 28, 2025
One-click install
npx skills add https://github.com/PlaneInABottle/fitnessMobileApp --skill react-native-navigation-builder
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-navigation-builder
Source: https://github.com/PlaneInABottle/fitnessMobileApp/tree/main/.claude/skills/react-native-navigation-builder
Command: npx skills add https://github.com/PlaneInABottle/fitnessMobileApp --skill react-native-navigation-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Builds and maintains a clean, scalable navigation structure for React Native apps by enforcing type safety across nested navigators.

Core Features & Use Cases

  • Type-safe AppStack and MainTabs wiring for predictable routing.
  • Add or refactor screens and nested navigators with minimal boilerplate.
  • Consistent parameter typing and screen props across the app.

Quick Start

Create or adjust a screen by updating the navigation types and navigator files, then implement the screen as a typed route component.

Frequently Asked Questions about react-native-navigation-builder

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

FAQPage Schema
How do I set up type-safe navigation for nested navigators in React Native?

Type-safe navigation in React Native is achieved by defining typed ParamLists for AppStack and MainTabs. This enforces consistent parameter typing and screen props across nested navigators, ensuring predictable routing throughout the application.

What is the best way to add a new screen with route parameters to a React Native app architecture?

Adding a screen with route parameters requires updating the navigation types and navigator files first. You then implement the screen as a typed route component, applying consistent parameter typing to minimize boilerplate and maintain a scalable app architecture.

Can I refactor nested navigators in React Native without breaking existing route parameters?

Refactoring nested navigators is supported by updating the typed ParamLists within the navigation structure. This approach applies consistent parameter typing and reusable patterns for screen props, ensuring existing route parameters remain intact during the refactoring process.

Do I need TypeScript to maintain a scalable navigation structure for React Native apps?

TypeScript is required to enforce type-safe navigation structures for React Native apps. Using TypeScript allows the enforcement of typed ParamLists and provides reusable patterns for screen props and modal configurations, which are essential for scalability.

How do I configure modal screens within a type-safe AppStack and MainTabs setup?

Configuring modal screens within a type-safe AppStack and MainTabs setup involves applying reusable patterns for modal configurations. This ensures that modal routes adhere to the same typed ParamLists and consistent parameter typing as standard screens.