[Длиннопост]

Знаю, минусы прилетят. Но всё равно расскажу.

Работаю в IT с 2013 года. И вот что меня реально бесит: приходит предприниматель и говорит "хочу сайт как у Apple". Спрашиваю про бюджет — "ну, тысяч 50 максимум".

Раньше я вежливо объяснял, что "сайт как у Apple" — это команда из 5+ человек, пара месяцев работы и бюджет с шестью нулями. А за 50К он получит либо шаблон с Тильды (как у всех), либо фрилансера, который пропадёт после аванса.

А потом я сам попал в такую ситуацию.

Клиент — крафтовая кофейня. Хотят лендинг с анимацией: зерно превращается в чашку эспрессо при скролле. Премиальный вид, мобилка, всё дела. Бюджет? 50К. Срок? Неделя.

Первая мысль — послать. Вторая — а что если попробовать собрать это на AI?

Три дня и 5 000 рублей спустя у меня был сайт, который выглядит как будто его делала студия за полмиллиона.

Честно? Я сам охренел.

Почему 90% сайтов малого бизнеса — унылое говно

Не в обиду. Просто факт.

Открываешь сайт условной кофейни — и сразу понимаешь: Tilda, стоковые фото с Shutterstock, шрифт Montserrat, кнопка "Заказать" в углу. Ты такое видел тысячу раз. Твой мозг это игнорирует. Как рекламу в метро.

Почему так? Потому что нормальный сайт стоит как крыло от самолёта:

Студия в Москве:

• Лендинг — от 300К до 800К

• Срок — 1-2 месяца

• Плюс 100500 созвонов и правок

Фриланс:

• Лендинг — 80-200К

• Срок — месяц (если повезёт)

• Риск: человек пропадёт — классика жанра

Конструктор (Tilda, Wix):

• Лендинг — 10-30К

• Срок — неделя

• Результат: как у всех

Видишь проблему? Либо дорого и долго, либо дёшево и шаблонно. Третьего не дано.

Точнее, не было. До 2026 года.

Что изменилось: связка из 6 AI-инструментов

Вот весь пайплайн, который я использовал для кофейни:

🎨 Google Whisk — генерирует уникальные картинки. Прощай, Shutterstock.

🎬 Google Flow/Veo — делает видео из картинок. Анимация за $30.

🤖 Claude — пишет код. На уровне нормального middle-разработчика.

✨ Hero UI — бесплатные компоненты в стиле Apple. Glassmorphism, тени, микро-анимации.

🎭 Motion.dev — анимации при скролле. Бесплатно.

🚀 Amvera — российский хостинг. 170 ₽/мес, оплата рублями.

Теперь по шагам.

Шаг 1: Картинки без стоков

Проблема: Стоковые фото — это как надеть футболку "Я не заморачивался". Все эти улыбающиеся люди с ноутбуками — их видел каждый. Твой сайт сливается с тысячами других.

Решение: Google Whisk (labs.google/whisk). Бесплатный генератор картинок от Google.

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

Промпт для зерна (копируй):

Single roasted coffee bean, extreme macro photography, dark moody background, cinematic lighting from above, professional product photography, 8K quality

Промпт для чашки:

Perfect espresso in white ceramic cup, top-down view matching previous angle, dark moody background, cinematic lighting, steam rising, 8K quality

Фишка в matching previous angle — так AI сохраняет ракурс между кадрами. Без этого анимация будет дёргаться.

Цена: Бесплатно (есть лимиты) или $20/мес за Pro

Сколько сэкономил: Фотосессия для такого контента стоила бы 30-50К

Шаг 2: Оживляем картинку

Статичные картинки — это 2020 год. Сейчас внимание удерживает анимация.

Инструмент: Google Flow (на базе видео-модели Veo). Загружаешь два кадра — получаешь видео перехода между ними.

Промпт для видео:

Smooth cinematic transformation: coffee bean slowly roasts, cracks open, grinds into powder, transforms into espresso filling the cup. Clockwise spiral motion. Professional quality, 5 seconds.

На выходе — 5-секундное видео, где зерно обжаривается, перемалывается и превращается в эспрессо. Выглядит как из рекламы на ТВ.

Важный лайфхак: Конвертируй MP4 в WebP через FFmpeg. Файл станет в 10 раз меньше, качество останется. Иначе на мобилках будет грузиться вечность.

Цена: ~$30 за генерацию

