Skip to content
Agentmart
Submit a tool

react-native-best-practices

Software Mansion's best practices for production React Native and Expo apps on the New Architecture.

Skill by software-mansion-labs

IndexedMIT★ 296
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/software-mansion-labs-react-native-best-practices

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Software Mansion's best practices for production React Native and Expo apps on the New Architecture. MUST USE before writing, reviewing, or debugging ANY code in a React Native or Expo project. If the working directory contains a package.json with react-native, expo, or expo-router as a dependency, this skill applies. Trigger on: any code task in a React Native/Expo project, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched-html', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 'Bundle Mode', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub-skill matches.

Use cases: design, frontend, backend, data

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/react-native-best-practices

What's inside

Skill name
react-native-best-practices
Description
Software Mansion's best practices for production React Native and Expo apps on the New Architecture. MUST USE before writing, reviewing, or debugging ANY code in a React Native or Expo project. If the working directory contains a package.json with react-native, expo, or expo-router as a dependency, this skill applies. Trigger on: any code task in a React Native/Expo project, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched-html', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 'Bundle Mode', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub-skill matches.
License
MIT
Instructions
21 lines in SKILL.md · view on GitHub

Files (58)

  • README.md
  • SKILL.md
  • SKILL.md · references/animations/
  • animation-functions.md · references/animations/
  • animations-performance.md · references/animations/
  • animations.md · references/animations/
  • canvas-animations.md · references/animations/
  • canvas-atlas.md · references/animations/
  • css-pseudo-selectors.md · references/animations/
  • gpu-animations.md · references/animations/
  • layout-animations.md · references/animations/
  • scroll-and-events.md · references/animations/
  • svg-animations.md · references/animations/
  • SKILL.md · references/audio/
  • audio.md · references/audio/
  • effects-and-analysis.md · references/audio/
  • playback.md · references/audio/
  • recording.md · references/audio/
  • system-and-notifications.md · references/audio/
  • worklets.md · references/audio/
  • SKILL.md · references/enable-worklets-bundle-mode/
  • patching-bun.md · references/enable-worklets-bundle-mode/references/
  • patching-patch-package.md · references/enable-worklets-bundle-mode/references/
  • patching-pnpm.md · references/enable-worklets-bundle-mode/references/
  • patching-yarn-berry.md · references/enable-worklets-bundle-mode/references/
  • uniwind-remap-workaround.md · references/enable-worklets-bundle-mode/references/
  • SKILL.md · references/gestures/
  • continuous-gestures.md · references/gestures/
  • gesture-composition.md · references/gestures/
  • gestures.md · references/gestures/
  • swipeable-and-drawer.md · references/gestures/
  • tap-handling.md · references/gestures/
  • testing.md · references/gestures/
  • v2-to-v3-migration.md · references/gestures/
  • SKILL.md · references/jsi/
  • calling-js-and-async.md · references/jsi/
  • casting-and-serialization.md · references/jsi/
  • core-types.md · references/jsi/
  • cpp-memory-patterns.md · references/jsi/
  • debugging-and-pitfalls.md · references/jsi/
  • module-approaches.md · references/jsi/
  • overview.md · references/jsi/
  • performance.md · references/jsi/
  • setup-and-templates.md · references/jsi/
  • threading-safety.md · references/jsi/
  • SKILL.md · references/multithreading/
  • setup-and-advanced.md · references/multithreading/
  • shared-memory.md · references/multithreading/
  • threading-api.md · references/multithreading/
  • SKILL.md · references/on-device-ai/
  • llm.md · references/on-device-ai/
  • setup.md · references/on-device-ai/
  • speech.md · references/on-device-ai/
  • vision.md · references/on-device-ai/
  • SKILL.md · references/rich-text/
  • SKILL.md · references/svg/
  • svg.md · references/svg/
  • when-to-use.md · references/svg/

SKILL.md (first lines)

# React Native Best Practices

Software Mansion's production patterns for React Native apps on the New Architecture.

Read the relevant sub-skill for the topic at hand. All sub-skills are in `references/`.

