native-data-fetching – Data & Science skill for AI agents
Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).
Install the native-data-fetching skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/native-data-fetching-57f57.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /native-data-fetching – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/native-data-fetching-57f57.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $native-data-fetching – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/native-data-fetching-57f57.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /native-data-fetching – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/native-data-fetching-57f57.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /native-data-fetching – then describe the task you want done.
SKILL.md content
Expo Networking
You MUST use this skill for ANY networking work including API requests, data fetching, caching, or network debugging.
Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
When to Use
Use this skill when:
- Implementing API requests
- Setting up data fetching (React Query, SWR)
- Using Expo Router data loaders (
useLoaderData, web SDK 55+) - Debugging network failures
- Implementing caching strategies
- Handling offline scenarios
- Authentication/token management
- Configuring API URLs and environment variables
Example Invocations
User: "How do I make API calls in React Native?"
-> Use fetch, wrap with error handling
User: "Should I use React Query or SWR?"
-> React Query for complex apps, SWR for simpler needs
User: "My app needs to work offline"
-> Use NetInfo for status, React Query persistence for caching
User: "How do I handle authentication tokens?"
-> Store in expo-secure-store, implement refresh flow
User: "API calls are slow"
-> Check caching strategy, use React Query staleTime
User: "How do I configure different API URLs for dev and prod?"
-> Use EXPO*PUBLIC* env vars with .env.development and .env.production files
User: "Where should I put my API key?"
-> Client-safe keys: EXPO*PUBLIC* in .env. Secret keys: non-prefixed env vars in API routes only
User: "How do I load data for a page in Expo Router?"
-> See references/expo-router-loaders.md for route-level loaders (web, SDK 55+). For native, use React Query or fetch.
Limitations
- Use this skill only when the task clearly matches its upstream product or API scope.
- Verify commands, API behavior, pricing, quotas, credentials, and deployment effects against current official documentation before making changes.
- Do not treat generated examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.
Related skills
- neon-object-storage – S3-compatible object storage that branches with your Neon project, so files and the…
- news-sentiment-engine – Multi-source RSS news aggregation with Claude-powered sentiment analysis and structured…
- nexrad-product-access – Discover and access NEXRAD data for a selected radar site, time, product, or Level II…
- nextjs-best-practices – Next.js App Router principles. Server Components, data fetching, routing patterns.
- ontoly-software-graph – Use Ontoly's deterministic Software Graph, MCP server, and agent skills for architecture…
- pangolinfo-amazon-data-research – Plan and run read-only Amazon product, review, category, seller, and market research…
- pci-compliance – Review payment data flows and engineering control evidence for a scoped PCI assessment…
- pci-dss-compliance – Implement PCI DSS requirements for payment card data. Configure cardholder data…