Сколько сэкономил: Видеопродакшн такого уровня — от 100К

Шаг 3: Код сайта

Теперь нужен сам сайт. И тут я первый раз облажался.

Написал Claude: "Сделай сайт для кофейни с анимацией".

Получил generic bootstrap-дерьмо. Серые кнопки, стандартные шрифты, анимация как из 2015.

Вывод: AI не телепат. Нужна структура.

Рабочий промпт для Claude:

<context>

Project: Landing page for coffee brand "Black Bean"

Assets: coffee-transformation.webp in /public

Colors: #1a1a1a (dark), #8B4513 (brown), #F5F5DC (cream)

</context>

<requirements>

- Next.js 15 + TypeScript + Tailwind CSS

- Hero section with scroll-triggered animation

- Mobile-first responsive design

</requirements>

<structure>

1. Hero: Full-screen with coffee animation

2. Story: "From Bean to Cup" - 3 cards

3. Menu: Grid of drinks

4. Contact: Form + location

</structure>

С таким промптом Claude выдаёт рабочий код с первой попытки в 80% случаев. Остальные 20% — мелкие правки.

Цена: $20/мес за Pro

Сколько сэкономил: Разработчик взял бы 50-100К

Шаг 4: Дизайн уровня Apple (бесплатно)

Проблема: Стандартные HTML-элементы выглядят как говно. Серые кнопки, плоские формы — привет, 2010.

Решение: Hero UI (heroui.com). Бесплатные React-компоненты в стиле Apple.

Что это даёт на практике:

• Кнопка — была плоская серая → стала с градиентом, тенью и анимацией при наведении

• Карточка — был простой div → стал glassmorphism с размытием фона

• Форма — были базовые input → стали с плавающими лейблами и валидацией

Просто заменяешь обычные элементы на компоненты Hero UI — и сайт сразу выглядит на миллион.

Цена: Бесплатно (MIT лицензия)

Шаг 5: Анимации при скролле

Инструмент: Motion.dev (бывший Framer Motion). Бесплатная библиотека анимаций для React.

Главная фишка: анимация привязана к скроллу. Пользователь листает страницу — зерно на экране обжаривается и превращается в эспрессо синхронно с движением пальца.

Это не просто сайт. Это интерактивная история бренда. Люди реально залипают.

Цена: Бесплатно

Шаг 6: Хостинг в России

Проблема с Vercel/Netlify: Оплата из России — через танцы с VPN и иностранными картами. Плюс санкционные риски — могут отключить в любой момент.

Решение: Amvera Cloud (amvera.ru). Российский хостинг с push-to-deploy. Работает как Vercel, но за рубли.

git remote add amvera https://git.amvera.ru/логин/проект

git push amvera main

Всё. Каждый push — автоматический деплой. SSL бесплатный. При регистрации дают 111 ₽ на тесты.

Цена: от 170 ₽/мес

Итого: математика

AI-подход:

• Визуалы и анимация — 3 000 ₽

• Разработка (Claude Pro) — 2 000 ₽

• Дизайн — 0 ₽

• Хостинг — 170 ₽/мес

Всего: ~5 200 ₽

Студия:

• Визуалы — 80 000 ₽

• Разработка — 200 000 ₽

• Дизайн — 100 000 ₽

• Хостинг — 5 000 ₽/мес

Всего: ~385 000 ₽

Разница: ~380К (98%)

Время: 3 дня вместо 2 месяцев.

Честно: где это НЕ работает

Готов снять панамку, если где-то преувеличил. Но вот реальные ограничения:

❌ Сложный e-commerce

10 000+ товаров, интеграции с 1С, сложная логика корзины — тут AI не вывозит. Нужны люди, которые понимают бизнес-логику.

❌ Банки, медицина, всё что связано с безопасностью

Жёсткие регуляторные требования. AI-код нужно аудитить, а это дороже чем написать с нуля.

❌ Если ты совсем не технарь

Минимальное понимание что такое git, как работает хостинг, как запустить npm — нужно. Это не "нажми кнопку и готово". Хотя и не rocket science.

❌ Когда дедлайн был вчера

Если голова не варит и времени разбираться нет — проще заплатить студии. Серьёзно.

И да, иногда AI генерит мусор. Особенно если промпт слишком общий. Приходится итерировать 2-3 раза. Это бесит, но всё равно быстрее чем ждать месяц от фрилансера.

Предполагаемая критика

