Agent skill

React Native Best Practices

by kingstinct in kingstinct/react-native-healthkit

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

MITAuto-check passedMobile

Install React Native Best Practices

skills CLI
$ npx skills add kingstinct/react-native-healthkit --skill react-native-best-practices -a claude-code

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

GitHub CLI
$ gh skill install kingstinct/react-native-healthkit react-native-best-practices --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/kingstinct/react-native-healthkit.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/react-native-best-practices .claude/skills/react-native-best-practices && 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
react-native-best-practices
GitHub stars
716
Used in
1 other repo
Token cost
~861 tokens
SKILL.md length
235 words
Files
3
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

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

  • : any code task in a React Native/Expo project
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • New Architecture
  • Gesture Handler

What it does

React Native Best Practices is an agent skill from kingstinct/react-native-healthkit. 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'…

Its SKILL.md is about 860 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `README.md`).

It sits in Mobile, covering Cross-platform mobile apps. It works with React Native, Expo and npm. The repository describes itself as: HealthKit bindings for React Native with TypeScript. The licence is MIT.

When your agent uses it

  • : any code task in a React Native/Expo project
  • New Architecture
  • Gesture Handler
  • React-native-svg

Example prompts

  • “React Native”
  • “New Architecture”
  • “Reanimated”
  • “/react-native-best-practices”

What it can do on your machine

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

React Native Best Practices loads about 861 tokens when it runs. Until then it costs about 256 tokens; SKILL.md has 235 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~256
When it runs · the whole SKILL.md, loaded when a task matches
~861

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 kingstinct/react-native-healthkit at commit 9e4e186, republished under its MIT licence (© kingstinct). 235 words, ~861 tokens.

Download SKILL.mdSave it as .claude/skills/react-native-best-practices/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
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', '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', 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

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-skillWhen to use
references/animations/SKILL.mdCSS transitions, CSS animations, 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.mdTap, 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.mdVector graphics, icons, charts, illustrations using React Native SVG
references/on-device-ai/SKILL.mdOn-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.mdRich text editor, formatted text input, WYSIWYG, mentions, Markdown renderer, react-native-enriched, react-native-enriched-markdown
references/multithreading/SKILL.mdMultithreading, react-native-worklets, background processing, Worker Runtimes, UI thread, scheduleOnUI, scheduleOnRN, Serializable, Synchronizable, offloading computation from the JS thread
references/audio/SKILL.mdAudio 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

© kingstinct, 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 2 other files in .agents/skills/react-native-best-practices of kingstinct/react-native-healthkit.

  • SKILL.md
  • README.md
  • references

Open the folder on GitHubat commit 9e4e186

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in kingstinct/react-native-healthkit, which our catalogue first saw on October 7, 2026.

Compare with similar skills

React Native Best Practices 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.

React Native Best Practices compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
React Native Best Practices this skillkingstinct/react-native-healthkit7161 repos~861Automated safety check: PassMIT
Upgrading React Nativecallstackincubator/agent-skills1.7k1 repos~1.1kAutomated safety check: PassMIT
Enable Worklets Bundle Modesoftware-mansion-labs/skills291—~4kAutomated safety check: PassNone
React Native Developmentjohnku2011/boilerplates-with-ai-skills240—~596Automated safety check: PassMIT
Expo Overviewexpo/skills2.7k1 repos~2.3kAutomated safety check: PassMIT
React Native Best Practicesvercel-labs/openreview1.7k17 repos~1.1kAutomated safety check: PassMIT

Similar skills

  • Upgrading React Native

    callstackincubator/agent-skills

    Official

    Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and…

    1.7k GitHub starsUsed in 1 repo~1.1k tokens
    MobileAuto-check passed
  • Enable Worklets Bundle Mode

    software-mansion-labs/skills

    Enable react-native-worklets Bundle Mode (imports inside worklets, third party libraries on worklet runtimes) in an Expo, RN CLI or brownfield React Native app, including the mandatory…

    291 GitHub stars~4k tokensUpdated 9 days ago
    MobileAuto-check passed
  • React Native Development

    johnku2011/boilerplates-with-ai-skills

    A skill your agent uses when building screens, navigation, styling, or platform behavior in this Expo React Native app, to follow mobile-first conventions and keep logic testable.

    240 GitHub stars~596 tokensUpdated 1 mo ago
    MobileAuto-check passed
  • Expo Overview

    expo/skills

    Official

    Entry point and router for every Expo or EAS task. An agent skill from expo/skills.

    2.7k GitHub starsUsed in 1 repo~2.3k tokens
    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
  • Appllama App Design Skill

    Appllama/appllama-skills

    Build native-feeling, benchmark-quality mobile app screens (Expo / React Native).

    2.5k GitHub starsUsed in 1 repo~5k tokens
    MobileAuto-check passed

