Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When building React Native apps, implementing navigation (React Navigation 6+), creating Reanimated 3 animations, styling components, or optimizing cross-platform mobile UI/performance.
Developers get performant, native-quality RN apps with correct navigation, smooth 60fps animations, and platform-specific layouts following proven patterns.
Use Cases
A startup builds a cross-platform e-commerce app in React Native. The team uses this skill to implement bottom-tab and stack navigation with typed ParamLists, style product cards via StyleSheet, and add press animations with Reanimated. It prevents navigation type errors and animation jank, shipping a polished app faster.
A developer ports an iOS-only app to Android. Using this skill's platform-specific guidance (Platform.select, SafeAreaView), they adapt layouts and gestures for notched devices and Material cues. Reanimated patterns keep animations at 60fps on both platforms, reducing device-testing cycles and UX bugs.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File
