Agent skill

Expo React Native Coder

by pproenca in pproenca/dot-skills

Comprehensive Expo React Native feature development guide. An agent skill from pproenca/dot-skills.

MITAuto-check passedMobile

Install Expo React Native Coder

skills CLI
$ npx skills add pproenca/dot-skills --skill expo-react-native-coder -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install pproenca/dot-skills expo-react-native-coder --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/pproenca/dot-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.experimental/expo-react-native-coder .claude/skills/expo-react-native-coder && rm -rf skills-src

Use ~/.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/

Facts

Skill name
expo-react-native-coder
GitHub stars
214
Token cost
~2k tokens
SKILL.md length
537 words
Files
63 (incl. references, assets)
Skills in repo
182
Repo updated
First seen
Licence
MIT

At a glance

Comprehensive Expo React Native feature development guide. An agent skill from pproenca/dot-skills.

  • Works in 10 steps: Project Setup & Configuration (CRITICAL) → Routing & Navigation (CRITICAL) → Screen Patterns & Layouts (HIGH) → …
  • Tasks involving Expo Router
  • SKILL.md covers When to Apply, Rule Categories by Priority, Quick Reference and Code Templates, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Expo React Native Coder is an agent skill from pproenca/dot-skills. Comprehensive Expo React Native feature development guide. This skill should be used when building mobile app screens, navigation, data fetching, authentication, deep linking, or native UX patterns with Expo. Triggers on tasks involving Expo Router, React Native components, mobile forms, or app configuration.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 69 other files, including reference files and assets (for example `AGENTS.md`, `README.md` and `assets/templates/_template.md`).

It sits in Mobile, covering Cross-platform mobile apps. It works with Expo, React Native and TypeScript. The repository describes itself as: A collection of AI agent skills following the Agent Skills open format. The licence is MIT.

When your agent uses it

  • Tasks involving Expo Router
  • React Native components
  • App configuration

Example prompts

  • “/expo-react-native-coder”

Workflow steps

10 steps, taken from the step headings in SKILL.md.

  1. Project Setup & Configuration (CRITICAL)
  2. Routing & Navigation (CRITICAL)
  3. Screen Patterns & Layouts (HIGH)
  4. Data Fetching & State (HIGH)
  5. Authentication & Security (HIGH)
  6. Deep Linking & Universal Links (HIGH)
  7. Native UX Patterns (MEDIUM-HIGH)
  8. Forms & User Input (MEDIUM)
  9. Assets & Theming (MEDIUM)
  10. Error Handling & Testing (MEDIUM)

What it can do on your machine

Read from SKILL.md and the folder at commit cf93c57. 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

Expo React Native Coder loads about 2k tokens when it runs, and up to ~28k if it reads all its reference files. Until then it costs about 84 tokens; SKILL.md has 537 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~84
When it runs · the whole SKILL.md, loaded when a task matches
~2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~28k

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 pproenca/dot-skills at commit cf93c57, republished under its MIT licence (© pproenca). 537 words, ~1,994 tokens.