## Sub-skills

| Sub-skill | When to use |
|-----------|------------|
| `references/animations/SKILL.md` | CSS transitions, CSS animations, CSS pseudo-selectors and callbacks, shared value animations, GPU shader animations (WebGPU, TypeGPU), layout animations (entering/exiting, transitions, keyframes), scroll-driven animations, animation functions (withSpring, withTiming, withDecay), core hooks (useSharedValue, useAnimatedStyle), interpolation, particle systems, procedural noise, SDF rendering, animation performance, 120fps, accessibility, Reanimated 4 |
| `references/gestures/SKILL.md` | Tap, pan, pinch, rotation, swipe, long press, fling, hover, drag, Pressable, RectButton, Swipeable, DrawerLayout, VirtualGestureDetector, gesture composition, gesture testing -- any touch interaction with Gesture Handler |
| `references/svg/SKILL.md` | Vector graphics, icons, charts, illustrations using React Native SVG |
| `references/on-device-ai/SKILL.md` | On-device AI: LLMs (chat, tool calling, structured output, vision-language models), computer vision (classification, object detection, OCR, semantic/instance segmentation, style transfer, embeddings, text-to-image), speech processing (STT with timestamps, TTS with phonemes, VAD), VisionCamera real-time frame processing, model loading, resource management, custom models with ExecuTorch |
| `references/rich-text/SKILL.md` | Rich text editor, formatted text input, WYSIWYG, mentions, HTML/Markdown rendering, react-native-enriched-html (formerly react-native-enriched), react-native-enriched-markdown |
| `references/multithreading/SKILL.md` | Multithreading, react-native-worklets, background processing, Worker Runtimes, UI thread, scheduleOnUI, scheduleOnRN, Serializable, Synchronizable, offloading computation from the JS thread |
| `references/enable-worklets-bundle-mode/SKILL.md` | Enabling react-native-worklets Bundle Mode (imports inside worklets, third-party npm libraries on worklet runtimes) in an Expo, RN CLI, or brownfield app: babel bundleMode plugin option, bundleModeMetroConfig / getBundleModeMetroConfig, mandatory metro and metro-runtime patches per package manager, "Failed to get the SHA-1" errors, missing Fast Refresh for worklet code, uniwind/NativeWind resolver conflicts |
| `references/audio/SKILL.md` | Audio playback (buffer sources, oscillators, streaming, queued playback), recording (file, data callback, graph processing), audio effects (gain, filters, delay, convolver, panner, waveshaper), real-time analysis and visualization, audio worklets (custom processing, synthesis), system integration (sessions, interruptions, notifications, permissions), testing with mocks -- any audio feature with react-native-audio-api |
| `references/jsi/SKILL.md` | JSI, C++ native modules, jsi::Runtime, jsi::Value, jsi::Object, jsi::Function, jsi::HostObject, jsi::HostFunction, jsi::NativeState, jsi::PropNameID, jsi::ArrayBuffer, jsi::WeakObject, jsi::Scope, jsi::BigInt, JSIException, JSError, JSINativeException, calling JS from C++, calling C++ from JS, HostObject destructor constraints, shared_ptr<jsi::Value>, CallInvoker, invokeAsync, JSI threading safety, zero-copy ArrayBuffer, rt.global(), ISerialization, WithRuntimeDecorator, jsi.h |

From software-mansion-labs/skills, MIT.

More from software-mansion-labs/skills

Compare and alternatives

    Featured in

    Signals

    Stars
    296
    Forks
    21
    Open issues
    3
    Last commit (this folder)
    Sep 16, 2026 (1 month ago)

    From GitHub (fetched Oct 24, 2026).

    Details

    License
    MIT
    Repository
    github.com/software-mansion-labs/skills
    First seen
    Oct 24, 2026
    Last checked
    Oct 24, 2026
    Source
    GitHubgithub-graphql

    More from software-mansion-labs

    Cite this page

    react-native-best-practices skill. Agent Mart. https://agentmart.dev/skills/software-mansion-labs-react-native-best-practices (last updated 2026-10-24)