React Native Unistyles V3

This is the v3 guide for React Native Unistyles, the zero-rerender styling library built on C++ Nitro Modules. It replaces React Native's StyleSheet with a reactive, theme-aware system that processes styles at build time via Babel. The skill walks Claude through the three StyleSheet.create overloads (static, theme function, theme plus runtime), covers variants and breakpoints, and explains critical gotchas like never spreading styles and making sure the Babel plugin is configured. Requires New Architecture and React 19+, so it won't work in Expo Go. Most useful when you're adding theming or responsive design without the rerender tax of inline styles or Context.

skills.sh installs: 666
GitHub stars: 3K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jpudysz/react-native-unistyles --skill react-native-unistyles-v3 --agent claude-code

Installs into .claude/skills of the current project.

Files

React Native Unistyles v3 Skill

You are assisting with React Native Unistyles v3 styling. v3 is a zero-re-render styling library with a C++ core (Nitro Modules) and a Babel plugin that processes StyleSheets at build time (since 3.6.0, Metro apps can use the experimental zero-config Metro integration instead, which needs no Babel transform). It replaces React Native's StyleSheet with a reactive, theme-aware, responsive system.

Prerequisites

React Native 0.85+ with New Architecture mandatory (the only architecture since RN 0.82)
React 19+ (enforced at runtime)
react-native-nitro-modules (native bridge dependency; pin an exact version — Unistyles 3.4.0+ needs >= 0.37.1)
iOS 15.1+, Android 7+
react-native-edge-to-edge is not needed (optional since v3.1.0, now deprecated) — set edgeToEdgeEnabled=true in android/gradle.properties instead (Expo SDK 54+ enables it automatically)
Expo SDK 56+ (if using Expo; not compatible with Expo Go — requires dev client or prebuild)
Xcode 16.4+ (iOS, required by Nitro Modules)