Download SKILL.mdSave it as .claude/skills/expo-react-native-coder/SKILL.md (or your agent's skills folder). This skill also uses 62 other files; get the full folder from GitHub.
name
expo-react-native-coder
description
Comprehensive Expo React Native feature development guide. This skill should be used when building mobile app screens, navigation, data fetching, authentication, deep linking, or native UX patterns with Expo. Triggers on tasks involving Expo Router, React Native components, mobile forms, or app configuration.

Expo React Native Coder Best Practices

Comprehensive feature development guide for Expo React Native applications. Contains 50 rules across 10 categories, covering everything from project setup to testing. Includes production-ready code templates for common features.

When to Apply

Reference these guidelines when:

  • Setting up a new Expo project with TypeScript
  • Building navigation with Expo Router (tabs, stacks, drawers, modals)
  • Creating screens (list, detail, form, settings)
  • Implementing authentication flows with protected routes
  • Configuring deep linking and universal links

Rule Categories by Priority

PriorityCategoryImpactPrefix
1Project Setup & ConfigurationCRITICALsetup-
2Routing & NavigationCRITICALroute-
3Screen Patterns & LayoutsHIGHscreen-
4Data Fetching & StateHIGHdata-
5Authentication & SecurityHIGHauth-
6Deep Linking & Universal LinksHIGHlink-
7Native UX PatternsMEDIUM-HIGHux-
8Forms & User InputMEDIUMform-
9Assets & ThemingMEDIUMasset-
10Error Handling & TestingMEDIUMtest-

Quick Reference

1. Project Setup & Configuration (CRITICAL)
2. Routing & Navigation (CRITICAL)
3. Screen Patterns & Layouts (HIGH)
4. Data Fetching & State (HIGH)
5. Authentication & Security (HIGH)
Show full SKILL.md (205 more words)Show less
7. Native UX Patterns (MEDIUM-HIGH)
8. Forms & User Input (MEDIUM)
9. Assets & Theming (MEDIUM)
10. Error Handling & Testing (MEDIUM)

Code Templates

Production-ready templates are available in assets/templates/:

TemplateDescription
layouts/tab-layout.tsxBottom tab navigator with icons
layouts/auth-layout.tsxRoot layout with protected routes
screens/list-screen.tsxList with FlashList, refresh, states
screens/detail-screen.tsxDetail screen with param handling
screens/form-screen.tsxForm with validation, keyboard handling
hooks/use-auth.tsxAuth context with SecureStore
components/error-boundary.tsxError boundary component

How to Use

Read individual reference files for detailed explanations and code examples:

Full Compiled Document

For a single comprehensive document with all rules, see AGENTS.md.

Reference Files

FileDescription
AGENTS.mdComplete compiled guide with all rules
references/_sections.mdCategory definitions and ordering
assets/templates/Production-ready code templates
metadata.jsonVersion and reference information

© pproenca, 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 62 other files (references, assets) in skills/.experimental/expo-react-native-coder of pproenca/dot-skills.

  • SKILL.md
  • AGENTS.md
  • README.md
  • assets/templates/_template.md
  • assets/templates/components/error-boundary.tsx
  • assets/templates/hooks/use-auth.tsx
  • assets/templates/layouts/auth-layout.tsx
  • assets/templates/layouts/tab-layout.tsx
  • assets/templates/screens/detail-screen.tsx
  • assets/templates/screens/form-screen.tsx
  • assets/templates/screens/list-screen.tsx
  • metadata.json
  • references/_sections.md
  • references/asset-font-loading.md
  • … and 49 more

Open the folder on GitHubat commit cf93c57

Compare with similar skills

Expo React Native Coder 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.

Expo React Native Coder compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Expo React Native Coder this skillpproenca/dot-skills214—~2kAutomated safety check: PassMIT
React Native Healthkitkingstinct/react-native-healthkit715—~1.6kAutomated safety check: PassMIT
Code Review React Nativetalsec/Free-RASP-ReactNative175—~3.7kAutomated safety check: PassMIT
React Native Experttech-leads-club/agent-skills7k—~3.2kAutomated safety check: PassCC-BY-4.0
Analyticscli TS SDKLeoYeAI/openclaw-master-skills2.2k—~5.3kAutomated safety check: PassMIT
React Native Best Practicesvercel-labs/openreview1.7k17 repos~1.1kAutomated safety check: PassMIT

Similar skills

  • React Native Healthkit

    kingstinct/react-native-healthkit

    How to use @kingstinct/react-native-healthkit (and its sibling @react-native-healthkit/health-records) to read, write and subscribe to Apple HealthKit data from React Native / Expo apps.

    715 GitHub stars~1.6k tokensUpdated yesterday
    MobileAuto-check passed
  • Code Review React Native

    talsec/Free-RASP-ReactNative

    Performs strict code reviews on React Native plugin projects covering TypeScript, the Kotlin (Android) and Swift (iOS) native bridges, and the Expo config plugin.

    175 GitHub stars~3.7k tokensUpdated 2 days ago
    MobileAuto-check passed
  • React Native Expert

    tech-leads-club/agent-skills

    Guides React Native and Expo work for cross-platform apps: Expo Router navigation, fast lists, Reanimated animation, platform-specific code and project structure.

    7k GitHub stars~3.2k tokensUpdated 17 days ago
    MobileAuto-check passed
  • Analyticscli TS SDK

    LeoYeAI/openclaw-master-skills

    A skill your agent uses when integrating or upgrading the AnalyticsCLI TypeScript SDK in web, TypeScript, React Native, or Expo apps.

    2.2k GitHub stars~5.3k tokensUpdated 2 mo ago
    MobileAuto-check passed
  • React Native Best Practices

    vercel-labs/openreview

    Official

    A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.

    1.7k GitHub starsUsed in 17 repos~1.1k tokens
    MobileAuto-check passed
  • Expo Module

    bbplayer-app/BBPlayer

    Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript).

    1.1k GitHub starsUsed in 3 repos~1.4k tokens
    MobileAuto-check passed

