hoangnguyen0403/react-native-navigation-v6
skills/react-native/react-native-navigation-v6/SKILL.md
Configure React Navigation 6+ stacks, tabs, and deep linking for React Native. Use when implementing React Navigation stacks, tabs, or deep linking in React Native.
$ install --global
skillsauthnpx skillsauth add hoangnguyen0403/agent-skills-standard react-native-navigation-v6Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 20, 2026, 3:08 AM129.7s3 files scanned
SKILL.md
- name:
- react-native-navigation-v6
- description:
- Configure React Navigation 6+ stacks, tabs, and deep linking for React Native. Use when implementing React Navigation stacks, tabs, or deep linking in React Native.
React Native Navigation
Priority: P0 (CRITICAL)
Use React Navigation (official solution).
Build Type-Safe Navigation Stacks
- Architecture: Use Native Stack (
createNativeStackNavigator) by default for native performance. Only use JS Stack for custom transitions. - Typing: Use
NativeStackScreenPropsfor screens.CompositeScreenPropsfor nested Navigators.
See deep linking reference for typed param lists and stack navigator setup.
Configure Deep Linking
- Deep Linking: Use prefix arrays in
linkingconfig. Validate Universal Links (iOS) and App Links (Android). Handle unrecognized paths with 404 screen.
See deep linking reference for linking configuration with prefix arrays and fallback screens.
Implement Auth Flow
- Auth/App split: Conditionally render Auth Stack vs App Stack in
NavigationContainer. Clear navigation state after logout. - Logic: Use Tab Navigators for bottom navigation. Drawer for side menus.
- Transitions: Native-like feel via
presentation: 'modal'. CustomheaderLeft/Rightinoptions. - Data Flow: Use
route.paramsfor small IDs only. Use global state (Zustand/RTK) for complex data objects.
Anti-Patterns
- No String Literals: Use typed params.
- No Navigation in Business Logic: Pass callbacks from screens.
- No Deep Nesting: Max 2-3 levels of navigators.
References
See references/deep-linking.md for typed param lists, Universal Links, Nested Navigators, and State Persistence.
Related Skills
hoangnguyen0403/specialist-pr-reviewer
development
VerifiedTrustedCommunity
Summarizes GitHub PR, GitLab MR, or Azure DevOps PR metadata, review threads, changed files, and template completeness. Use during review-ticket or code-review workflows when PR/MR context exists.
498SKILL.mdUpdated May 23, 2026
hoangnguyen0403/typescript-tooling
tools
VerifiedTrustedCommunity
Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling.
498SKILL.mdUpdated May 21, 2026
hoangnguyen0403/typescript-security
development
VerifiedTrustedCommunity
Validate input, secure auth tokens, and prevent injection attacks in TypeScript. Use when validating input, handling auth tokens, sanitizing data, or managing secrets and sensitive configuration.
498SKILL.mdUpdated May 21, 2026
hoangnguyen0403/typescript-language
development
VerifiedTrustedCommunity
Apply modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings.
498SKILL.mdUpdated May 21, 2026