React Native Unistyles v3 skill

Установка

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

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

Что делает

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

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

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

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

Ограничения

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

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

Проверка безопасности

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

Коротко о README

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

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.

Похожие