React Native Unistyles v3 skill

react-native-unistyles-v3

Скилл по стилизации React Native через Unistyles v3: настройка, темы, адаптивная верстка, варианты и миграция с v2

2 973 ★ репозитория
Последний коммит 28 окт. 2026

jpudysz/react-native-unistylesАвтор:Jacek Pudysz

Установка

Работает в: Claude Code
Cursor
Codex
OpenCode
Koda
Coddy
Hermes Agent
OpenClaw

Ручная установка

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

Установка самой библиотеки Unistyles v3 в проект, отдельно от скилла.

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

Скилл состоит из инструкций, правки в код вносит по запросу пользователя

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Репозиторий библиотеки Unistyles v3 содержит два скилла для агентов в папке skills. Первый учит правильно применять API v3: StyleSheet.create в трех формах, темы, брейкпоинты, варианты, работа с web и интеграция сторонних компонентов. Второй ведет пошаговую миграцию с версии 2 на 3, включая настройку Babel-плагина, замену UnistylesRegistry и исправление типичных ошибок вроде спреда стилей. Агент читает текущий код проекта и вносит правки по правилам скилла, а не по памяти.

Для кого. Для мобильных разработчиков на React Native и Expo, которые ведут стили через Unistyles.

Подходит, если

Настраиваете темы и брейкпоинты в проекте на Unistyles v3
Переносите кодовую базу с Unistyles v2 на v3
Нужны адаптивные стили без лишних ре-рендеров

Не подходит, если

Проект не использует Unistyles и переходить на него вы не планируете
Нужна стилизация для web без React Native

Пример запроса к агенту

Настрой темы и брейкпоинты в этом экране на Unistyles v3

Ограничения

Unistyles v3 требует новую архитектуру React Native, React 19 и нативную зависимость react-native-nitro-modules, с Expo Go не работает. Скилл покрывает только эту библиотеку, а не стилизацию React Native вообще.

Как отключить. Удалите папку скилла из каталога скиллов вашего агента.

Частые вопросы

Это отдельный скилл или часть библиотеки?

Скиллы лежат в папке skills внутри репозитория самой библиотеки Unistyles, их можно скопировать в каталог скиллов агента.

Поможет ли скилл перейти с версии 2?

Да, для этого есть отдельный скилл unistyles-v2-to-v3-migration с пошаговым планом.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Uniwind skills

Uniwind

Официальный

Два скилла для React Native с Tailwind v4: правила стилизации через Uniwind и пошаговый перенос проекта с NativeWind

СкиллШирокий доступ1,7 тыс.

Скиллы Storybook для React Native

Storybook for React Native agent skills

Официальный

Три скилла для Claude Code и Cursor: подключение Storybook v10 к React Native, написание stories в CSF и обновление версий по одному шагу

СкиллМинимальный доступ1,3 тыс.

Скиллы Callstack для React Native

Callstack Agent Skills

Скиллы Callstack по React Native: производительность, обновление версий, миграция нативных приложений, тестирование и CI

СкиллМинимальный доступ1,7 тыс.

SwiftUI Design Skill

swiftui-design-skill

Скилл дизайна интерфейсов на SwiftUI: компилируемый код, токены, паттерны и шесть правил против небрежности ИИ. Установка одной командой npx skills

СкиллМинимальный доступ211

Material Design 3 Skill

Скилл по Material Design 3 для кодовых агентов: токены, более 30 компонентов, темы, адаптивная верстка и аудит соответствия, с упором на Jetpack Compose

СкиллМинимальный доступ1,5 тыс.

swift-ios-skills

Набор скиллов по iOS 26+, Swift 6.3 и SwiftUI: агент получает знания по современным фреймворкам Apple

СкиллМинимальный доступ1,2 тыс.

Коротко о README

README описывает саму библиотеку Unistyles v3: общий C++ core на Nitro Modules, отсутствие ре-рендеров, собственный парсер для web, брейкпоинты и темы. Установка библиотеки через yarn add react-native-unistyles с зависимостью react-native-nitro-modules, дальше следуют платформенные гайды на сайте unistyl.es. Отдельно в репозитории лежат скиллы для агентов, которые помогают применять и переносить эти API. Лицензия MIT.

Бейдж для README

Исходный 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.

Сообщить о проблеме