Звучит как реклама? Понимаю.

Но:

• Все инструменты бесплатные или почти бесплатные

• Промпты я дал — копируй и пробуй

• Скриншотов готового сайта нет специально — лучший способ понять это сделать самому

• Я ничего не продаю. Вообще ничего.

Не веришь? Потрать вечер, попробуй на простом примере. Потом скажешь.

Все ссылки

AI-инструменты:

• Google Whisk — https://labs.google/whisk

• Google Veo — https://deepmind.google/technologies/veo

• Claude — https://claude.ai

• Hero UI — https://heroui.com

• Motion.dev — https://motion.dev

• 21st.dev (готовые блоки) — https://21st.dev

Хостинг в России:

• Amvera Cloud — https://amvera.ru

• Selectel — https://selectel.ru

• Timeweb — https://timeweb.cloud

Автор: Игорь Масленников

Работаю в IT, развиваю AI-автоматизацию. Насмотрелся на оверпрайс в индустрии — решил показать альтернативу.

Канал: https://t.me/maslennikovigor

Прямой контакт: https://t.me/maslennikovig

GitHub (бесплатные инструменты для автоматизации разработки): https://github.com/maslennikov-ig/claude-code-orchestrator-kit

Если попробуешь — напиши что получилось. Интересно, у кого какие результаты.

И да, если где-то наврал — готов к минусам. Критика по делу приветствуется.

Здравствуйте, дорогие читатели. Хочу поделиться сокровенными знаниями о том, как я довожу до конца большинство запланированных дел. Если быть точным, это мой подход к использованию методов, описанных в книге Atomic Habits. Если вас заинтересует этот пост, всячески советую ее прочитать.

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

Сила воли

Двумя самыми элементарными единицами выполнения задачи или достижения цели являются сила воли и привычка.

Допустим, у вас есть задача улучшить состояние зубов, и вместе с обычной чисткой зубов вы решили использовать зубную нить. Первый ресурс, который вы используете, - сила воли. Вы берете упаковку с нитью, и перед вами появляется микрозадача: понять, как открыть контейнер, как оторвать нить, сколько отрывать, с какой силой давить, стоит ли доходить до десен. Как правило, новые задачи даются проще, поскольку происходит процесс обучения.

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

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

Точно так же это справедливо и для забывания привычек. Привычки, которые легко формируются, тяжело бросить. Привычки, которые тяжело сформировать, достаточно быстро распадаются. Отсюда можно понять, что стратегия "изменить все с понедельника" не сработает. За 3-4 дня резервы вашей воли иссякнут, а мозг просто не сможет так быстро изменить свои структуры. Напротив, нужно начать с одной простой привычки и формировать ее консистентно, прикладывая силу воли без пропусков. Намного лучше пойти на тренировку и плохо потренироваться, чем пропустить ее. Намного лучше держать стрик одной привычки, чем пытаться внедрить две одновременно и делать это непостоянно.

Можно ли увеличить запас воли? Я считаю, что увеличить нельзя, но уменьшить - легко. Мозг работает по принципу "сделаю то, что проще всего". Из этого следует еще одна стратегия: нужно сделать так, чтобы момент выполнения привычки был неизбежным и простым. Само
пространство должно сообщать мозгу, что не сделать привычку - глупо.

Формирование пространства под выполнение задачи

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

То же самое работает и для антипривычек. Например, когда я сажусь работать, телефон лежит в самой дальней комнате с выключенным звуком. Получается, чтобы отвлечься, мне нужно встать, взять стул, открыть шкаф, достать телефон и вернуться. Слишком много действий. Мозг такое не любит.

Полезные привычки стоит соединять с приятными вещами. Например, перед тем как что-то писать, я всегда пью чашку чая. И мое отношение к этой чашке чая настолько же серьезное, как и к самой работе. Если я не куплю чай заранее, у меня появится отговорка не делать целевое действие. Когда моя задача что-то написать, я не сажусь писать - я сажусь пить чай. Благодаря привычке мозг сам делает так, что следующим действием становится написание текста.

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

Другой пример - у вас выпала пломба, но вы затягиваете с визитом к стоматологу. Если вы время от времени напоминаете себе об этом, вы уже тратите драгоценную волю. Не говоря уже о ситуации, когда зуб начинает болеть, и вы можете выпасть из жизни на несколько дней. Магия начинается в тот момент, когда вы заботитесь о выполнении целевого действия заранее. Позаботьтесь о том, чтобы в момент, когда вам нужно что-то сделать, все было готово и не требовало лишней работы и стресса.

