Перейти к основному содержимому

Как работает генерация ИИ

Вы описываете приложение. AppX планирует, генерирует и проверяет код; после завершения этой работы результат можно протестировать на телефоне. Время зависит от объёма и сложности. Понимание процесса помогает писать более удачные запросы и следить за ходом сборки.

AppX генерирует настоящий код Expo + React Native — StyleSheet для стилей, lucide-react-native для иконок. Не экспорт из визуального конструктора, который нельзя трогать, а реальный код, который можно изучить, отредактировать и выпустить.

Планирование → Генерация → Проверка​

Каждое новое приложение проходит через три этапа:

1. PLAN
The AI reads your prompt and works out:
- Which screens to build
- The data each screen needs and how it flows
- How navigation ties the screens together
↓

2. GENERATE
For each screen, the AI writes:
- React Native + TypeScript code
- StyleSheet styles + lucide-react-native icons
- The planned navigation and state
↓

3. VALIDATE
Every file is checked automatically:
- Syntax
- Packages and imports that resolve
- A TypeScript check of the whole project

1. Планирование​

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

Каждое новое приложение начинается с карточки плана: запланированные экраны и «About N credits» (примерно N кредитов). Нажмите Build first milestone, чтобы начать, или Stop, если план вам не подходит. Правки в уже созданном приложении выполняются сразу.

2. Генерация​

С готовым планом ИИ пишет каждый экран: полноценный TypeScript, стили StyleSheet.create, хуки навигации и состояние. Когда экран должен запоминать данные между запусками, ИИ подключает хранилище на устройстве.

Все сгенерированные приложения используют один и тот же согласованный стек:

  • Expo Router для навигации на основе файлов
  • StyleSheet.create для стилей
  • lucide-react-native для иконок
  • TypeScript повсюду

Стек зафиксирован намеренно — согласованный, проверенный результат лучше, чем разный набор инструментов на каждой сборке. (AppX не генерирует приложения на NativeWind или react-native-paper.)

3. Проверка​

Каждый файл проходит автоматические проверки, прежде чем попасть к вам на телефон: синтаксис, пакеты и импорты, которые действительно находятся, и проверка TypeScript для всего проекта. Если проверка не пройдена, AppX читает ошибку, исправляет её и собирает заново сам.

Доработка через чат​

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

  1. ИИ читает нужный ему код.
  2. Он вносит точные, целенаправленные изменения только в ту часть, которую нужно изменить — а не переписывает всё заново.
  3. Изменение применяется и проверяется.
  4. Если что-то не так, ИИ видит ошибку и исправляет её — эти внутренние повторы входят в тот же ход.
  5. Правка применяется, и превью обновляется. Чтобы вернуться назад, нажмите Undo на карточке хода или откройте меню проекта → История версий → Restore.

Хирургические правки безопаснее переписываний: ИИ трогает только то, о чём вы попросили, поэтому остальная часть экрана остаётся ровно такой, какой была.

Когда что-то не получается​

Если сборка или правка не удалась, AppX сообщает об этом в чате, и с вас ничего не списывается. Обычно небольшого уточнения («сборка упала на ошибке импорта — попробуй ещё раз») достаточно, чтобы со следующего раза всё получилось.