skills.rest
alejandro-technology
alejandro-technologyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

create-navigation

Generate typed navigation scaffolds for React Native feature modules.

Updated Feb 27, 2026
Search Tags:#typescript#navigation#mobile#react-native#react-navigation#stack-navigator#typed-routing
One-click install
npx skills add https://github.com/alejandro-technology/react-native-template --skill create-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-navigation
Source: https://github.com/alejandro-technology/react-native-template/tree/main/.claude/skills/generation/create-navigation
Command: npx skills add https://github.com/alejandro-technology/react-native-template --skill create-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create typed navigation scaffolds for a feature module to ensure consistent, type-safe routing and easy maintainability.

Core Features & Use Cases

  • Route enums for module scope to prevent typos and improve discoverability.
  • Typed param lists and screen props to maintain compile-time safety across navigations.
  • Stack navigator and hooks for plug-and-play integration into private/public navigators with minimal boilerplate.

Quick Start

Define a new feature module and run the create-navigation flow to generate route enums, param types, and navigator registrations.

Frequently Asked Questions about create-navigation

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

FAQPage Schema
How do I set up typed routing for a new React Native feature module?▼

Typed routing for a React Native module is set up by generating route enums, param lists, and screen props. This ensures compile-time safety and modular integration when registering new stack navigators.

What is the best way to prevent typos in React Navigation stack routes?▼

Using route enums prevents typos in React Navigation stack routes by defining module-scoped constants. This improves discoverability and maintains strict type-safe navigation params across your application.

How do I add a new stack navigator to an existing React Native parent navigator?▼

Adding a stack navigator to a parent navigator requires wiring type-safe navigation params and registering the new module routes. Automated scaffolding creates the necessary hooks and parent navigator registrations.

Can I generate type-safe navigation params for private and public navigators simultaneously?▼

Yes, generating type-safe navigation params supports plug-and-play integration into both private and public navigators. The scaffolding creates stack navigators and hooks with minimal boilerplate for each scope.

Do I need TypeScript to use modular React Navigation scaffolding?▼

TypeScript is required to leverage modular React Navigation scaffolding effectively. The generated typed param lists and screen props rely on compile-time type safety to prevent runtime navigation errors.

Related Skills

Explore More Software Engineering Skills→
0xkynz0xkynz

react-native

Automate React Native CLI bare workflow setup with TypeScript and native module integration.

Community
Intermediate
guichefferguicheffer
3

navigation-patterns

Define type-safe React Navigation routes and headers with enums and useNavigationHeader.

Community
Intermediate
jrollinjrollin
2

flutter-navigation

Guide Flutter navigation and routing with Navigator API and go_router.

Community
Intermediate
chiraitorichiraitori
7

React Navigation Patterns

Implement stack, tab, and drawer navigators in React Native with React Navigation.

Community
Intermediate