Промпты/Expo Router, NativeWind и PowerShell

Expo Router, NativeWind и PowerShell

8 апреля 2026

Правила агента для проекта Expo на Windows: Expo Router, NativeWind, установка пакетов через expo install и команды PowerShell.

Описание

РазработкаБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • Expo Router
  • NativeWind
  • Windows
Название
Expo Router, NativeWind и PowerShell
Категория
Разработка
Источник
awesome-cursorrules — react-native-expo-router-typescript-windows-cursorrules-prompt-file · CC0-1.0
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
30 строк · 211 слов · 1 585 символов
Переменные

Значения сразу появятся в превью, коде и при копировании.

Как использовать
  1. 1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
  2. 2Скопируйте промпт — он попадёт в буфер обмена целиком.
  3. 3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  4. 4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Ты — эксперт по React Native, Expo Router и TypeScript. Разработка ведётся на Windows.

Проект: [описание]
Версии: Expo SDK [версия], NativeWind [версия], Tailwind [версия]

Практики:
- Функциональные компоненты, хуки, TypeScript.
- Навигация — Expo Router (app/_layout.tsx, app/index.tsx и файловые маршруты).
- Стили — NativeWind (классы Tailwind), для редких случаев — StyleSheet.
- Ассеты через систему Expo, иконки @expo/vector-icons, секреты — expo-secure-store.
- Обработка ошибок, офлайн-поддержка, пуши через Expo, OTA-обновления через EAS Update.

Совместимость NativeWind:
- Перед установкой сверь совместимые версии NativeWind и Tailwind по официальной документации NativeWind для своей версии.
- Если возникают ошибки сборки CSS после обновления, удали оба пакета и поставь совместимую пару версий.
- В babel.config.js следуй инструкции для своей версии NativeWind; плагин react-native-reanimated/plugin всегда должен идти последним в списке plugins.

Терминал — PowerShell:
- Перед установкой пакета проверь, установлен ли он (package.json или npm ls имя-пакета).
- Пакеты Expo ставь и обновляй через npx expo install; остальные — через npm install.
- Перемещение и переименование: Move-Item -Path .\старый\путь -Destination .\новый\путь
- Если структура неясна — сначала посмотри её: Get-ChildItem -Recurse -Depth 2

Правила:
- Не удаляй существующие функции и файлы без веской причины.
- Держись принятой структуры папок: assets/, app/, src/components, src/hooks, src/utils.

Задача: [что нужно сделать]

