вайбкодинг приложение и игры: что реально собрать без программиста

вайбкодинг приложение без программиста — это реально, если выбрать правильный тип: веб-сервис с личным кабинетом, pwa, телеграм-бот с мини-приложением и простая браузерная игра собираются диалогом с ии. нативное приложение в магазине и игра на движке тоже возможны, но там упираешься уже не в код, а в публикацию, модерацию и ручную работу в редакторе. ниже по каждому типу: чем собирать, что нужно кроме кода и где новичок застрянет.

какое вайбкодинг приложение реально собрать: карта по типам

ии пишет код быстро, но код — только треть работы. остальное — где он будет жить, где хранить данные, как брать деньги и кто пропустит продукт к пользователю. эта таблица — короткая версия статьи, дальше разбираю каждую строку.

я сам делаю сайты, ботов и seo через claude code, а этот сайт arturr_city целиком собран ии: страницы, фото и бот. поэтому дальше про веб и ботов — с опорой на свою работу, а про мобильные приложения и игры — только то, что подтверждает документация инструментов и магазинов.

веб-приложение: сервис и личный кабинет

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

lovable собирает такое из чата и сразу публикует по ссылке. по документации у него есть встроенный бэкенд lovable cloud: управляемая база postgresql, вход пользователей и хранение файлов, либо можно подключить свой проект supabase. встроенные платежи работают только на платном тарифе, на бесплатном можно подключить свой аккаунт stripe. код выгружается в новый репозиторий на github, так что проект не заперт внутри. подробнее — в обзоре lovable.

replit agent делает то же в браузере, но ближе к «настоящей» разработке: видно файлы, консоль, секреты. claude code работает в терминале на твоём компьютере: код твой, хостинг и базу выбираешь сам. свободы больше, но и решений, которые раньше принимала платформа, тоже больше.

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

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

мобильное приложение: pwa или нативное

pwa — сайт, который ставится на телефон

pwa — веб-приложение, которое можно добавить на экран телефона и открывать как обычное приложение. по mdn, для установки в браузерах на chromium нужен файл-манифест с названием, иконками 192 и 512 пикселей, стартовым адресом и режимом отображения, а сайт должен отдаваться по https. service worker для установки не обязателен, но без него не будет работы офлайн.

на айфоне с ios 16.4 pwa ставится из меню «поделиться» в safari, chrome, edge, firefox и orion, а свою кнопку «установить» через событие beforeinstallprompt на ios не сделать. зато не нужны магазин, взносы и модерация, а обновление прилетает всем сразу. для сервиса, где главное — данные и формы, это лучший первый шаг.

нативное приложение

replit agent собирает нативные приложения на expo и react native, код пишет на typescript. посмотреть результат можно в expo go на своём телефоне по qr-коду, а симулятор ios и android прямо в редакторе доступен на тарифах core, pro и enterprise. в app store приложение уходит через testflight, и для этого нужен аккаунт apple developer. публикация в google play, по документации replit, пока не поддерживается. как устроен сам агент — в статье про replit agent.

lovable нативные приложения не делает: только веб. его документация предлагает два пути — pwa или обернуть опубликованный адрес инструментом вроде capacitor уже вне lovable и отправить в магазины. claude code может написать проект на expo или обёртку на capacitor, но сборку, подписи и отправку в магазин ты проходишь сам.

публикация: app store, google play и rustore

самая частая стена — закрытый тест google play. двенадцать живых людей, которые две недели не выходят из теста, новичок обычно ищет дольше, чем писал приложение. если тестировщик вышел и вернулся, его 14 дней начинаются заново.

телеграм-бот и мини-приложение

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

собирать удобно в claude code или replit agent. кроме кода нужны сервер, который работает круглосуточно (бот на ноутбуке умрёт, как только закроешь крышку), токен бота в секретах, база для пользователей и уведомление, если бот упал. данные, которые мини-приложение присылает на сервер, нужно проверять на сервере, а не верить браузеру.

