Создаём своё приложение ("Калькулятор бюджета") за 15 минут без технических навыков: готовый промпт и инструкция для новичков
Хочешь сделать своё первое приложение, но не хочешь разбираться в программировании, серверах и сложных настройках? Это реально: можно собрать рабочий калькулятор бюджета, который запускается прямо в браузере, без регистрации и без сложной установки.
В этой статье — не теория, а готовый результат: промпт для нейросети, пошаговая инструкция и таблица, как переделать этот шаблон под любую задачу (игру, трекер привычек, список покупок, генератор идей).
Промпт, который сразу даёт рабочий код
Скопируй этот промпт в любой чат с ИИ, который тебе больше нравится (можешь воспользоваться Алисой АИ - https://alice.yandex.ru - она бесплатная). Он составлен так, чтобы нейросеть выдала код, который можно запустить без доработок:
«Сделай простой калькулятор бюджета в одном HTML файле. Пользователь вводит доход, расходы и категорию, нажимает кнопку «Посчитать», и видит остаток и процент расходов от дохода. Добавь простой вывод: «Бюджет в норме», «Осторожно: расходы высокие» или «Критично: расходы больше дохода». Интерфейс должен быть понятным: заголовок, поля ввода, кнопка, итоговый блок. Стили сделай простыми, но аккуратными, чтобы нормально смотрелось и на компьютере, и на телефоне. Всё должно работать без серверов, без регистрации, без внешних библиотек. В конце добавь короткий комментарий: где именно менять логику, чтобы вместо бюджета делать другую задачу (например, калькулятор калорий, подсчёт времени, простую игру). Код должен быть полностью в одном файле: HTML + CSS + JS.»
Отправь промпт, скопируй полученный код — и переходи к следующему шагу.
Как запустить: 4 простых шага
Создай папку на компьютере, например my-first-app.
Внутри создай файл index.html.
Открой файл в любом редакторе (даже в «Блокноте») и вставь туда код от нейросети. Сохрани.
Дважды кликни по index.html — он откроется в браузере. Попробуй ввести доход 50 000, расходы 35 000 и нажать «Посчитать». Если увидишь остаток, процент и статус («Бюджет в норме» и т.п.) — поздравляю: у тебя есть своё первое приложение.
Что делать, если что-то не работает: типичные проблемы и решения
Кнопка не реагирует.
Файл не сохранён после вставки кода либо в коде ошибка синтаксиса. Проверь, что в index.html лежит именно тот код, который ты скопировал. Если есть ошибка — скопируй её в чат с ИИ: «код калькулятора не работает, вот ошибка».Считает неправильно.
Логика расчёта не совпадает с ожиданием (например, деление вместо вычитания). Найди в коде строку, где происходит расчёт, и попроси ИИ: «перепиши логику расчёта бюджета: остаток = доход минус расходы, процент = (расходы / доход) * 100».На телефоне всё «поехало».
Нет адаптивной разметки. В промпте попроси: «сделай интерфейс адаптивным для мобильных» или «используй flexbox, чтобы блоки перестраивались на узких экранах».Не отображаются статусы («Бюджет в норме» и т. п.).
Условие в коде не срабатывает из‑за типов данных. Попроси ИИ: «добавь проверку типов и вывод статусов: „в норме“, „осторожно“, „критично“».
Как переделать шаблон под любую идею
Скелет у всех простых приложений одинаковый: ввод → действие → вывод. Меняется «ядро» — логика между нажатием кнопки и результатом. Ниже — как адаптировать шаблон под разные задачи.
Калькулятор бюджета.
Что меняем: формулы и правила расчёта (остаток, проценты, пороги статусов).
На что обратить внимание: типы данных (числа vs строки) и условия для статусов «в норме / осторожно / критично».
Промпт для ИИ: «Перепиши логику расчёта: остаток = доход − расходы, процент = (расходы / доход) × 100. Добавь проверку типов и вывод статусов по порогам».Простая мини‑игра (кликер).
Что меняем: логику начисления очков и условия победы/поражения.
На что обратить внимание: счётчик, ограничение по времени или ходам, визуальная обратная связь при клике.
Промпт для ИИ: «Сделай кликер: при клике +1 очко, при достижении 100 — экран победы. Добавь таймер на 60 секунд и кнопку “Начать заново”».Трекер привычек.
Что меняем: структуру данных (какие задачи хранить) и правила подсчёта прогресса.
На что обратить внимание: хранение состояния (отмечено/не отмечено), подсчёт процента выполненных за день/неделю, фильтрация по статусу.
Промпт для ИИ: «Добавь сохранение списка привычек и галочку “выполнено”. Посчитай процент выполненных за сегодня и выведи прогресс‑бар».Генератор идей.
Что меняем: запрос к ИИ и способ отображения результата.
На что обратить внимание: валидация темы (не пустая строка), вывод списка идей, ограничение количества (например, 5 штук).
Промпт для ИИ: «При нажатии “Сгенерировать” отправь запрос: “Предложи 5 идей для [тема]”. Выведи их списком с нумерацией».Список покупок с итогом.
Что меняем: логику суммирования и форматирование цены.
На что обратить внимание: корректный парсинг чисел (точки/запятые), округление до 2 знаков, вывод итоговой суммы крупным шрифтом.
Промпт для ИИ: «Посчитай сумму всех товаров. Округли до 2 знаков после запятой. Выведи итог жирным, а ниже — среднюю цену по списку».
Таким образом, один раз разобравшись со «скелетом», ты сможешь собирать десятки разных приложений.
FAQ: ответы на частые вопросы
Можно ли сделать такое приложение, если я вообще не программист?
Да. Твоя задача — скопировать промпт, вставить код и запустить файл. Дальше ты меняешь только логику под свою идею.
Нужно ли регистрироваться на хостингах или платить за сервер?
Нет. Для MVP достаточно одного HTML файла, который открывается в браузере. Позже можно загрузить его на GitHub Pages или любой простой хостинг, чтобы получить постоянную ссылку.
Могу ли я показать это друзьям?
Конечно. Если файл открывается в браузере и делает понятную вещь — это уже полноценное приложение.
Из такого MVP делают коммерческие продукты?
Да. Сначала проверяют гипотезу на простом варианте, а потом добавляют дизайн, оплату, личный кабинет и т.д.
А теперь самое главное: забери уже созданный готовый пример такого проекта + 2 полезных бонуса!
Чтобы не подбирать промпты и не исправлять типовые ошибки, я подготовил:
Мой готовый сгенерированный пример проекта, который можно сразу запустить и посмотреть.
PDF «7 идей простых приложений, которые можно собрать по этому шаблону».
Ещё 3 готовых промпта под разные задачи, чтобы нейросеть сразу давала рабочий код (можно просто скопировать и вставить).
Переходите по этой ссылке - https://vk.ru/app5898182_-242475288#s=4075352&utm_source... и забирайте. Никакого спама: только полезные материалы.
Если материал понравится - напишу ещё статьи на эту тему.
А с какого первого приложения начали бы вы? Пишите в комментариях - помогу с промтом!


