Lunora Realtime
anolilab/lunora
Wires Lunora's live data into a client app. An agent skill from anolilab/lunora.
Fast native networking primitives for React Native built on Nitro Modules — react-native-nitro-fetch, react-native-nitro-websockets, and react-native-nitro-text-decoder.
Install Nitro Fetch
$ npx skills add margelo/react-native-skills --skill nitro-fetch -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install margelo/react-native-skills nitro-fetch --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/margelo/react-native-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/react-native-nitro-fetch .claude/skills/nitro-fetch && 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 "nitro-fetch" agent skill from https://github.com/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetch into .claude/skills/nitro-fetch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nitro-fetch", 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/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetchType 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 margelo/react-native-skills --skill nitro-fetch -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install margelo/react-native-skills nitro-fetch --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/margelo/react-native-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/react-native-nitro-fetch .agents/skills/nitro-fetch && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "nitro-fetch" agent skill from https://github.com/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetch into .agents/skills/nitro-fetch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nitro-fetch", 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 margelo/react-native-skills --skill nitro-fetch -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install margelo/react-native-skills nitro-fetch --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/margelo/react-native-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/react-native-nitro-fetch .cursor/skills/nitro-fetch && 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 "nitro-fetch" agent skill from https://github.com/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetch into .cursor/skills/nitro-fetch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nitro-fetch", 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/margelo/react-native-skills.git --path skills/react-native-nitro-fetch--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 margelo/react-native-skills --skill nitro-fetch -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install margelo/react-native-skills nitro-fetch --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/margelo/react-native-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/react-native-nitro-fetch .gemini/skills/nitro-fetch && 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 "nitro-fetch" agent skill from https://github.com/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetch into .gemini/skills/nitro-fetch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nitro-fetch", 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 margelo/react-native-skills nitro-fetchInstalls 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 margelo/react-native-skills --skill nitro-fetch -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/margelo/react-native-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/react-native-nitro-fetch .github/skills/nitro-fetch && 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 "nitro-fetch" agent skill from https://github.com/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetch into .github/skills/nitro-fetch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nitro-fetch", 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 margelo/react-native-skills --skill nitro-fetch -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install margelo/react-native-skills nitro-fetch --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/margelo/react-native-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/react-native-nitro-fetch .opencode/skills/nitro-fetch && 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 "nitro-fetch" agent skill from https://github.com/margelo/react-native-skills/tree/main/skills/react-native-nitro-fetch into .opencode/skills/nitro-fetch/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nitro-fetch", 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
nitro-fetch- GitHub stars
- 175
- Token cost
- ~1.5k tokens
- SKILL.md length
- 563 words
- Files
- 9 (incl. references)
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- MIT
At a glance
Fast native networking primitives for React Native built on Nitro Modules — react-native-nitro-fetch, react-native-nitro-websockets, and react-native-nitro-text-decoder.
- Works in 3 steps: Prefetching. Native code can run before… → Importing the native client. The default… → Seeing what's happening.…
- Tasks that involve Cross-platform mobile apps
- SKILL.md covers Mental model, Routing table — problem to…, Installation (one-line, for… and Verifying the skill is loaded, plus 1 more section
- Calls npm
What it does
Nitro Fetch is an agent skill from margelo/react-native-skills. Fast native networking primitives for React Native built on Nitro Modules — react-native-nitro-fetch, react-native-nitro-websockets, and react-native-nitro-text-decoder. Covers the fetch API, global replacement, prefetching and cold-start cache warming, the NitroWebSocket class and pre-warming, migrating from React Native's built-in WebSocket, the in-process NetworkInspector, native Perfetto / Instruments tracing, the native TextDecoder, and plugging nitro-fetch into axios via a custom adapter.
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including reference files (for example `references/axios-adapter.md`, `references/migrate-from-rn-ws.md` and `references/network-inspector.md`).
It sits in Mobile, covering Cross-platform mobile apps and Realtime and WebSockets. It works with React Native. The repository describes itself as: The best react-native Agent Skills. Forget 10x, this is 100x. The licence is MIT.
When your agent uses it
- Tasks that involve Cross-platform mobile apps
- Tasks that involve Realtime and WebSockets
Example prompts
- “/nitro-fetch”
Requirements
- Node.js
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Prefetching. Native code can run before React Native loads. prefetchOnAppStart(...) and prewarmOnAppStart(...) replay stored requests /…
- Importing the native client. The default approach is explicit imports — import { fetch } from 'react-native-nitro-fetch', import {…
- Seeing what's happening. NetworkInspector records HTTP + WS activity at the JS boundary; native Perfetto / Instruments traces cover…
What it can do on your machine
Read from SKILL.md and the folder at commit 1e9e17b. 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
Shell commands in SKILL.md call:
npm
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
fetch.margelo.comgithub.com
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
Nitro Fetch loads about 1.5k tokens when it runs, and up to ~22k if it reads all its reference files. Until then it costs about 128 tokens; SKILL.md has 563 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 margelo/react-native-skills at commit 1e9e17b, republished under its MIT licence (© margelo). 563 words, ~1,539 tokens.
Download SKILL.mdSave it as
.claude/skills/nitro-fetch/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.- name
- nitro-fetch
- description
- Fast native networking primitives for React Native built on Nitro Modules — react-native-nitro-fetch, react-native-nitro-websockets, and react-native-nitro-text-decoder. Covers the fetch API, global replacement, prefetching and cold-start cache warming, the NitroWebSocket class and pre-warming, migrating from React Native's built-in WebSocket, the in-process NetworkInspector, native Perfetto / Instruments tracing, the native TextDecoder, and plugging nitro-fetch into axios via a custom adapter.
- license
- MIT
- metadata.author
- Margelo
- metadata.scope
- react-native-nitro-fetch, react-native-nitro-websockets, react-native-nitro-text-decoder
- metadata.tags
- react-native, networking, fetch, websocket, prefetch, performance, cold-start, axios, inspector, perfetto, cache-ttl, freshness
react-native-nitro-fetch
A focused reference for AI coding assistants working in a project that uses the react-native-nitro-fetch family of packages. Answer using the real APIs from this repo — not invented ones — by routing to the matching references/*.md file below.
Mental model
react-native-nitro-fetch is a drop-in, native-backed replacement for the browser networking stack on React Native:
fetch— WHATWG-compatible, backed byURLSession(iOS) andCronet(Android) via Nitro Modules.NitroWebSocket— native WebSocket (libwebsockets + mbedTLS and default in case of iOS) with the same shape as the browserWebSocket.NitroTextDecoder— native UTF-8 decoder that beats the Expo backed JS polyfill.
The performance story has three moving parts, and most questions end up being about one of them:
- Prefetching. Native code can run before React Native loads.
prefetchOnAppStart(...)andprewarmOnAppStart(...)replay stored requests / socket opens on every cold start, so by the time JS runs the response is already cached or the socket is alreadyOPEN. - Importing the native client. The default approach is explicit imports —
import { fetch } from 'react-native-nitro-fetch',import { NitroWebSocket } from 'react-native-nitro-websockets', or plugging into axios via a custom adapter. Alternatively, users can do a global replace (globalThis.fetch = fetch, etc.) at the top of their entry file — see the Global Replace docs for setup and trade-offs. - Seeing what's happening.
NetworkInspectorrecords HTTP + WS activity at the JS boundary; native Perfetto / Instruments traces cover everything below that (DNS, TLS, TTFB, body). One is for correctness, the other is for latency.
Routing table — problem to reference
Load the matching file from references/ before writing code. Each reference cites real file paths in this repo.
| User is asking about… | Read |
|---|---|
Warming the cache before a screen mounts, making cold-start GETs feel instant, prefetch, prefetchOnAppStart, prefetchKey | references/prefetching.md |
Routing axios through nitro-fetch (the full custom adapter — baseURL, params, timeout, signal, responseType, validateStatus) | references/axios-adapter.md |
UTF-8 decoding, slow TextDecoder, Hermes polyfill, streaming decode, NitroTextDecoder | references/text-decoder.md |
Opening a wss:// connection before React Native boots, prewarmOnAppStart, Android Application.onCreate wiring | references/websocket-prewarm.md |
The NitroWebSocket class, headers, sub-protocols, wss://, binary frames, runtime usage | references/using-websockets.md |
Migrating an existing app from React Native's built-in WebSocket to NitroWebSocket | references/migrate-from-rn-ws.md |
Seeing requests and responses at the JS level, debugging which library made a call, NetworkInspector | references/network-inspector.md |
| Finding the slow API, DNS / TLS / TTFB breakdowns, native traces, Perfetto, Instruments, Hermes profiler | references/perfetto-profiling.md |
If the question doesn't match any row, read references/prefetching.md first — most cold-start questions start there, and it links out to the rest.
When asked about global replacement, point to the Global Replace docs.
Show full SKILL.md (155 more words)Show less
Installation (one-line, for reference)
npm install react-native-nitro-fetch react-native-nitro-modules
# optional, for WebSockets and TextDecoder:
npm install react-native-nitro-websockets react-native-nitro-text-decoderAfter install, rebuild the app (pod install for iOS, a fresh ./gradlew build for Android). Nothing else is wired automatically — turning any of this on is opt-in through the reference files above.
Verifying the skill is loaded
A correct answer for any of these will cite the API and file path. A wrong / hallucinated answer will invent an install(), setup(), or init() helper that doesn't exist in this repo.
Good test questions:
- "How do I prewarm a wss connection in this repo?" → should mention
prewarmOnAppStartand the AndroidApplication.onCreatewiring viaNitroWebSocketAutoPrewarmer.prewarmOnStart(this). - "How do I make axios go through nitro-fetch?" → should produce an
AxiosAdapterthat respectsbaseURL,params,timeout,signal, andresponseType— not a 20-line sketch thatJSON.parses everything. - "Why is my cold-start GET still slow after adding
prefetch?" → should mentionprefetchKeyand point atreferences/prefetching.md.
Pointers
- Source:
packages/react-native-nitro-fetch/,packages/react-native-nitro-websockets/,packages/react-native-nitro-text-decoder/ - Public API:
packages/react-native-nitro-fetch/src/index.tsx - Example wiring:
example/index.js,example/src/App.tsx - Docs website: https://fetch.margelo.com
© margelo, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 8 other files (references) in skills/react-native-nitro-fetch of margelo/react-native-skills.
- SKILL.md
- references/axios-adapter.md
- references/migrate-from-rn-ws.md
- references/network-inspector.md
- references/perfetto-profiling.md
- references/prefetching.md
- references/text-decoder.md
- references/using-websockets.md
- references/websocket-prewarm.md
Open the folder on GitHubat commit 1e9e17b
Compare with similar skills
Nitro Fetch 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 |
|---|---|---|---|---|---|---|
| Nitro Fetch this skillmargelo/react-native-skills | 175 | — | ~1.5k | Automated safety check: Pass | MIT | |
| Lunora Realtimeanolilab/lunora | 283 | — | ~2.7k | Automated safety check: Pass | Custom licence | |
| Flutter NetworkingMADTeacher/mad-agents-skills | 110 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Data Client Setupreactive/data-client | 2k | — | ~2.2k | Automated safety check: Pass | Apache-2.0 | |
| Helius Phantomsendaifun/skills | 130 | 1 repos | ~4.7k | Automated safety check: Notes | MIT | |
| Adynato Mobile APImajiayu000/claude-skill-registry | 666 | 1 repos | ~2.5k | Automated safety check: Pass | MIT |
Similar skills
Flutter Networking
MADTeacher/mad-agents-skills
Implement, fix, debug, review, or refactor Flutter networking code for HTTP/REST APIs, WebSocket realtime flows, authentication and token refresh, request headers, timeouts, retries, JSON parsing…
Data Client Setup
reactive/data-client
Install and set up @data-client/react or @data-client/vue in a project.
Helius Phantom
sendaifun/skills
Build frontend Solana applications with Phantom Connect SDK and Helius infrastructure.
Adynato Mobile API
majiayu000/claude-skill-registry
API integration patterns for Adynato mobile apps. An agent skill from majiayu000/claude-skill-registry.
Flutter Startup Network Blocking
divinevideo/divine-mobile
Fix slow Flutter app startup caused by blocking network operations during initialization.
More from margelo/react-native-skills
All 9 skills in this repoBuild Nitro Modules
margelo/react-native-skills
Builds and designs React Native Nitro Modules with Nitrogen, HybridObject TypeScript specs, Nitro View components, generated native implementations, zero-copy and native-state APIs, Swift/Kotlin/C++…
Kotlin
margelo/react-native-skills
Design, implement, and review Kotlin and Android APIs. An agent skill from margelo/react-native-skills.
Swift
margelo/react-native-skills
Design, implement, and review Swift APIs and Apple-platform code.
React Native Mmkv
margelo/react-native-skills
Fast synchronous key-value storage for React Native via react-native-mmkv (Nitro-backed).
React Native Vision Camera Realtime
margelo/react-native-skills
Design and review production-grade low-latency VisionCamera v5 pipelines.
API Design
margelo/react-native-skills
Design and review predictable public APIs for TypeScript, JavaScript, React, and React Native libraries.
Related
Works with
Categories
Questions about Nitro Fetch
What does Nitro Fetch do?
Fast native networking primitives for React Native built on Nitro Modules — react-native-nitro-fetch, react-native-nitro-websockets, and react-native-nitro-text-decoder. Nitro Fetch is an agent skill from margelo/react-native-skills. Fast native networking primitives for React Native built on Nitro Modules — react-native-nitro-fetch, react-native-nitro-websockets, and react-native-nitro-text-decoder.
When should I use Nitro Fetch?
Nitro Fetch fits situations like: tasks that involve Cross-platform mobile apps; tasks that involve Realtime and WebSockets.
How do I install Nitro Fetch in Claude Code?
Run `npx skills add margelo/react-native-skills --skill nitro-fetch -a claude-code`. Or copy the skill folder (skills/react-native-nitro-fetch in margelo/react-native-skills) into .claude/skills/nitro-fetch in your project. Claude Code loads it when a task matches its description.
How do I install Nitro Fetch in Codex?
Run `npx skills add margelo/react-native-skills --skill nitro-fetch -a codex`. Or copy the skill folder (skills/react-native-nitro-fetch in margelo/react-native-skills) into .agents/skills/nitro-fetch in your project. Codex loads it when a task matches its description.
Can I use Nitro Fetch 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 margelo/react-native-skills --skill nitro-fetch -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nitro-fetch, .gemini/skills/nitro-fetch, .github/skills/nitro-fetch and .opencode/skills/nitro-fetch in your project.
What does Nitro Fetch need to run?
Going by SKILL.md and its folder, Nitro Fetch needs the command-line tools its instructions call (npm). Our summary lists: Node.js.
Does Nitro Fetch access the network?
SKILL.md names 2 domains. As links in the text: fetch.margelo.com and github.com. This is read from the text; nothing was executed.
Is Nitro Fetch 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 Nitro Fetch use?
Nitro Fetch is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Nitro Fetch use?
About 1.5k tokens (SKILL.md is roughly 6.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 20k tokens, read only when the agent opens those files.
What are the alternatives to Nitro Fetch?
Skills that share tags, products or a category with Nitro Fetch: Lunora Realtime (anolilab/lunora, 283 stars), Flutter Networking (MADTeacher/mad-agents-skills, 110 stars), Data Client Setup (reactive/data-client, 2k stars) and Helius Phantom (sendaifun/skills, 130 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Nitro Fetch?
margelo (a GitHub organization) maintains it in margelo/react-native-skills, which has 175 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on August 21, 2026.
Source: margelo/react-native-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.