react-native-best-practices

Software Mansion's best practices for production React Native apps on the New Architecture. Use when writing, reviewing, or debugging React Native code across animations, gestures, SVG, haptics, on-device AI, multimedia, rich text, multithreading, or audio. Trigger on any React Native implementation question or when a more specific sub-skill below matches the task.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "react-native-best-practices" with this command: npx skills add software-mansion-labs/skills/software-mansion-labs-skills-react-native-best-practices

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, layout animations, animation performance, 120fps, Reanimated 4
references/gestures/SKILL.mdTap, pan, pinch, swipe, long press, drag — any touch interaction with Gesture Handler
references/svg/SKILL.mdVector graphics, icons, charts, illustrations using React Native SVG
references/haptics/SKILL.mdTactile feedback, vibration patterns, impact/notification haptics
references/on-device-ai/SKILL.mdOn-device AI: LLMs, computer vision, OCR, audio processing, text/image embeddings
references/multimedia/SKILL.mdVideo playback and streaming
references/rich-text/SKILL.mdRich text editor, formatted text input, WYSIWYG, mentions, react-native-enriched
references/multithreading/SKILL.mdBackground processing, Worklets, offloading computation from the JS thread
references/audio/SKILL.mdAudio playback, recording, music players, audio sessions
references/radon-mcp/SKILL.mdRadon IDE MCP tools - extensive React native app debugging, inspecting, building. This tool allows viewing screenshots, reading logs, inspecting the component tree, debugging network requests, reloading the app, querying RN/Expo docs

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

react-native-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
5-kunhai-88
Coding

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Repository SourceNeeds Review
160.9K94.2Kanthropics
Coding

remotion-best-practices

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Repository SourceNeeds Review
148.3K2.1Kremotion-dev
Coding

azure-ai

Service Use When MCP Tools CLI

Repository SourceNeeds Review
136.4K155microsoft