с деньгами в телеграме своё правило: по документации, цифровые товары и услуги в ботах и мини-приложениях продаются только за telegram stars, а за продажу цифрового в обход телеграм может не показывать бота пользователям с телефонов. для физических товаров и услуг можно другие валюты и платёжных провайдеров. это надо знать до того, как придумаешь платную подписку.

браузерная игра: three.js и canvas

здесь вайбкодинг игр работает лучше всего. 2d-игра на canvas — раннер, головоломка, аркада — или небольшая 3d-сцена на three.js собираются в один html-файл, который открывается в браузере. агент видит ошибку в консоли, правит и снова запускает, поэтому цикл «попросил — проверил» занимает минуты.

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

где упрёшься: ии не чувствует игру. отзывчивость управления, баланс сложности и «сочность» ударов он не оценит — играть и описывать словами, что не так, придётся тебе. вторая стена — ассеты: хорошую 3d-модель, анимацию и звук кодом не нарисуешь, их берут готовыми с подходящей лицензией. третья — телефоны: то, что летает на ноутбуке, на слабом смартфоне может тормозить.

игры на unity и godot: где ии помогает, а где нет

честно: вайб кодинг игры на движке для новичка — самый длинный путь из всех в статье. ии хорошо пишет скрипты (c# в unity, gdscript в godot), объясняет ошибки, предлагает, как разложить логику по файлам.

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

первое вайбкодинг приложение по шагам

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

1. опиши продукт одной фразой: кто пользователь и что он делает за первую минуту.
2. выбери тип по таблице. сомневаешься — начинай с веба или pwa, в магазин всегда успеешь.
3. попроси у агента сначала план и структуру файлов, а не код. поправь план, потом запускай.
4. собирай по одной функции. после каждой — проверка руками и коммит в git, чтобы было куда откатиться.
5. сделай отдельный проход безопасности: где лежат ключи, кто что видит, проверяются ли данные на сервере.
6. выложи на хостинг с доменом и https, покажи трём живым людям.
7. только потом — оплата, магазины и реклама.

пример стартового запроса для claude code (как с ним работать, я писал в статье claude code: как использовать):

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

чек-лист перед запуском

• ключи и пароли лежат в секретах или переменных окружения, а не в коде.
• проверено двумя тестовыми аккаунтами: один пользователь не видит данные другого.
• сайт открывается по https на своём домене.
• база копируется автоматически, и ты хоть раз восстанавливал её из копии.
• есть политика конфиденциальности и согласие, если собираешь персональные данные.
• ошибки пишутся в лог, а о падении ты узнаёшь сразу, а не от клиентов.
• оплата проверена в тестовом режиме, включая отмену и возврат.
• проверено на настоящем телефоне, а не только в окне браузера.
• для магазина: аккаунт разработчика, иконка, скриншоты, описание; для google play — тестировщики на 14 дней.
• для бота: сам перезапускается после падения.
• для игры: проверена на слабом телефоне.

вопросы

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

pwa — да, это сайт, и его собирает любой агент. нативное — да, через replit agent и expo с выкладкой в app store через testflight. google play replit пока не поддерживает, туда сборку отправляешь сам.

какая нейросеть для создания приложений лучше?

зависит от типа. для веб-сервиса с базой и входом быстрее всего lovable, для нативного приложения — replit agent, для полного контроля над кодом и сервером — claude code. разница между ними — в том, сколько решений платформа принимает за тебя. общая картина — в статье вайбкодинг — что это.

сколько стоит выложить приложение в магазин?

app store — 99 usd за год участия, google play — 25 usd один раз. про взнос rustore в справке, которую я открыл, ничего нет, уточняй в консоли разработчика.

можно ли сделать игру без программиста?

браузерную 2d или небольшую 3d на three.js — да. игру на unity или godot — тоже, но ии там пишет скрипты, а сцены, анимации и сборку ты делаешь в редакторе сам.

источники

• enrollment — apple developer program
• get started with play console — google play help
• app testing requirements for new personal developer accounts — google play help
• публикация приложения — справка rustore
• native mobile apps — docs.replit.com
• faq — docs.lovable.dev
• making pwas installable — mdn
• telegram stars payments — core.telegram.org