software-mansion-best-practices
Software Mansion's best practices for production React Native apps on the New Architecture.
Skill by Software Mansion
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/bidah-software-mansion-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.
About
Use cases: design, frontend, writing, productivity
Reviews
Write a reviewNo 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/software-mansion-best-practices
What's inside
- Skill name
software-mansion-best-practices- Description
- 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.
- License
- MIT
- Metadata
- author: Software Mansion · license: MIT
- Instructions
- 22 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- files: referenced but missing: references/animations/SKILL.md, references/gestures/SKILL.md, references/svg/SKILL.md, references/haptics/SKILL.md, references/on-device-ai/SKILL.md
Files (36)
- README.md
- SKILL.md
- SKILL.md · animations/
- animations-performance.md · animations/
- animations.md · animations/
- SKILL.md · audio/
- SKILL.md · gestures/
- gesture-composition.md · gestures/
- reanimated-patterns.md · gestures/
- tap-handling.md · gestures/
- SKILL.md · haptics/
- SKILL.md · multimedia/
- SKILL.md · multithreading/
- SKILL.md · on-device-ai/
- core-utilities.md · on-device-ai/
- reference-audio.md · on-device-ai/
- reference-cv-2.md · on-device-ai/
- reference-cv.md · on-device-ai/
- reference-llms.md · on-device-ai/
- reference-models.md · on-device-ai/
- reference-nlp.md · on-device-ai/
- reference-ocr.md · on-device-ai/
- SKILL.md · radon-mcp/
- get-library-description.md · radon-mcp/
- query-documentation.md · radon-mcp/
- reload-application.md · radon-mcp/
- view-application-logs.md · radon-mcp/
- view-component-tree.md · radon-mcp/
- view-network-logs.md · radon-mcp/
- view-network-request-details.md · radon-mcp/
- view-screenshot.md · radon-mcp/
- SKILL.md · rich-text/
- SKILL.md · svg/
- animation-patterns.md · svg/
- svg.md · svg/
- when-to-use.md · 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, shared value animations, layout animations, animation performance, 120fps, Reanimated 4 | | `references/gestures/SKILL.md` | Tap, pan, pinch, swipe, long press, drag — any touch interaction with Gesture Handler | | `references/svg/SKILL.md` | Vector graphics, icons, charts, illustrations using React Native SVG | | `references/haptics/SKILL.md` | Tactile feedback, vibration patterns, impact/notification haptics | | `references/on-device-ai/SKILL.md` | On-device AI: LLMs, computer vision, OCR, audio processing, text/image embeddings | | `references/multimedia/SKILL.md` | Video playback and streaming | | `references/rich-text/SKILL.md` | Rich text editor, formatted text input, WYSIWYG, mentions, react-native-enriched | | `references/multithreading/SKILL.md` | Background processing, Worklets, offloading computation from the JS thread | | `references/audio/SKILL.md` | Audio playback, recording, music players, audio sessions | | `references/radon-mcp/SKILL.md` | Radon 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 |
From bidah/react-native-hifi, MIT.
More from bidah/react-native-hifi
- 0.501score
react-native-brownfield-migration
Callstack
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial…
SkillDFreshness: D★ 30Claude Code +9 - 0.501score
agent-device
bidah
Automates interactions for iOS simulators/devices and Android emulators/devices.
SkillDFreshness: D★ 30Claude Code +9 - 0.498score
callstack-best-practices
Callstack
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
expo-api-routes
bidah
Use when building server-side API endpoints in Expo apps, handling backend logic, protecting credentials, connecting to databases, or deploying API routes…
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
building-native-ui
bidah
Use when building user interfaces in React Native or Expo, implementing navigation, layouts, animations, native controls, modals, gesture handling, or styling…
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
use-dom
bidah
Use when embedding web-only libraries or DOM content in React Native apps, including charts with recharts, syntax highlighting, rich text editors, or any…
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
expo-tailwind-setup
bidah
Use when setting up or using Tailwind CSS v4 with NativeWind v5 in React Native or Expo projects, configuring universal styling across iOS Android and web, or…
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
expo-ui-jetpack-compose
bidah
Use when building Android-specific UI components using Jetpack Compose views in Expo, implementing LazyColumn scrolling lists, or rendering XML vector…
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
expo-ui-swift-ui
bidah
Use when building iOS-specific UI components using SwiftUI views in Expo, embedding React Native views in SwiftUI with RNHostView, or implementing native iOS…
SkillDFreshness: D★ 30Claude Code +9 - 0.496score
expo-dev-client
bidah
Use when building custom development clients for Expo apps, integrating custom native modules, using Apple ecosystem features, third-party native SDKs, or…
SkillDFreshness: D★ 30Claude Code +9 - 0.487score
native-data-fetching
bidah
Use when implementing network requests, API calls, data caching, or offline support in React Native or Expo apps, including authentication token management…
SkillDFreshness: D★ 30Claude Code +9 - 0.476score
using-react-native-hifi
bidah
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
SkillDFreshness: D★ 30Claude Code +9
Signals
- Stars
- 30
- Forks
- 2
- Open issues
- 0
- Last commit (this folder)
- Apr 8, 2026 (6 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/bidah/react-native-hifi
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Cite this page
software-mansion-best-practices skill. Agent Mart. https://agentmart.dev/skills/bidah-software-mansion-best-practices (last updated 2026-10-24)