# expo-react-native-typescript

Скилл задаёт агенту правила разработки мобильных приложений на Expo, React Native и TypeScript: структура файлов, навигация, состояние, тесты.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2200 установок · ★ 286
- Автор: Mindrally
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/Mindrally/skills/tree/HEAD/expo-react-native-typescript/SKILL.md
- Обновлён: 2026-10-08
- HTML: https://affpapa.org/nevibecode/skills/expo-react-native-typescript

## Что делает

Скилл подключается к агенту и превращает его в инструктора по мобильной разработке на Expo и React Native. Внутри — набор соглашений: функциональные компоненты вместо классов, интерфейсы вместо типов, отказ от enum в пользу map, строгий режим TypeScript. Каталоги именуются строчными буквами с дефисами, вроде `components/auth-wizard`.

Отдельные блоки посвящены вёрстке и производительности. Адаптивность строится на Flexbox и `useWindowDimensions`, тёмная тема — через `useColorScheme`, безопасные зоны — на `SafeAreaProvider` из `react-native-safe-area-context`. Агент будет советовать реже использовать `useState` и `useEffect` в пользу Context и редьюсеров, а картинки сжимать в WebP с ленивой загрузкой через `expo-image`.

Для навигации скилл называет `react-navigation`, для глобального состояния — Context с `useReducer` или Zustand, для запросов — `react-query`. Валидация на входе — Zod, тесты — Jest и React Native Testing Library. Учтите: скилл рассчитан на managed workflow Expo, поэтому в проекте с голым React Native и своей нативной сборкой часть советов придётся отбросить.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill expo-react-native-typescript -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/expo-react-native-typescript/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/expo-react-native-typescript/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill expo-react-native-typescript -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/expo-react-native-typescript/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill expo-react-native-typescript -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/expo-react-native-typescript/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Mindrally/skills expo-react-native-typescript
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/expo-react-native-typescript/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill expo-react-native-typescript -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Mindrally/skills --path expo-react-native-typescript
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/expo-react-native-typescript/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Mindrally/skills --skill expo-react-native-typescript -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Mindrally/skills/tree/HEAD/expo-react-native-typescript/SKILL.md

## Когда брать
- задать структуру папок и файлов в новом Expo-проекте
- выбрать способ хранения глобального состояния
- настроить безопасные зоны под вырезы экрана
- добавить тёмную тему без ручной проверки схемы
- покрыть компоненты тестами на Jest

## Примеры запросов агенту
- помоги спроектировать структуру папок для Expo-приложения на TypeScript
- как в этом проекте организовать навигацию и глобальное состояние?
- проверь мой компонент на соответствие правилам скилла

## Похожие
- [expo-react-native-coder](https://affpapa.org/nevibecode/skills/expo-react-native-coder.md) — скилл · 409 установок
- [react-native-expo-cursorrules-prompt-file](https://affpapa.org/nevibecode/rules/react-native-expo-cursorrules-prompt-file.md) — правило · ★ 41011
- [react-native](https://affpapa.org/nevibecode/skills/alinaqi-react-native.md) — скилл · 566 установок
- [react-native-expert](https://affpapa.org/nevibecode/skills/react-native-expert.md) — скилл · 4900 установок
- [expo-web-to-native](https://affpapa.org/nevibecode/skills/expo-web-to-native.md) — скилл · 19600 установок
- [expo-react-native-performance](https://affpapa.org/nevibecode/skills/expo-react-native-performance.md) — скилл · 1500 установок

Из того же набора: [mindrally/skills](https://affpapa.org/nevibecode/by/mindrally/skills.md) — 168 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md