More from kingstinct/react-native-healthkit

All 11 skills in this repo
  • 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.

    716 GitHub stars~1.6k tokensUpdated today
    Auto-check passed
  • Gestures

    kingstinct/react-native-healthkit

    Software Mansion's best practices for gestures in React Native apps using React Native Gesture Handler.

    716 GitHub starsUsed in 1 repo~1.7k tokens
    Auto-check passed
  • Expo Deployment

    kingstinct/react-native-healthkit

    Deploying Expo apps to iOS App Store, Android Play Store, web hosting, and API routes

    716 GitHub starsUsed in 4 repos~930 tokens
    Auto-check passed
  • React Native Healthkit Contributing

    kingstinct/react-native-healthkit

    How to change the react-native-healthkit monorepo itself (packages/core, packages/react-native-healthkit, packages/health-records, apps/example).

    716 GitHub stars~1.3k tokensUpdated today
    Auto-check passed
  • Multithreading

    kingstinct/react-native-healthkit

    Software Mansion's best practices for multithreading in React Native apps using react-native-worklets.

    716 GitHub starsUsed in 1 repo~1.1k tokens
    Auto-check passed
  • Expo Dev Client

    kingstinct/react-native-healthkit

    Build and distribute Expo development clients locally or via TestFlight

    716 GitHub starsUsed in 5 repos~879 tokens
    Auto-check passed

Categories

Questions about React Native Best Practices

What does React Native Best Practices do?

Software Mansion's best practices for production React Native and Expo apps on the New Architecture. React Native Best Practices is an agent skill from kingstinct/react-native-healthkit. Software Mansion's best practices for production React Native and Expo apps on the New Architecture.

When should I use React Native Best Practices?

React Native Best Practices fits situations like: : any code task in a React Native/Expo project; new Architecture; gesture Handler; React-native-svg.

How do I install React Native Best Practices in Claude Code?

Run `npx skills add kingstinct/react-native-healthkit --skill react-native-best-practices -a claude-code`. Or copy the skill folder (.agents/skills/react-native-best-practices in kingstinct/react-native-healthkit) into .claude/skills/react-native-best-practices in your project. Claude Code loads it when a task matches its description.

How do I install React Native Best Practices in Codex?

Run `npx skills add kingstinct/react-native-healthkit --skill react-native-best-practices -a codex`. Or copy the skill folder (.agents/skills/react-native-best-practices in kingstinct/react-native-healthkit) into .agents/skills/react-native-best-practices in your project. Codex loads it when a task matches its description.

Can I use React Native Best Practices 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 kingstinct/react-native-healthkit --skill react-native-best-practices -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/react-native-best-practices, .gemini/skills/react-native-best-practices, .github/skills/react-native-best-practices and .opencode/skills/react-native-best-practices in your project.

What does React Native Best Practices need to run?

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

Does React Native Best Practices 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 React Native Best Practices 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 React Native Best Practices use?

React Native Best Practices 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 React Native Best Practices use?

About 861 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to React Native Best Practices?

Skills that share tags, products or a category with React Native Best Practices: Upgrading React Native (callstackincubator/agent-skills, 1.7k stars), Enable Worklets Bundle Mode (software-mansion-labs/skills, 291 stars), React Native Development (johnku2011/boilerplates-with-ai-skills, 240 stars) and Expo Overview (expo/skills, 2.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains React Native Best Practices?

kingstinct (a GitHub organization) maintains it in kingstinct/react-native-healthkit, which has 716 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 7, 2026.

Source: kingstinct/react-native-healthkit on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.