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

Сегодня можно создать работающее приложение с помощью ИИ, не написав ни строчки кода самому: вы описываете, что хотите, простым языком, ИИ-конструктор приложений пишет код и запускает его в живом предпросмотре, а вы дорабатываете результат в чате, пока он не станет таким, как нужно. Затем приложение публикуется по публичному адресу. Навыка по-прежнему требует другое: решить, что создавать, и ясно это описать. Именно на этом сосредоточено наше руководство.

Что на самом деле значит «создать приложение с помощью ИИ»

Три довольно разных вида инструментов называют «ИИ для создания приложений»:

Это руководство о первом виде. Подробнее о различиях — в материале ИИ-конструктор приложений или ИИ-помощник программиста.

Шаг 1. Решите, что делает первая версия

Главная причина разочаровывающих результатов — просить всё сразу. Прежде чем открывать любой инструмент, запишите:

• Кто пользуется. «Клиенты, записывающиеся на стрижку» полезнее, чем «пользователи».
• Единственную задачу, которую приложение обязано решать. Задача приложения для записи — дать выбрать время и подтвердить его. Отзывы, баллы лояльности и блог могут подождать.
• Какие данные оно хранит. Записи, клиенты, услуги. Этот список подсказывает ИИ, что нужно базе данных.
• Кто что видит. Все ли видят все записи или только владелец? От этого зависит, нужны ли вход и роли.

Три-четыре предложения на эти темы дают лучший первый промпт, чем страница функций.

Шаг 2. Напишите первый промпт

Хороший первый промпт описывает продукт, а не код. Например:

Создай сайт записи для небольшого салона красоты. Клиенты видят услуги (название, длительность, цена), выбирают услугу, выбирают свободное время на этой неделе и вводят имя, телефон и email. Владелец входит в аккаунт, чтобы видеть сегодняшние и будущие записи, и может отменить любую. Чистый современный вид, удобно на телефонах.

В этом промпте названы пользователи, основной сценарий, данные и права доступа, и ни одной технологии. Конструктор сам выберет разумный набор технологий; если вам это важно, можно потребовать конкретный. В Mythex, например, новые веб-приложения по умолчанию создаются на React и TypeScript, а вместо них можно попросить Next.js, простой статический сайт или API на Python.

Больше рабочих приёмов — в материале как писать промпты для ИИ-конструкторов приложений.

Шаг 3. Проверьте как пользователь, затем меняйте по одному

Когда первая версия появится в предпросмотре, пользуйтесь ей так, как будут пользоваться ваши пользователи: запишитесь на время, обновите страницу, попробуйте на экране размером с телефон. Затем просите изменения маленькими конкретными шагами:

• Хорошо: «Когда время занято, скрывай его от других клиентов».
• Хуже: «Сделай запись лучше».

Небольшие запросы ИИ выполняет точнее, а вам их проще проверить. Если правка пошла не так, большинство конструкторов позволяют откатиться; в Mythex есть контрольные точки, к которым можно вернуться.

Когда что-то ломается, опишите, что вы сделали, чего ожидали и что получилось. Вставьте сообщение об ошибке, если оно есть. Обычно этого хватает, чтобы ИИ нашёл причину.

Шаг 4. Добавьте настоящие данные, вход и платежи

Прототип часто начинается с примерных данных. Настоящему приложению нужно сохранять то, что вводят люди.

• База данных. Попросите о ней простыми словами: «сохраняй записи в базе данных». Mythex подключает к проекту отдельную базу Postgres, когда приложению она нужна; если идея нова, прочитайте что такое база данных.
• Вход. «Добавь регистрацию и вход по email и паролю; страницу записей видит только владелец». Укажите, кто что видит.
• Платежи. Большинство приложений принимают платежи через Stripe. Понадобятся аккаунт Stripe и его API-ключи; оформление заказа подключает ИИ. Шаги описаны в нашем руководстве по добавлению платежей.
• Email. Подтверждения и сброс пароля требуют почтового сервиса вроде Resend или Postmark. Ключи кладутся в секреты проекта, а не в чат.

Шаг 5. Проверьте приложение, прежде чем им начнут пользоваться люди

ИИ-конструкторы хорошо делают так, чтобы всё работало, но автоматически аккуратными они не бывают. Перед тем как поделиться ссылкой:

1. Попробуйте увидеть чужие данные. Войдите как один пользователь и попытайтесь открыть страницу другого.
2. Проверьте на телефоне. Большинство ваших посетителей будет с телефона.
3. Проверьте формы на неверном вводе: пустые поля, очень длинный текст, неправильный email.
4. Храните секреты в тайне. API-ключи место в переменных окружения, а не в коде страницы.

Подробнее эти пункты разобраны в нашем чек-листе безопасности приложений, созданных ИИ.

Шаг 6. Опубликуйте и покажите людям

Публикация превращает предпросмотр в публичное приложение по адресу, которым можно делиться. В Mythex вы открываете Publish, выбираете имя, и приложение выходит в сеть по адресу yourname.mythex.app; на Pro можно подключить собственный домен. Хостинг, база данных и файловое хранилище работают на том же балансе кредитов, что и сборка, так что отдельный сервер настраивать не нужно.

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

В чём ИИ-конструкторы приложений сильны, а где им трудно

Хорошо справляются:

• Сайты, посадочные страницы и портфолио
• Панели, админки и внутренние инструменты
• CRUD-приложения: всё, что в основном состоит из форм, списков и записей
• MVP для проверки идеи на реальных пользователях
• Подключение распространённых сервисов вроде Stripe, почтовых сервисов и ИИ-API

Сложнее:

• Нативные мобильные приложения для App Store и Google Play (большинство конструкторов создают веб-приложения, которые работают на телефонах)
• Очень большие сложные системы с множеством команд и строгими требованиями к соответствию нормам
• Тяжёлые задачи реального времени или высокой производительности, например многопользовательские игры или обработка видео
• Всё, где вы не можете описать, как выглядит «правильно»

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

Создание приложения в Mythex

Mythex — это ИИ-конструктор приложений: вы описываете приложение, он собирает и запускает его в живом предпросмотре, добавляет базу данных или файловое хранилище, когда они нужны приложению, и публикует его по настоящему адресу. Начать можно бесплатно, а на Pro перейти, когда захотите сами править код, экспортировать его, синхронизировать с GitHub или использовать свой домен.

Если не хочется начинать с пустого листа, просмотрите шаблоны или ИИ-конструкторы по типам приложений, либо пройдите быстрый старт в документации.

Эта страница также доступна на арабском.

Вопросы