More from pproenca/dot-skills

All 182 skills in this repo
  • Audio Voice Recovery

    pproenca/dot-skills

    Audio forensics and voice recovery guidelines for CSI-level audio analysis.

    214 GitHub stars~3.3k tokensUpdated 1 mo ago
    Auto-check passed
  • Codemod React Pipeline

    pproenca/dot-skills

    Guided, scripted pipeline for running JSX/TSX/React codemods safely across large legacy codebases.

    214 GitHub stars~1.6k tokensUpdated 1 mo ago
    Auto-check passed
  • Dev Rfc

    pproenca/dot-skills

    Create well-structured RFCs and technical proposals for software projects.

    214 GitHub stars~3.8k tokensUpdated 1 mo ago
    Auto-check passed
  • Dx Harness

    pproenca/dot-skills

    Developer-experience friction auditing and fixing — slow onboarding, repeated manual setup steps, missing bootstrap/reset/seed scripts, undiscoverable conventions.

    214 GitHub stars~1.5k tokensUpdated 1 mo ago
    Auto-check passed
  • Language Spec Author

    pproenca/dot-skills

    Turn a rough idea for a language into a complete, implementable specification — a DSL, query, config/data, template, or protocol language — by interviewing the author dimension by dimension until…

    214 GitHub stars~2.4k tokensUpdated 1 mo ago
    Auto-check passed
  • Python Pep Author

    pproenca/dot-skills

    Drafting Python Enhancement Proposals (PEPs) — proposing a Python language feature, a standard library change, an interoperability standard, or an informational/process document for the Python…

    214 GitHub stars~2.1k tokensUpdated 1 mo ago
    Auto-check passed

Categories

Questions about Expo React Native Coder

What does Expo React Native Coder do?

Comprehensive Expo React Native feature development guide. An agent skill from pproenca/dot-skills. Expo React Native Coder is an agent skill from pproenca/dot-skills. Comprehensive Expo React Native feature development guide.

When should I use Expo React Native Coder?

Expo React Native Coder fits situations like: tasks involving Expo Router; React Native components; app configuration.

How do I install Expo React Native Coder in Claude Code?

Run `npx skills add pproenca/dot-skills --skill expo-react-native-coder -a claude-code`. Or copy the skill folder (skills/.experimental/expo-react-native-coder in pproenca/dot-skills) into .claude/skills/expo-react-native-coder in your project. Claude Code loads it when a task matches its description.

How do I install Expo React Native Coder in Codex?

Run `npx skills add pproenca/dot-skills --skill expo-react-native-coder -a codex`. Or copy the skill folder (skills/.experimental/expo-react-native-coder in pproenca/dot-skills) into .agents/skills/expo-react-native-coder in your project. Codex loads it when a task matches its description.

Can I use Expo React Native Coder 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 pproenca/dot-skills --skill expo-react-native-coder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/expo-react-native-coder, .gemini/skills/expo-react-native-coder, .github/skills/expo-react-native-coder and .opencode/skills/expo-react-native-coder in your project.

What does Expo React Native Coder need to run?

SKILL.md names no scripts, command-line tools or credentials: Expo React Native Coder is instructions for the agent only.

Does Expo React Native Coder 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 Expo React Native Coder 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 Expo React Native Coder use?

Expo React Native Coder 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 Expo React Native Coder use?

About 2k tokens (SKILL.md is roughly 8k 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 26k tokens, read only when the agent opens those files.

What are the alternatives to Expo React Native Coder?

Skills that share tags, products or a category with Expo React Native Coder: React Native Healthkit (kingstinct/react-native-healthkit, 715 stars), Code Review React Native (talsec/Free-RASP-ReactNative, 175 stars), React Native Expert (tech-leads-club/agent-skills, 7k stars) and Analyticscli TS SDK (LeoYeAI/openclaw-master-skills, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Expo React Native Coder?

pproenca (a GitHub user) maintains it in pproenca/dot-skills, which has 214 GitHub stars. The repository holds 182 skills in this directory. The repository was last updated on August 15, 2026.

Source: pproenca/dot-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.