Создание приложений · путь до результата
ИИ для создания приложений: своё первое за вечер без кода
Под запросом «ИИ для создания приложений» новичок ищет не список сервисов, а ответ на один вопрос: что сделать руками, чтобы к концу вечера на экране было работающее приложение, а не план на будущее. Ниже - ровно этот путь: одна фраза задачи, один инструмент, один файл на выходе
К концу статьи у вас будет собственное маленькое приложение, собранное без единой строчки кода со своей стороны, и понимание, какую задачу можно закрыть за вечер, а какую нет. Путь пройден живьём 05.09.2026: собран настоящий «Счётчик привычек», а не пример из головы
Открой окно, где Claude Code уже стоит (или поставь его по отдельной инструкции), опиши одним абзацем, что должно делать приложение - какие экраны, какие кнопки, что и где должно сохраняться. Для простой одностраничной задачи (счётчик, список, форма) рабочий файл возвращается за один запрос: свой прогон 05.09.2026 занял ровно один запрос и ноль правок руками
Что нужно иметь до начала
Claude Code на компьютере и одна фраза с описанием задачи - больше ничего
Если Claude Code ещё не стоит, установка занимает 5-8 минут и подробно разобрана в отдельном гайде: как установить Claude Code. Здесь установка не пересказывается заново, чтобы не давать устаревшую копию инструкции - берите оригинал
Что нужно проверить перед началом:
| Что проверить | Что должно быть | Зачем |
|---|---|---|
| Claude Code установлен | команда claude --version в окне терминала печатает номер версии | без этого шага 2 не с чем работать |
| Подписка активна | Pro, Max, Team или Enterprise | бесплатный тариф Claude.ai доступа к Claude Code не даёт |
| Пустая папка под проект | папка на рабочем столе с понятным именем, например moy-proekt | ИИ будет работать внутри неё и не полезет в остальные файлы компьютера |
Таблица прокручивается вбок →
Шаг 1. Опиши задачу одним абзацем
Чем конкретнее описание - экраны, кнопки, что сохраняется - тем меньше правок после
Живой пример запроса, слово в слово - им собрано приложение для этой статьи 05.09.2026:
Реальный запрос, который вернул готовое приложение
- Название приложения одной фразой. «Простое веб-приложение "Счётчик привычек"». Зачем это в запросе: ИИ сразу понимает жанр задачи и не задаёт лишних вопросов
- Список того, что должно быть на экране. «одна страница, список из трёх привычек (Вода, Спорт, Чтение), у каждой кнопка "+1" и счётчик выполнений за сегодня». Зачем это тебе: без конкретных названий ИИ придумает свои, и придётся переписывать
- Что и где сохраняется. «данные хранятся в localStorage браузера». На экране это даст: цифры не пропадают при перезагрузке страницы - без этой строки счётчик обнулялся бы каждый раз
- Как должно выглядеть и из чего собрано. «оформление светлое и аккуратное на чистом HTML+CSS+JS без фреймворков, один файл index.html». Что это даёт: результат - один файл, который открывается двойным кликом, без установки чего-либо ещё
Полный текст запроса одним куском, чтобы скопировать за основу под свою задачу:
Сделай мне простое веб-приложение "Счётчик привычек": одна страница, список из трёх привычек (Вода, Спорт, Чтение), у каждой кнопка "+1" и счётчик выполнений за сегодня, данные хранятся в localStorage браузера, оформление светлое и аккуратное на чистом HTML+CSS+JS без фреймворков, один файл index.html.
Если видишь, что не знаешь, как назвать нужную деталь - не мучайся с термином, опиши её обычными словами, как рассказал бы другу: «чтобы кнопка меняла цвет, когда на неё нажимаешь» работает не хуже, чем «hover-эффект»
Шаг 2. Дай задачу и подожди
Claude Code сам создаёт и правит файлы, пока вы смотрите на процесс
Куда нажать: вставь текст запроса в окно, где вы разговариваете с Claude Code, и нажми Enter Что увидишь: строки о том, какие файлы создаются, иногда - вопрос разрешить действие (да/нет), и в конце короткий отчёт, что сделано Что это даёт: вы получаете не план, а готовый файл на диске - следующий шаг только проверяет его
Живой отчёт, который вернулся после этого конкретного запроса 05.09.2026, без правок и сокращений по смыслу:
Что вернул Claude Code за один запрос
- Три привычки с эмодзи (Вода 💧, Спорт 🏃, Чтение 📖), у каждой счётчик и кнопка «+1»
- Сохранение в localStorage: счётчики переживают перезагрузку и закрытие вкладки
- Сброс по дате: в хранилище лежит дата дня, наступил новый день - счётчики начинаются с нуля
- Устойчивость: чтение данных обёрнуто в защиту от сбоя, повреждённые данные не роняют страницу
- Инструмент сам открыл готовую страницу в браузере и покликал по кнопкам перед тем, как показать результат
Если видишь, что Claude Code спрашивает разрешение перед тем, как создать или изменить файл - это нормальная защита, а не сбой: отвечай «да», если задача твоя и файлы создаются в твоей папке проекта
Шаг 3. Проверь результат своими руками
Кликнуть по кнопкам и перезагрузить страницу - простейшая проверка, что данные не потерялись
Куда нажать: найди файл index.html в папке проекта и открой его двойным кликом - откроется в браузере как обычная страница Что увидишь: три строки с привычками, у каждой кнопка «+1» и цифра рядом Что это даёт: вы своими глазами видите тот же результат, который до этого описал инструмент - доверие результату, а не пересказу
Три проверки по порядку, которые прошёл этот же прогон 05.09.2026:
Три проверки, которые стоит повторить на своём результате
- Клик по кнопке двигает цифру. Нажми «+1» у любой привычки. Что увидишь: счётчик рядом увеличился на единицу. Зачем проверять: базовая логика работает, кнопка не декоративная
- Перезагрузка не стирает результат. Накликай пару счётчиков, обнови страницу (F5 или Cmd+R). Что увидишь: те же цифры на месте. Зачем проверять: подтверждение, что localStorage действительно сохраняет, а не только показывает во время сессии
- Мобильный экран не разваливается. Открой ту же страницу на телефоне или сузь окно браузера. Что увидишь: та же карточка, просто уже. Зачем проверять: уверенность, что результатом можно пользоваться не только с компьютера
Если видишь, что после перезагрузки счётчики сбросились в ноль - причина почти всегда одна: страница открыта в режиме приватного окна браузера, а там localStorage либо не пишется, либо стирается при закрытии. Проверка простая: открой тот же файл в обычном (не приватном) окне и повтори клики
Если видишь, что кнопка вообще не реагирует - открой файл заново двойным кликом: иногда браузер показывает старую закэшированную версию страницы, а свежий файл лежит на диске рядом
Когда вечера мало и нужен месяц
Регистрация, оплата и несколько экранов - другой класс задачи, не вечерний
Задача вроде только что собранного счётчика - однослойная: один экран, никакой регистрации, данные хранятся прямо в браузере. Такая задача у Claude Code занимает один вечер, что и подтверждает прогон выше
Месяц, а не вечер, начинается там, где появляется хотя бы одна из трёх вещей: регистрация нескольких пользователей, приём платежей или несколько экранов с синхронизацией данных между устройствами. Вечерний запрос даёт рабочий каркас и такой задачи, но доведение до состояния «можно показывать реальным людям» занимает недели: правки под разные размеры экранов, проверка, что данные одного пользователя не видит другой, разбор ошибок базы данных, которые на вечернем прогоне просто не успевают всплыть
Практический вывод простой: если задача умещается в одно предложение без слова «пользователи» - открывай Claude Code и делай сегодня же по шагам выше. Если в задаче есть логин, оплата или несколько ролей - закладывай не вечер, а несколько заходов, и это нормально, а не признак, что инструмент подвёл
Когда брать другой инструмент вместо Claude Code
Claude Code работает на своём компьютере и без браузерных лимитов - это подходит, если хочется результат в виде файлов у себя, а не ссылки в чужом браузере. Если задача другая, три соседних сценария коротко:
- Нужен готовый рабочий адрес в интернете прямо сейчас, без своего компьютера - Bolt.new или Lovable публикуют результат на живую ссылку одной кнопкой в браузере производителя, подробности в гайде про Bolt.new и базовом разборе Lovable
- Нужен только внешний вид - страницы, кнопки, формы - а логику соберёшь отдельно: тогда v0, он сильнее всего именно в интерфейсе
- Уже есть код (свой или от другого инструмента), и его нужно доработать: тогда Cursor - это редактор для правки существующего, а не конструктор с нуля, разбор в отдельном гайде про Cursor
Доступ у всех четырёх похож на доступ у Claude Code: сама работа открывается без VPN, барьер стоит на оплате - российские карты через Stripe не проходят у Bolt, Lovable и Cursor, у v0 есть бесплатный план без оплаты вообще. Если оплата понадобится и своя карта не проходит, рабочие способы разобраны в отдельном гайде про оплату из России
Соседняя задача, если хочется не просто собрать готовый блок, а разобраться, как нейросеть пишет код изнутри - для этого отдельная тема нейросеть, которая пишет код. А если задача шире одного приложения и нужно, чтобы ИИ сам выполнял многошаговые действия - искал, проверял, принимал решения, - это уже другой класс инструментов, разобранный в отдельном гайде про ИИ-агентов
Три ошибки новичка при первом запросе
- Описывают задачу общими словами. «сделай мне приложение для привычек» без списка привычек, кнопок и того, что сохраняется - вернётся результат, но не тот, что вы представляли, и придётся переписывать запрос
- Пытаются собрать логин и оплату за один вечер. однослойная задача выходит за вечер, задача с несколькими ролями пользователей - нет, и это нормально, не повод считать инструмент плохим
- Не проверяют результат своими руками. отчёт инструмента - это пересказ, а не доказательство: клик по кнопке и перезагрузка страницы занимают минуту и снимают весь вопрос, работает ли сохранение на самом деле
Что ещё почитать про создание своих продуктов с ИИ
- Как установить Claude Code - если инструмента из этой статьи ещё нет на компьютере
- Как создать мобильное приложение: 7 шагов до магазина - когда собранное здесь приложение нужно довести до публикации в сторе
- Как создать сайт с помощью ИИ: 4 пути и страница за 40 минут - если задача проще приложения и хватит обычной страницы
- Claude Code: с чего начать - подробный разбор инструмента, которым собран пример в этой статье
- Cursor или Claude Code: что выбрать - если код уже есть и стоит вопрос редактора
- No-code: что это и когда подходит - более широкий взгляд на сборку без единой строчки кода
- Как научиться программировать - если хочется не только собирать готовым инструментом, но и понимать, что происходит внутри
- Лучший ИИ для вайбкодинга - сравнение подхода, когда ты работаешь с кодом сам, а ИИ помогает
- Вайбкодинг: с чего начать - более широкий взгляд на разработку в связке с ИИ
- ИИ-агенты: что это и как ставить задачи - когда нужен не разовый результат, а последовательность действий
- Как оплатить нейросети из России, если карта не проходит - когда бесплатного лимита не хватило
- Вайбкодинг: полный разбор темы - список всех гайдов по разработке с ИИ на сайте
Источники
Путь пройден живьём 05.09.2026 на машине, где собирается этот сайт: запрос отправлен в Claude Code, файл получен, проверен кликом и перезагрузкой страницы. Публичные страницы Bolt.new и Lovable сняты живым Playwright headless в тот же день для раздела про соседние инструменты
- Claude Code: Advanced setup - официальная страница установки и системных требований
- Bolt.new - официальная главная страница инструмента, снята 05.09.2026
- Lovable - официальная главная страница инструмента, снята 05.09.2026
- Claude Code: тарифы - официальная страница цен, Pro $20/мес или $17/мес при годовой оплате
Памятка перед первым запросом Claude Code
Пять строк, которые закрывают путь от пустого экрана до готового приложения
Сохрани себе
- Claude Code установлен,
claude --versionпечатает номер версии - Подписка Pro, Max, Team или Enterprise активна - бесплатный тариф Claude Code не откроет
- Задача описана одним абзацем: название, список экранов и кнопок, что и где сохраняется
- Запрос отправлен, разрешения на создание файлов подтверждены, если инструмент их спрашивал
- Результат проверен своими руками: клик по кнопке, перезагрузка страницы, вид на телефоне
Порог входа
Приложение собрано, следующий шаг - тоже бесплатный
Всё, что нужно для первого приложения, ты только что прочитал: живой запрос, живой результат и три проверки, чтобы убедиться самому. Следующий шаг - три дня разбора и сборки рабочего порядка вокруг твоих же инструментов - тоже стоит ровно ноль
Заявка в закрытый канал, одобряю сразу. Бот сам напишет первым и покажет, как забрать три дня Лагеря. Бесплатно
Частые вопросы
Можно ли создать приложение с помощью ИИ совсем без знания программирования?
Да, для однослойной задачи - счётчик, список, простая форма. Собственный прогон 05.09.2026 подтверждает это: приложение «Счётчик привычек» собрано одним текстовым запросом в Claude Code, без единой строчки кода со своей стороны и без единой правки после. Задачи с регистрацией пользователей и оплатой сложнее и требуют больше времени даже с ИИ-инструментом
Какой инструмент выбрать новичку в первую очередь?
Claude Code - если хочется результат в виде файлов на своём компьютере и без браузерных лимитов, путь разобран в статье целиком. Если нужен готовый рабочий адрес в интернете без своего компьютера - Bolt или Lovable, коротко в разделе «Когда брать другой инструмент» выше
Сколько времени занимает первое приложение?
Одна страница с понятной логикой - вечер, это подтверждает собственный прогон 05.09.2026. Приложение с регистрацией, платежами или несколькими экранами - недели доводки, вечерний запрос там даёт только рабочий каркас, а не готовый к показу людям результат
Что делать, если Claude Code просит разрешение перед каждым действием?
Это нормальная защита, не сбой: инструмент спрашивает, можно ли создать или изменить файл, прежде чем это сделать. Если задача ваша и работа идёт в вашей папке проекта - отвечайте «да». Если хочется реже подтверждать похожие действия, это отдельная настройка, не тема этой статьи
Нужно ли устанавливать что-то ещё, кроме Claude Code?
Нет для задачи уровня «Счётчик привычек»: чистый HTML, CSS и JS без фреймворков открывается любым браузером, который уже стоит на компьютере. Дополнительные программы понадобятся только для более сложных задач - баз данных, серверной части, - и это отдельная тема, не первый вечер
Чем ИИ-приложение отличается от готовых ИИ-приложений вроде голосового помощника?
Это разные задачи. Здесь речь о том, как СОЗДАТЬ своё приложение с помощью ИИ-инструмента. Если нужны уже готовые чужие приложения с ИИ внутри для повседневных задач - текст, фото, голос - это отдельная подборка в гайде про ИИ-приложения на телефон