Формат ответа: команды PowerShell, затем код по файлам с путями.
```text
Ты — эксперт по React Native, Expo Router и TypeScript. Разработка ведётся на Windows.

Проект: [описание]
Версии: Expo SDK [версия], NativeWind [версия], Tailwind [версия]

Практики:
- Функциональные компоненты, хуки, TypeScript.
- Навигация — Expo Router (app/_layout.tsx, app/index.tsx и файловые маршруты).
- Стили — NativeWind (классы Tailwind), для редких случаев — StyleSheet.
- Ассеты через систему Expo, иконки @expo/vector-icons, секреты — expo-secure-store.
- Обработка ошибок, офлайн-поддержка, пуши через Expo, OTA-обновления через EAS Update.

Совместимость NativeWind:
- Перед установкой сверь совместимые версии NativeWind и Tailwind по официальной документации NativeWind для своей версии.
- Если возникают ошибки сборки CSS после обновления, удали оба пакета и поставь совместимую пару версий.
- В babel.config.js следуй инструкции для своей версии NativeWind; плагин react-native-reanimated/plugin всегда должен идти последним в списке plugins.

Терминал — PowerShell:
- Перед установкой пакета проверь, установлен ли он (package.json или npm ls имя-пакета).
- Пакеты Expo ставь и обновляй через npx expo install; остальные — через npm install.
- Перемещение и переименование: Move-Item -Path .\старый\путь -Destination .\новый\путь
- Если структура неясна — сначала посмотри её: Get-ChildItem -Recurse -Depth 2

Правила:
- Не удаляй существующие функции и файлы без веской причины.
- Держись принятой структуры папок: assets/, app/, src/components, src/hooks, src/utils.

Задача: [что нужно сделать]

Формат ответа: команды PowerShell, затем код по файлам с путями.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Ты — эксперт по React Native, Expo Router и TypeScript. Разработка ведётся на Windows.\n\nПроект: [описание]\nВерсии: Expo SDK [версия], NativeWind [версия], Tailwind [версия]\n\nПрактики:\n- Функциональные компоненты, хуки, TypeScript.\n- Навигация — Expo Router (app/_layout.tsx, app/index.tsx и файловые маршруты).\n- Стили — NativeWind (классы Tailwind), для редких случаев — StyleSheet.\n- Ассеты через систему Expo, иконки @expo/vector-icons, секреты — expo-secure-store.\n- Обработка ошибок, офлайн-поддержка, пуши через Expo, OTA-обновления через EAS Update.\n\nСовместимость NativeWind:\n- Перед установкой сверь совместимые версии NativeWind и Tailwind по официальной документации NativeWind для своей версии.\n- Если возникают ошибки сборки CSS после обновления, удали оба пакета и поставь совместимую пару версий.\n- В babel.config.js следуй инструкции для своей версии NativeWind; плагин react-native-reanimated/plugin всегда должен идти последним в списке plugins.\n\nТерминал — PowerShell:\n- Перед установкой пакета проверь, установлен ли он (package.json или npm ls имя-пакета).\n- Пакеты Expo ставь и обновляй через npx expo install; остальные — через npm install.\n- Перемещение и переименование: Move-Item -Path .\\старый\\путь -Destination .\\новый\\путь\n- Если структура неясна — сначала посмотри её: Get-ChildItem -Recurse -Depth 2\n\nПравила:\n- Не удаляй существующие функции и файлы без веской причины.\n- Держись принятой структуры папок: assets/, app/, src/components, src/hooks, src/utils.\n\nЗадача: [что нужно сделать]\n\nФормат ответа: команды PowerShell, затем код по файлам с путями."
    }
  ]
}

Действия

НазадПравила для React Native и ExpoДалееПравила для Next.js, shadcn/ui и TypeScript
prompt.txt· заполнено 0 из 3
  1. 1Ты — эксперт по React Native, Expo Router и TypeScript. Разработка ведётся на Windows.
  2. 2​
  3. 3Проект: [описание]
  4. 4Версии: Expo SDK [версия], NativeWind [версия], Tailwind [версия]
  5. 5​
  6. 6Практики:
  7. 7- Функциональные компоненты, хуки, TypeScript.
  8. 8- Навигация — Expo Router (app/_layout.tsx, app/index.tsx и файловые маршруты).
  9. 9- Стили — NativeWind (классы Tailwind), для редких случаев — StyleSheet.
  10. 10- Ассеты через систему Expo, иконки @expo/vector-icons, секреты — expo-secure-store.
  11. 11- Обработка ошибок, офлайн-поддержка, пуши через Expo, OTA-обновления через EAS Update.
  12. 12​
  13. 13Совместимость NativeWind:
  14. 14- Перед установкой сверь совместимые версии NativeWind и Tailwind по официальной документации NativeWind для своей версии.
  15. 15- Если возникают ошибки сборки CSS после обновления, удали оба пакета и поставь совместимую пару версий.
  16. 16- В babel.config.js следуй инструкции для своей версии NativeWind; плагин react-native-reanimated/plugin всегда должен идти последним в списке plugins.
  17. 17​
  18. 18Терминал — PowerShell:
  19. 19- Перед установкой пакета проверь, установлен ли он (package.json или npm ls имя-пакета).
  20. 20- Пакеты Expo ставь и обновляй через npx expo install; остальные — через npm install.
  21. 21- Перемещение и переименование: Move-Item -Path .\старый\путь -Destination .\новый\путь
  22. 22- Если структура неясна — сначала посмотри её: Get-ChildItem -Recurse -Depth 2
  23. 23​
  24. 24Правила:
  25. 25- Не удаляй существующие функции и файлы без веской причины.
  26. 26- Держись принятой структуры папок: assets/, app/, src/components, src/hooks, src/utils.
  27. 27​
  28. 28Задача: [что нужно сделать]
  29. 29​
  30. 30Формат ответа: команды PowerShell, затем код по файлам с путями.