React Native Unistyles v3 skill

Install

yarn add react-native-unistyles react-native-nitro-modules

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.

Example request

Set up themes and breakpoints for this screen using Unistyles v3

Limitations

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.

Security check

• The skill is instructions and edits code only on the user's request

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.

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.

Related