Генератор

Как создать приложение с помощью ИИ: от ТЗ до первой версии

Редакция ProtoSpec · проверено: 03.11.2026

Создать приложение с помощью ИИ можно в три шага: выбрать тип (веб-приложение, PWA или мобильное на Expo/React Native), написать короткое техническое задание на приложение с экранами, данными и критериями готовности и отдавать его кодинг-агенту (Cursor, Claude Code) промтами (промптами) по одному этапу с проверкой после каждого. Сложнее всего агенту даются авторизация, оплата и публикация в магазины: эти части стоит проверять с разработчиком.

Коротко: создать приложение с помощью ИИ можно, если не просить «сделай приложение», а дать кодинг-агенту короткое техническое задание: тип приложения, экраны, данные, что не входит, критерии готовности. Дальше агент (Cursor, Claude Code или другой) делает его по этапам, а вы проверяете каждый этап на компьютере и телефоне. Ниже — как выбрать тип, пример ТЗ на приложение, промты и чек-лист.

Если нужен сайт, а не приложение, смотрите сайт с помощью нейросети; если бот — Telegram-бот.

Какое приложение делать#

ТипКогда подходитСложность для агента
Веб-приложениеличный кабинет, CRM, дашборд, внутренний сервисниже всего: проверяется в браузере
PWAто же, но с иконкой на экране телефона и офлайн-кэшемчуть выше: манифест и service worker
Мобильное на Expo (React Native)нужен магазин приложений, камера, уведомлениявыше: сборки, эмулятор, проверка магазинов
Конструктор с ИИ (Lovable, Bolt.new, Replit)прототип за вечер, код не важеннизкая на старте, ограничения платформы позже

Сравнение инструментов — в подборке нейросети для создания приложений.

Для первого проекта честный совет: начните с веб-приложения или PWA. Его проще показать, исправить и выложить, а мобильную версию сделать вторым этапом, когда идея подтвердится.

Шаг 1. ТЗ на приложение#

Пример — трекер привычек. Скопируйте и замените под свой проект.

md
# ТЗ: трекер привычек (первая версия)

## Цель
Человек отмечает выполненные привычки за день и видит серию дней подряд.

## Тип и платформы
PWA: работает в браузере, ставится на экран телефона. Магазины — не в этой версии.

## Экраны
1. Сегодня: список привычек с галочками, серия дней у каждой.
2. Добавить привычку: название, дни недели.
3. История: календарь месяца, отмеченные дни подсвечены.
Пустые состояния: «Добавьте первую привычку».

## Данные
- Привычка: id, название*, дни недели*, дата создания.
- Отметка: id привычки, дата.
- Хранение: в браузере (IndexedDB), без сервера и регистрации.

## Входит / не входит
Входит: три экрана, офлайн-работа, установка на экран.
Не входит: аккаунты и синхронизация, напоминания, оплата, тёмная тема.

## Стек
React + Vite, без UI-библиотек. Новые зависимости — только с объяснением.

## Готово, когда
- npm run build без ошибок;
- после перезагрузки страницы отметки сохраняются;
- в режиме «без сети» приложение открывается и отметки ставятся;
- на телефоне шириной 360 px ничего не съезжает;
- в Chrome DevTools (Application → Manifest) нет ошибок, браузер предлагает установить приложение.
<!-- Категория PWA удалена из Lighthouse 12 (2024): https://developer.chrome.com/blog/lighthouse-12-0 (проверено 2026-10-22). -->

## Этапы
1. Каркас и экран «Сегодня» с данными в памяти.
2. Хранение в IndexedDB.
3. Экраны «Добавить» и «История».
4. PWA: манифест, иконки, офлайн.

Почему так: раздел «не входит» отсекает аккаунты и синхронизацию — самое дорогое, что агент любит добавлять «для полноты». Хранение в браузере убирает сервер из первой версии. Полный шаблон с разбором — на странице ТЗ для нейросети, проектная версия с этапами и сроками — пример и шаблон ТЗ.

Шаг 2. Правила проекта#

Положите в корень AGENTS.md: стек, команды (npm run dev, npm run build), где лежат экраны и данные, запреты. Агент прочитает его в начале каждого разговора. Как его написать — на странице AGENTS.md.

Шаг 3. Промты по этапам#

План (без кода):

txt
Прочитай @docs/spec.md и AGENTS.md. Код пока не пиши.
Задай вопросы по неясным местам, затем предложи план по этапам из ТЗ:
какие файлы и компоненты создашь, как проверишь каждый этап.

В Cursor и Claude Code для этого шага есть режим плана; подробнее — промт «сначала план».

Этап:

txt
Сделай этап [N] из ТЗ. Не трогай то, что относится к другим этапам.
В конце запусти npm run build, пришли вывод и список изменённых файлов,
опиши, как мне проверить этап руками.

Ошибка на телефоне:

txt
На телефоне [модель, браузер] происходит [что]. В браузере на компьютере всё работает.
Ошибка из консоли: [полный текст]. Найди причину, исправь минимально,
вид на компьютере не меняй.

Шаг 4. Если нужно настоящее мобильное приложение#

Когда веб-версия работает, следующий шаг — Expo. По документации Expo проект создают командой npx create-expo-app@latest (проверено 03.11.2026), на телефоне открывают через приложение Expo Go, а сборки для магазинов делают через EAS Build.

Что сказать агенту в ТЗ дополнительно: минимальные версии iOS и Android, нужные разрешения (камера, уведомления), как приложение ведёт себя без сети, иконка и название.

Где агент ошибается чаще всего#

  • Авторизация и пароли. Самописный вход, ключи в коде. Используйте готовый сервис авторизации и проверьте код с разработчиком.
  • Оплата. Не поручайте агенту без проверки: ошибка стоит денег.
  • Версии библиотек. Агент может знать старый API. Просите сверяться с документацией используемой версии и давайте ссылку на неё.
  • «Работает у меня». Проверяйте на реальном телефоне, а не только в эмуляторе или браузере.

Чек-лист перед показом людям#

  • Все критерии из «Готово, когда» проверены руками.
  • В коде нет ключей и паролей — только переменные окружения.
  • Пустые состояния и ошибки показаны понятным текстом.
  • Приложение открывается на двух разных телефонах.

Вопросы и ответы

Можно ли сделать мобильное приложение с помощью нейросети без программиста?

Простое — да: список дел, трекер привычек, каталог, калькулятор. Придётся поставить Node.js, запускать команды в терминале и проверять приложение на телефоне. Для оплаты, входа через аккаунты и хранения личных данных лучше позвать разработчика хотя бы на проверку.

Что выбрать: веб-приложение или мобильное?

Начните с веб-приложения или PWA, если не нужны функции телефона вроде push-уведомлений в фоне, камеры или работы без сети. Его проще проверить, опубликовать и исправить. Мобильное приложение нужно, если важен магазин приложений или доступ к функциям устройства.

Как опубликовать приложение в App Store и Google Play?

Нужны аккаунты разработчика Apple и Google (оба платные или с регистрационным взносом), сборка приложения и прохождение проверки магазина. Для Expo сборку делают через EAS Build. Условия и доступность аккаунтов из России меняются — проверьте их на сайтах Apple и Google перед стартом.

Что писать в ТЗ на приложение?

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

Почему приложение работает в браузере, но не на телефоне?

Частые причины: адрес сервера localhost вместо адреса в сети, разные версии библиотек, отсутствие разрешений (камера, уведомления) или вёрстка без учёта безопасных зон экрана. Отдайте агенту полный текст ошибки из консоли Expo или браузера.