React Native Unistyles v3 skill
react-native-unistyles-v3
A skill for styling React Native with Unistyles v3: setup, themes, responsive layout, variants and v2 migration
- 2,973 ★ on the repository
- Last commit
Minimal access
Why this level
- The skill is instructions and edits code only on the user's request
Install
- Works in
Manual install
yarn add react-native-unistyles react-native-nitro-modulesInstalls the Unistyles v3 library itself into the project, separately from the skill.
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill is instructions and edits code only on the user's request
This is third-party code. Review the repository files before installing.
What it does
The Unistyles v3 library repository ships two agent skills in its skills folder. The first teaches the v3 API correctly: the three forms of StyleSheet.create, themes, breakpoints, variants, web handling and third-party component integration. The second walks through a v2 to v3 migration step by step, including Babel plugin setup, replacing UnistylesRegistry and fixing common mistakes such as style spreading. The agent reads the current project code and applies fixes by the skill's rules rather than from memory.
Who it is for. For React Native and Expo mobile developers who style their apps with Unistyles.
Good fit when
- You are setting up themes and breakpoints in a Unistyles v3 project
- You are migrating a codebase from Unistyles v2 to v3
- You need responsive styles without extra re-renders
Not a fit when
- The project does not use Unistyles and you do not plan to adopt it
- You need web styling outside React Native
Example request
Set up themes and breakpoints for this screen using Unistyles v3Limitations
Unistyles v3 requires the React Native new architecture, React 19 and the native react-native-nitro-modules dependency, and does not run in Expo Go. The skill covers only this library, not React Native styling in general.
How to disable. Remove the skill folder from your agent's skills directory.
FAQ
Is this a standalone skill or part of the library?
The skills live in the skills folder inside the Unistyles library repository, and can be copied into your agent's skills directory.
Does the skill help move from version 2?
Yes, there is a separate unistyles-v2-to-v3-migration skill with a step-by-step plan.
Discussion
No questions or reviews yet.
Related
SkillsUniwind skills
Uniwind
Two skills for React Native with Tailwind v4: Uniwind styling rules and a step-by-step move of a project off NativeWind
Three skills for Claude Code and Cursor: add Storybook v10 to React Native, write CSF stories and upgrade one version step at a time
Callstack agent skills for React Native
Callstack Agent Skills
Callstack's React Native skills: performance, version upgrades, native app migration, testing and CI
SwiftUI Design Skill
swiftui-design-skill
A SwiftUI interface design skill: compilable code, tokens, patterns and six rules against AI sloppiness. One-command installation through npx skills
A Material Design 3 skill for coding agents: tokens, more than 30 components, theming, adaptive layout and a compliance audit, Jetpack Compose first
A set of skills for iOS 26+, Swift 6.3 and SwiftUI that gives the agent knowledge of modern Apple frameworks
README in short
The README describes the Unistyles v3 library itself: a shared C++ core on Nitro Modules, no re-renders, a custom web parser, breakpoints and themes. The library installs with yarn add react-native-unistyles plus the react-native-nitro-modules dependency, then platform guides on unistyl.es. Separately the repository ships agent skills that help apply and migrate these APIs. MIT licensed.
README badge
Original SKILL.md
--- name: react-native-unistyles-v3 description: > Guide for using react-native-unistyles v3. Triggers on: "unistyles", "StyleSheet.create", "create stylesheet", "add theme", "breakpoints", "variants", "withUnistyles", "useUnistyles", "ScopedTheme", "UnistylesRuntime", "style component", "responsive styles", "media queries", "dynamic styles", "scoped theme", "adaptive theme", "unistyles setup", "unistyles config". Covers setup, theming, responsive design, variants, web features, third-party integration, and troubleshooting. disable-model-invocation: false user-invocable: true allowed-tools: Read, Grep, Glob, Edit, Write, Bash(npx *) --- # 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 Babel plugin that processes StyleSheets at build time. It replaces React Native's `StyleSheet` with a reactive, theme-aware, responsive system.