Rnn Codebase
wix/react-native-navigation
Navigate and work with the react-native-navigation (RNN) codebase.
Measure time from navigation tap to screen fully loaded and interactive.
Install Navigation Latency
$ npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install nexus-labs-automation/mobile-observability navigation-latency --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/nexus-labs-automation/mobile-observability.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/navigation-latency .claude/skills/navigation-latency && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "navigation-latency" agent skill from https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latency into .claude/skills/navigation-latency/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation-latency", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latencyType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install nexus-labs-automation/mobile-observability navigation-latency --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nexus-labs-automation/mobile-observability.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/navigation-latency .agents/skills/navigation-latency && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "navigation-latency" agent skill from https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latency into .agents/skills/navigation-latency/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation-latency", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install nexus-labs-automation/mobile-observability navigation-latency --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nexus-labs-automation/mobile-observability.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/navigation-latency .cursor/skills/navigation-latency && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "navigation-latency" agent skill from https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latency into .cursor/skills/navigation-latency/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation-latency", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/nexus-labs-automation/mobile-observability.git --path skills/navigation-latency--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install nexus-labs-automation/mobile-observability navigation-latency --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nexus-labs-automation/mobile-observability.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/navigation-latency .gemini/skills/navigation-latency && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "navigation-latency" agent skill from https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latency into .gemini/skills/navigation-latency/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation-latency", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install nexus-labs-automation/mobile-observability navigation-latencyInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/nexus-labs-automation/mobile-observability.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/navigation-latency .github/skills/navigation-latency && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "navigation-latency" agent skill from https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latency into .github/skills/navigation-latency/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation-latency", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install nexus-labs-automation/mobile-observability navigation-latency --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/nexus-labs-automation/mobile-observability.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/navigation-latency .opencode/skills/navigation-latency && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "navigation-latency" agent skill from https://github.com/nexus-labs-automation/mobile-observability/tree/main/skills/navigation-latency into .opencode/skills/navigation-latency/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "navigation-latency", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
navigation-latency- GitHub stars
- 116
- Token cost
- ~395 tokens
- SKILL.md length
- 116 words
- Files
- 1
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
Measure time from navigation tap to screen fully loaded and interactive.
- Works in 3 steps: onNavigationStart - user taps (source… → onViewAppear - destination view visible → onContentReady - data loaded, interactive
- Tracking screen transitions
- SKILL.md covers Phases, When to Use, Key Thresholds and Measurement Points, plus 3 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Navigation Latency is an agent skill from nexus-labs-automation/mobile-observability. Measure time from navigation tap to screen fully loaded and interactive. Use when tracking screen transitions, deep links, or tab switches.
Its SKILL.md is about 400 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile. It works with React Native, Android and iOS. The repository describes itself as: Claude Code plugin for mobile app observability: crash reporting, performance monitoring, and instrumentation for iOS, Android, and React Native. The licence is MIT.
When your agent uses it
- Tracking screen transitions
Example prompts
- “/navigation-latency”
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- onNavigationStart - user taps (source screen)
- onViewAppear - destination view visible
- onContentReady - data loaded, interactive
What it can do on your machine
Read from SKILL.md and the folder at commit 488c97f. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Navigation Latency loads about 395 tokens when it runs. Until then it costs about 40 tokens; SKILL.md has 116 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from nexus-labs-automation/mobile-observability at commit 488c97f, republished under its MIT licence (© nexus-labs-automation). 116 words, ~395 tokens.
Download SKILL.mdSave it as
.claude/skills/navigation-latency/SKILL.md (or your agent's skills folder).- name
- navigation-latency
- description
- Measure time from navigation tap to screen fully loaded and interactive. Use when tracking screen transitions, deep links, or tab switches.
- triggers
- deep link performance, measure TTI, screen load time, slow screen navigation, tab switch latency, track screen transitions
- priority
- 2
Navigation Latency
Time from tap to destination screen interactive (TTI).
Phases
TAP → TRANSITION → VIEW_INIT → DATA_LOAD → INTERACTIVE
|_____________________________________________|
Navigation LatencyWhen to Use
- Tab bar taps
- List item → detail screen
- Deep link → target screen
- Any screen-to-screen transition
Key Thresholds
| Rating | Duration |
|---|---|
| Good | <400ms |
| Acceptable | <1s |
| Poor | >1s |
Measurement Points
onNavigationStart- user taps (source screen)onViewAppear- destination view visibleonContentReady- data loaded, interactive
Implementation
See references/ui-performance.md (Navigation Latency section) for:
- iOS: NavigationLatencyTracker with os_signpost
- Android: Fragment/Activity lifecycle hooks
- React Native: React Navigation listeners
Common Mistakes
- Measuring only view appear (missing data load)
- Not correlating source → destination
- Ignoring warm vs cold screen loads
Related Skills
- See
skills/interaction-latencyfor button/tap response times (vs full screen loads) - Combine with
skills/user-journey-trackingto correlate navigation with user intent
© nexus-labs-automation, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/navigation-latency of nexus-labs-automation/mobile-observability.
Open the folder on GitHubat commit 488c97f
Compare with similar skills
Navigation Latency next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Navigation Latency this skillnexus-labs-automation/mobile-observability | 116 | — | ~395 | Automated safety check: Pass | MIT | |
| Rnn Codebasewix/react-native-navigation | 13k | — | ~2k | Automated safety check: Pass | MIT | |
| Expo Tailwind SetupCherryHQ/cherry-studio-app | 4k | 8 repos | ~3k | Automated safety check: Pass | MIT | |
| Agent Devicegronxb/hot-updater | 1.8k | — | ~3.9k | Automated safety check: Pass | Custom licence | |
| Screenmapaleqsio/screenmap | 244 | — | ~7.2k | Automated safety check: Pass | MIT | |
| Expo Brownfield Integrationmweinbach/agent-coworker | 156 | 2 repos | ~900 | Automated safety check: Notes | Custom licence |
Similar skills
- Official
Expo Tailwind Setup
CherryHQ/cherry-studio-app
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
Agent Device
gronxb/hot-updater
Automates interactions for iOS simulators/devices and Android emulators/devices.
Screenmap
aleqsio/screenmap
Generate a visual navigation map of an Expo / React Native or NativeScript app.
Expo Brownfield Integration
mweinbach/agent-coworker
Helps add Expo and React Native to an existing native iOS or Android app, and choose between a prebuilt AAR or XCFramework and a fully integrated build.
Simulator Audio E2E
hyochan/react-native-nitro-sound
Build and run repeatable react-native-nitro-sound recorder/player regression tests on an iOS Simulator or Android emulator, with explicit virtual-device selection, microphone permission, Maestro…
More from nexus-labs-automation/mobile-observability
All 8 skills in this repoCrash Instrumentation
nexus-labs-automation/mobile-observability
Set up crash instrumentation with actionable context. An agent skill from nexus-labs-automation/mobile-observability.
Instrumentation Planning
nexus-labs-automation/mobile-observability
Plan what to measure in mobile apps. An agent skill from nexus-labs-automation/mobile-observability.
Network Tracing
nexus-labs-automation/mobile-observability
Instrument API requests with spans and distributed tracing. An agent skill from nexus-labs-automation/mobile-observability.
Symbolication Setup
nexus-labs-automation/mobile-observability
Configure crash symbolication for readable stack traces. An agent skill from nexus-labs-automation/mobile-observability.
Interaction Latency
nexus-labs-automation/mobile-observability
Measure time from user tap to action completion. An agent skill from nexus-labs-automation/mobile-observability.
User Journey Tracking
nexus-labs-automation/mobile-observability
Track user journeys with intent context and friction signals.
Related
Works with
Categories
Questions about Navigation Latency
What does Navigation Latency do?
Measure time from navigation tap to screen fully loaded and interactive. Navigation Latency is an agent skill from nexus-labs-automation/mobile-observability. Measure time from navigation tap to screen fully loaded and interactive.
When should I use Navigation Latency?
Navigation Latency fits situations like: tracking screen transitions.
How do I install Navigation Latency in Claude Code?
Run `npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a claude-code`. Or copy the skill folder (skills/navigation-latency in nexus-labs-automation/mobile-observability) into .claude/skills/navigation-latency in your project. Claude Code loads it when a task matches its description.
How do I install Navigation Latency in Codex?
Run `npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a codex`. Or copy the skill folder (skills/navigation-latency in nexus-labs-automation/mobile-observability) into .agents/skills/navigation-latency in your project. Codex loads it when a task matches its description.
Can I use Navigation Latency in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add nexus-labs-automation/mobile-observability --skill navigation-latency -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/navigation-latency, .gemini/skills/navigation-latency, .github/skills/navigation-latency and .opencode/skills/navigation-latency in your project.
What does Navigation Latency need to run?
SKILL.md names no scripts, command-line tools or credentials: Navigation Latency is instructions for the agent only.
Does Navigation Latency access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Navigation Latency safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Navigation Latency use?
Navigation Latency is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Navigation Latency use?
About 395 tokens (SKILL.md is roughly 1.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Navigation Latency?
Skills that share tags, products or a category with Navigation Latency: Rnn Codebase (wix/react-native-navigation, 13k stars), Expo Tailwind Setup (CherryHQ/cherry-studio-app, 4k stars), Agent Device (gronxb/hot-updater, 1.8k stars) and Screenmap (aleqsio/screenmap, 244 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Navigation Latency?
nexus-labs-automation (a GitHub organization) maintains it in nexus-labs-automation/mobile-observability, which has 116 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on August 23, 2026.
Source: nexus-labs-automation/mobile-observability on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.