agentmods.dev

mobile-react-native

mobile-react-native is a skill for Claude Code from lookatitude/guild. It costs 0 tokens per session (743 once invoked), scanned A, original, MIT.

A mobile development tool that writes React Native and Expo components in TypeScript. React Native lets one codebase target iOS and Android, while Expo provides tools for building those apps.

In plain words
What is it for?
Use it to build typed mobile screens and components, optimize lists and animations, and document any required iOS or Android modules.
Why use it?
It helps handle platform differences, performance limits, permissions, navigation behavior, and native code requirements explicitly.

Skill for Claude Code

Written for Claude Code: when-to-use in frontmatter.

Part of the guild plugin — 77 skills, 13 commands, 14 agents, 10 hooks, 2 MCP servers shipped together

not rated 8repo +1 yesterday A scan 0 tokens original MIT

Good fit Use it to build typed mobile screens and components, optimize lists and animations, and document any required iOS or Android modules.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/lookatitude/guild/mobile-react-native
View source ↗ lookatitude/guild
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add lookatitude/guild --skill mobile-react-native
Clone the repo
git clone --depth 1 https://github.com/lookatitude/guild

Made for: Claude Code.

Or install guild, the plugin that ships this one along with the rest of its 77 skills, 13 commands, 14 agents, 10 hooks, 2 MCP servers.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for mobile-react-native

README.md
[![agentmods](https://agentmods.dev/badge/skills/lookatitude/guild/mobile-react-native/github.svg)](https://agentmods.dev/skills/lookatitude/guild/mobile-react-native)
Your own site
<a href="https://agentmods.dev/skills/lookatitude/guild/mobile-react-native"><img src="https://agentmods.dev/badge/skills/lookatitude/guild/mobile-react-native/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for mobile-react-native

Your own site · 80×15
<a href="https://agentmods.dev/skills/lookatitude/guild/mobile-react-native"><img src="https://agentmods.dev/badge/skills/lookatitude/guild/mobile-react-native.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 0 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 743 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00000 $0.00743
Opus 5.5 $0.00000 $0.00297
Sonnet 5.5 $0.00000 $0.00149
Haiku 4.5 $0.00000 $0.00074

Measured 2mo ago against content hash 3e61191de4a5, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

mobile-react-native scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/specialists/mobile-react-native/SKILL.md · 45 lines

How it starts

The opening of the file, as written. The whole thing — 45 lines — stays where its author put it; the contents beside it link to each section on GitHub.

mobile-react-native

The JS thread is a scarce resource, and every bridge hop is paid in frames.

What you do

Write RN / Expo that treats the bridge as the bottleneck it is. Keep renders pure and small, offload heavy work to native modules or worklets (Reanimated / Hermes), and handle platform differences explicitly rather than hoping one code path works.

  • Use TypeScript with strict mode; any is a last resort.
  • Prefer the New Architecture (TurboModules, Fabric) when the project already uses it; otherwise keep bridge calls batched and rare.
  • Animate on the UI thread via Reanimated worklets — not via setState loops.
  • Branch platform-specific behavior with Platform.select or .ios.tsx / .android.tsx, never with hidden conditionals.
  • List rendering: FlatList / FlashList with stable keys, getItemLayout, and virtualization; avoid ScrollView for long lists.
  • Handle permissions, back-button, safe-area, and keyboard behaviors per-platform explicitly.

Output shape

TypeScript source plus native-module notes:

  1. Component(s) — .tsx files, typed props, memoized where it pays off.
  2. Native modules — any platform code (Swift / Kotlin / Objective-C++), with integration steps.
  3. Platform file pairs — .ios.tsx / .android.tsx when divergence is real.
  4. Build notes — Expo config plugins or bare-workflow Gradle / Podfile changes.
  5. Tests — Jest + React Native Testing Library for logic, Detox / Maestro note for E2E if relevant.

Anti-patterns

  • Rendering on the JS thread when it should be a Reanimated worklet — drops frames.
  • Excessive bridge traffic — per-frame messages or large JSON blobs over the bridge.
  • Platform-specific bugs papered over with a silent if (Platform.OS === 'ios') buried in logic.
  • ScrollView containing hundreds of items — kills memory on low-end Android.
  • Inline anonymous components or un-memoized handlers inside hot lists.
  • any spreading through props — types lose meaning.

Handoff

Read the full file on GitHub · 45 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2mo ago First seen · 45 lines · 0 tokens per session scan A 3e61191de4a5

Subscribe to this mod's changes

mobile-react-native is a skill published in the GitHub repository lookatitude/guild (8 stars, last pushed yesterday), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 743 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

LanguagesMobileTypeScript
Related

Other skills, from other repositories

expo-module

Guide for writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules for Expo.

openai/plugins · 59 tokens

capacitor-plugin-development

Guides the agent through creating and maintaining Capacitor plugins from scratch. Covers scaffolding a new plugin project, designing the TypeScript API, implementing native iOS (Swift) and Android (Java/Kotlin) bridges, implementing the web layer, defining TypeScript type definitions, plugin configuration values…

capawesome-team/skills · 117 tokens

expo-react-native-typescript

Expert in Expo React Native TypeScript mobile development with best practices.

Mindrally/skills · 18 tokens

expo-app-design

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

myths-labs/muse · 21 tokens

upgrading-expo

Guidelines for upgrading Expo SDK versions and fixing dependency issues.

myths-labs/muse · 17 tokens

migrate-to-strict-api

Use when migrating a React Native project to the Strict TypeScript API — the default JavaScript API from React Native 0.87, available as an opt-in preview since 0.80. Handles tsconfig.json setup, dependency updates, rewriting deep imports to root imports, and resolving breaking type changes. Invoke with…

react-native-community/skills · 78 tokens