24 часа, Claude: как я собрал приложение и вывел в прибыль
Есть расхожий миф: нейросети - это про котиков в шляпах и смешные тексты. Но пока одни спорят, заменит ли ИИ дизайнеров к 2030-му, другие уже тихо закрывают сделки. Вчера я решил проверить одну простую гипотезу: если взять современную модель, дать ей сутки и минимум ручного кода - получится ли на выходе что-то, за что люди захотят заплатить?
Спойлер: получилось. Не Tesla, конечно, но первые доллары капнули на карту ещё до ужина.
Почему именно рисовалка
Я намеренно отказался от идеи «сделать Photoshop-киллер» или очередной ИИ-обёртки. Рынок таких поделок перенасыщен, и пользователь чует их за версту. Мне хотелось чего-то тихого, залипательного - инструмент, в котором хочется провести десять минут, ни о чём не думая. Цифровой аналог мятой бумаги и мягкого карандаша.
Требования к себе сформулировал на салфетке:
- холст во весь экран, без меню и лишних панелек;
- кисти с плавными градиентами - чтобы линия дышала;
- экспорт в 4K - на случай, если кто-то захочет распечатать и повесить на стену;
- работает на планшете и телефоне - иначе откуда брать трафик.
Всё. Никакой регистрации, никаких туториалов, никаких «пройдите 7 шагов, чтобы начать рисовать»
➡️ Лучшие бесплатные боты в тг, которые тебе точно пригодятся
Час первый: договариваемся с Claude
Выбор инструмента был очевиден - Claude 4.6 с её Artifacts. Эта штука показывает результат прямо в окне браузера, и цикл «написал — увидел — поправил» сжимается до секунд. Для прототипирования это убийственно эффективно.
Первая версия получилась трогательно-убогой: чёрная линия по белому фону, словно привет из Paint 1995 года. Я не расстроился - так и должно было быть. Итеративность - это ключ.
Вторая итерация: палитра, толщина, сброс холста. Уже что-то.
А вот на третьей я поймал момент, когда из прототипа рождается продукт. Я попросил добавить зеркальную симметрию как в калейдоскопе и эффект акварельного растекания по краям штриха. И вдруг обычная рисовалка превратилась в штуку, от которой реально сложно оторваться: любая кривая закорючка превращалась в цветок или мандалу.
Именно этот момент - превращение «ещё одной рисовалки» в «вау, красиво» - и есть та цена, которую продукт берёт с пользователя.
Что под капотом
Для техногиков расскажу стек - он, кстати, почти типовой для связки с Claude:
- React - потому что модель отлично держит в голове компоненты и состояние;
- Canvas API - нативный, без сторонних библиотек (об этом ниже, это важно);
- Tailwind CSS - стили прямо в классах, никакой возни с отдельными файлами;
- Lucide React - иконки, которые Claude знает наизусть и не выдумывает имена.
Главное правило, которое я вывел: не тащить в песочницу Artifacts экзотические библиотеки. Claude иногда «вспоминает» пакеты, которых в окружении нет, и тогда сборка валится. Жёсткое ограничение «только Canvas API и базовые хуки React» сразу выровняло качество кода.
Промпты, которые работали
Новички пишут нейросети «сделай мне рисовалку с кучей фич» - и получают разваливающийся монолит. Я действовал по-другому, разбивая задачу на атомы.
Сначала - голый скелет: компонент с холстом во весь экран и одной кистью. Работает? Едем дальше.
Потом - поддержка нажима стилуса через event.pressure. Это вроде мелочь, но для владельцев iPad превращает приложение в маленький Procreate.
Затем - экспорт. Попросил сконвертировать содержимое холста в Blob и отдать пользователю PNG. Три строки кода, а пользователь уже чувствует, что у него в руках настоящий инструмент.
Когда код перевалил за 400 строк, Claude начала капризничать и выдавать только куски правок. Решение банальное, но работает железно: формулируйте явно - «пришли весь файл целиком, сохранив логику экспорта и палитры». Всё, модель выкладывает полную версию.
Мобильный фикс, на котором споткнулся бы любой
Самое коварное вылезло на тесте с телефона: при попытке рисовать страница начинала скроллиться. Палец тянет линию - экран едет вверх. Пользователь такое не простит.
Лечится одной CSS-строчкой: touch-action: none на холсте. Браузер перестаёт перехватывать жесты, пока палец находится над рисунком. Секундное исправление, которое отделяет «сырой прототип» от «можно показывать людям».
Деплой за пять минут и монетизация без стыда
Никаких App Store с двухнедельным ревью. Vercel, подключённый к GitHub, - и через пять минут у меня ссылка с SSL, CDN и прочими взрослыми плюшками. Бесплатно.
С монетизацией я пошёл против моды. Баннерная реклама убивает атмосферу медитативного приложения - это всё равно что поставить зазывалу посреди дзен-сада. Вместо этого я выделил несколько «премиальных» кистей: неон, масло, мягкий мел. Хочешь - пользуйся базовым набором бесплатно сколько угодно. Хочешь больше - плати $2.99 один раз и получай всё.
Оплату пропустил через Stripe с простейшей формой. Никаких подписок, никаких trial-периодов, никакой тёмной дизайн-магии с автосписаниями.
Как я нагнал 240 человек за сутки
Запускать продукт без трафика - это как открывать магазин в пустыне. У меня было три канала.
Короткое видео для X и TikTok. Я записал 30-секундный скринкаст: как за минуту появляется симметричная неоновая абстракция, а снизу подпись - «Собрано за час с Claude. Ссылка в профиле». Никаких призывов, никакой рекламы. Просто красивое видео, которое хочется досмотреть.
Product Hunt в разделе Ship. Это «лайтовая» версия запуска - без недельной подготовки к Launch Day, но с охватом профильной аудитории.
Два-три тематических Telegram-чата. Без спама, просто «ребята, собрал забавную штуку, буду рад фидбеку». Комьюнити такое обычно прощает, если продукт реально рабочий.
Математика суток
- Уникальных посетителей: 1 240
- Купили Pro-набор: 12 человек
- Конверсия: ≈ 0,97% (нормально для холодного трафика)
- Выручка после комиссий: $35,88
Миллиона не случилось. Но и не должно было. Смысл эксперимента не в абсолютных цифрах, а в масштабируемости подхода. Если одно приложение, собранное за выходной, приносит тридцатку в первый день, то десять таких приложений - уже другой разговор. А главное - следующее соберётся ещё быстрее, потому что шаблон отработан.
Что я понял про Claude как про напарника
Модель - это не кодер-заменитель. Это усилитель. Если вы вообще не знаете, что такое state или async, Claude будет писать красиво выглядящий код, который рухнет при первой нетривиальной ошибке, - и вы не поймёте, где искать концы. Но если вы читаете код и понимаете, что он делает, вы превращаетесь в человека, который думает архитектурой, а не набирает точки с запятой.
Три наблюдения, которые я бы хотел знать вчера.
Мелкие итерации бьют крупные замахи. «Добавь кнопку экспорта» работает. «Сделай полнофункциональный редактор со слоями, фильтрами и историей действий» не работает - модель потеряется и половину забудет.
Эстетика задаётся словами. «Современный дизайн» - это ничто. «Пастельная палитра, скруглённые углы 16px, лёгкая тень под элементами, полупрозрачное стекло в духе iOS» - это уже ТЗ. Чем конкретнее промпт про дизайн, тем меньше потом править руками.
Скорость побеждает идеальность. Пока конкурент пишет техническое задание на 40 страниц, вы уже получили первых пользователей и первые деньги. Через месяц у вас будет реальная обратная связь и понимание, куда копать. У него - документ.
Финалочка
Порог входа в «собственный маленький продукт» официально упал ниже плинтуса. Не в смысле «каждый теперь миллионер» - нет, конкуренция свирепая. А в том смысле, что между «у меня идея» и «у меня работающий сайт, который принимает платежи» теперь реально один выходной.
Остальное - маркетинг, настойчивость и умение не сдаться после первой статистики в $35.