Single responsibility principle

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

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

Новичкам я рекомендую начать с домашних дел и здоровья, поскольку здесь находится наибольший пласт для оптимизации у несистемных людей. Например, раньше я не готовил обед, а ел еду из доставки лишь потому, что у меня не было чистой тарелки; не застилал кровать, потому что поскроллить телефон приятнее; не приступал к работе, потому что был интересный сериал, потом кофе, несколько бессонных ночей, горящие сроки. О каком развитии может идти речь? Начните с одной привычки и доведите ее до идеала. Внезапно привычка создавать привычки тоже тренируется.

Что лично делаю я, помимо домашних дел и того, что уже было сказано:

• разделяю помещения для сна, пищи, работы и спорта

• каждую пятницу заказываю продукты на неделю

• работа над проектами начинается в 11:00, сразу после утренних дел и чая на террасе

• после работы обязательно убираю стол от ненужных предметов, которые скопились за день и не понадобятся завтра

• а столе всегда есть бутылка воды и беруши на случай, если шумят соседи или домашние

• возле кровати всегда стоят тапочки на случай, если я проснусь и будет слишком холодно вставать

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

Если вам понравилась статья, заходите в мой телеграм

Секрет в том, что я не прошу нейросеть «просто написать код». Я использую роль «MVP Fast-Track», которая заставляет ИИ работать как слаженный стартап из трех специалистов. Внутри чата одновременно трудятся Проджект-менеджер, разработчик и дизайнер.

Почему это не обычный чат-бот

Если вы пробовали просить нейронку написать сложный скрипт, то знаете, что на выходе часто получается бесполезная каша. Мой метод это исключает: ПМ сначала анализирует логику, а разработчик пишет код уже под конкретный интерфейс. С помощью этой связки даже сложный нумеролог 2026 (с прогнозами на будущее) собирается за пару минут.

Чтобы приложение ожило, нам нужны «мозги». Я использую OpenRouter, о котором написано в блоге вышеуказанного блогера. Вы просто берёте API-ключ в настройках. Это единый код доступа для вашего аккаунта, а моделей на платформе море, от бесплатных до тяжеловесов вроде Perplexity с поиском в реальном времени. В нашем случае мы выбрали нейросеть stepfun/step-3.5-flash:free. Она бесплатная, шустрая и отлично понимает логику нумерологических расчётов.

Шаг 1: Получаем код через Deepseek

Для генерации самого приложения я использую бесплатную нейросеть Deepseek. Она отлично справляется с кодингом и не просит денег за базовые задачи. После того, как мы скормливаем ей промпт, она выдаёт полотно кода. Система сразу закладывает качественные прогнозы нумеролога, основываясь на чистой математике и данных LLM.

Теперь самое важное: как это запустить. Вам не нужно быть программистом. Просто копируете весь полученный код, открываете обычный Блокнот и вставляете текст туда. Затем сохраняете файл, называете его, например, «Нумеролог», и самое главное, нужно поменять расширение с .txt на .html. Т.е это будет выглядеть так: "Нумеролог.html"

Шаг 2: В чем профит для вас?

Главное преимущество, это всё таки автономность. Обычные сайты ограничены шаблонами, а личное приложение работает гибче. Огромный плюс в том, что код уже написан по принципу «два в одном». Сначала система работает как классические нумерологи рождения, анализируя даты, а затем автоматически подключается таролог нумеролог, который дополняет картину.

Ясность процесса здесь гораздо важнее, чем попытки сделать идеальный дизайн. Но на выходе всё равно получается стильно. Наверное, это самый простой способ зайти в создание ИИ-сервисов без затрат. Код работает прямо в браузере, приватно и быстро. Т.е по сути, нужно придумать идею для проекта и 5 минут времени для запуска.

Подведем итог

Я взял идею с VC, добавил универсальный промпт и получил готовый продукт за пару минут. Это бесплатно и это действительно работает. Больше не нужно платить за доступ к базовым инструментам.

Сам промпт «команды спецов» и ссылку на гугл-диск с готовым приложением я выложил у себя в тг канале NeuroPlex Networks. Заходите, забирайте из закрепа и создавайте свои микро-сервисы.

А какое приложение вы бы собрали себе за один запрос, если бы могли? Пишите в комментариях, обсудим!