# react-native-hifi

Набор скиллов для Claude, который ведёт работу над приложением на React Native и Expo от обсуждения задачи до готового кода и тестов.

- плагин · `type=plugin` · Claude Code · ★ 30
- Автор: bidah
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/bidah/react-native-hifi
- Обновлён: 2026-04-09
- HTML: https://affpapa.org/nevibecode/plugins/react-native-hifi

## Что делает

Плагин ставит агента в определённую колею. Прежде чем писать код, Claude разбирается, что вы вообще собираетесь сделать, и вытягивает из разговора спецификацию. Спека приходит кусками, которые реально прочитать и проверить.

После вашего согласия с дизайном агент составляет план реализации по шагам, с TDD на React Native Testing Library и ставкой на YAGNI и DRY. Дальше запускается процесс, где задачи разбирают субагенты: их работу проверяют в два этапа, сначала на соответствие спецификации, потом на качество кода.

Поверх ядра идут скиллы под конкретные вещи: нативный UI на SwiftUI и Jetpack Compose, Tailwind CSS в Expo, dev clients, API routes, загрузка данных, тестирование на устройстве через `agent-device`. Ещё внутри практики от Software Mansion под New Architecture и от Callstack по производительности. Установка для Claude идёт через маркетплейс плагинов двумя командами.

## Установка

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

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add anthropics/claude-plugins-community
```
В чате агента (не в терминале):
```text
/plugin install react-native-hifi@claude-community
```

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

## Примеры запросов агенту
- Помоги спланировать новый экран корзины в приложении на Expo
- Давай разберём, какую задачу мы на самом деле решаем, прежде чем код писать
- Проверь моё приложение на физическом устройстве через `agent-device`

## Похожие
- [swift-lsp](https://affpapa.org/nevibecode/plugins/swift-lsp.md) — плагин · ★ 44635
- [cwc-makers](https://affpapa.org/nevibecode/plugins/cwc-makers.md) — плагин · ★ 44635
- [ui-design](https://affpapa.org/nevibecode/plugins/ui-design.md) — плагин · ★ 41729
- [frontend-mobile-security](https://affpapa.org/nevibecode/plugins/frontend-mobile-security.md) — плагин · ★ 41729
- [frontend-mobile-development](https://affpapa.org/nevibecode/plugins/frontend-mobile-development.md) — плагин · ★ 41729
- [test-android-apps](https://affpapa.org/nevibecode/plugins/test-android-apps.md) — плагин · ★ 7596

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

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