Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From react-native-hifi
Provides Software Mansion's best practices for production React Native apps on New Architecture. Guides writing, reviewing, debugging across animations, gestures, SVG, haptics, on-device AI, multimedia, rich text, multithreading, audio.
How this skill is triggered — by the user, by Claude, or both
Slash command
/react-native-hifi:software-mansion-best-practicesThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Software Mansion's production patterns for React Native apps on the New Architecture.
README.mdanimations/animations-performance.mdanimations/animations.mdgestures/gesture-composition.mdgestures/reanimated-patterns.mdgestures/tap-handling.mdon-device-ai/core-utilities.mdon-device-ai/reference-audio.mdon-device-ai/reference-cv-2.mdon-device-ai/reference-cv.mdon-device-ai/reference-llms.mdon-device-ai/reference-models.mdon-device-ai/reference-nlp.mdon-device-ai/reference-ocr.mdradon-mcp/get-library-description.mdradon-mcp/query-documentation.mdradon-mcp/reload-application.mdradon-mcp/view-application-logs.mdradon-mcp/view-component-tree.mdradon-mcp/view-network-logs.mdSoftware 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-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 |
npx claudepluginhub bidah/react-native-hifi --plugin react-native-hifiSoftware Mansion's production patterns for React Native and Expo apps on the New Architecture. Covers animations, gestures, SVG, on-device AI, rich text, and multithreading.
Provides React Native and Expo best practices for performant mobile apps, including list optimization, Reanimated animations, native navigation, and UI patterns like expo-image.
Provides React Native and Expo best practices for performant mobile apps, including list optimization with FlashList, Reanimated animations, native navigation, and UI patterns like expo-image.