Пошаговый план для новичка: от пустого экрана до живой ссылки, которую можно отправить клиенту. Писать код не нужно — нужен час времени и умение объяснить словами, чего вы хотите.
Между «хочу сайт» и «у меня есть сайт» раньше стояла стена. Либо полгода учить HTML, CSS и вёрстку, либо нести студии от 50 тысяч рублей и ждать пару недель со всеми правками.
Вайбкодинг эту стену убирает. Вы описываете сайт обычными словами — агент вроде Claude Code пишет код, сам находит и чинит ошибки, сам выкладывает страницу в интернет. Что это за подход и почему это не «попросить текст у чат-бота», мы разбирали в отдельной статье. Здесь — только практика: пять шагов с раскладкой по минутам.
Список короткий, и дорогого в нём ничего нет.
Mac или Windows — без разницы. Мощность не важна: тяжёлую работу делают серверы Anthropic, а не ваша машина.
Для первого сайта хватает базового тарифа Pro. Как оплатить и пользоваться из России — разбирали в отдельной статье, без сомнительных лайфхаков.
Раскладка часа в статье — с запасом на «что-то пошло не так». Но час должен быть целым, а не порезанным на куски между встречами.
Нарочно без технических подробностей: они здесь и не нужны. На каждом шаге вы либо пишете обычный текст, либо ждёте.
Единственный шаг, который выглядит пугающе. Терминал — это просто окно, в которое пишут текст, ничего больше. Скопировали команду установки с официального сайта Anthropic, вставили, нажали Enter — через пару минут всё стоит. Написали слово claude — агент поздоровался прямо в этом окне.
Если что-то не встало с первого раза — откройте Claude в браузере и опишите проблему своими словами. Он разберёт вашу ошибку и скажет, что нажать. Установка — тоже задача для ИИ, а не для вас.
Это ваш главный вклад за весь час. Ответьте себе на три вопроса: что за сайт (визитка, портфолио, страница услуги), кто будет на него смотреть и из каких блоков он состоит. Потом просто расскажите это агенту — как рассказали бы знакомому дизайнеру.
Дальше работает он. Создаёт файлы, пишет код, запускает сайт у себя, ловит ошибки и сам же их чинит. Ваша роль на этом шаге — отвечать на уточняющие вопросы, если они появятся. Отвечайте как человеку: «да», «нет, лучше вот так», «на твой вкус».
›Сделай одностраничный сайт для кондитера...
·Создаю структуру, пишу код страницы...
✕Ошибка: фото не загружается
·Вижу ошибку, исправляю путь к файлу...
✓Готово — открой предпросмотр: localhost:3000
Первая версия почти никогда не финальная, и это нормально: с дизайнером-человеком было бы так же. Разница в скорости — правка вносится за секунды, а не за «вернусь к вам в четверг». Правило простое: одна фраза — одна правка.
За 15 минут обычно успевается пять-семь таких правок. Этого хватает, чтобы из «в целом похоже» получилось «да, это мой сайт».
Финальная просьба: «выложи сайт в интернет». Агент сам подключит бесплатный хостинг вроде Vercel и вернёт ссылку вида vash-sait.vercel.app. Она живая: можно хоть сейчас отправить клиенту или поставить в шапку профиля. Свой домен вроде vash-sait.ru подключается позже — тоже одной просьбой, доменное имя стоит несколько сотен рублей в год.
Час времени и подписка $20 против 50–150 тысяч рублей у студии. И сайт остаётся вашим: захотели поменять цену или добавить блок — открыли Claude Code и попросили. Полную экономику вайбкодинга с калькулятором мы считали в отдельной статье.
Сделать сайт за час может каждый. Но у выпускников наших потоков первая же страница выглядит дороже, чем у человека с улицы. Секрет не в таланте — в скиллах.
Скилл — это инструкция, которую агент подхватывает сам, когда видит подходящую задачу. Один раз описали свои правила — и дальше они работают в каждом сайте, без напоминаний. Как скиллы устроены изнутри, мы разбирали в отдельной статье. Здесь — что они дают на практике.
В скилле один раз описаны цвета, шрифты, отступы, правила композиции. Агент собирает каждую новую страницу уже по этой системе — как штатный дизайнер, который знает ваш стиль наизусть. Эта статья и все материалы Mentor AI свёрстаны именно так.
Без скилла агент пишет вежливое «Добро пожаловать на наш сайт». Со скиллом — оффер, выгоды, возражения и призыв к действию по проверенным формулам. Тот же час работы, но страница не просто есть, а приносит заявки.
›Сделай одностраничный сайт для кондитера...
·Подключаю скилл «фирменный стиль»: цвета, шрифты, сетка...
·Подключаю скилл «продающие тексты»: оффер, заголовки, призыв...
✓Готово — страница в вашем стиле, тексты ведут к заявке
Скиллы не скачиваются из коробки — их пишут под себя. Ученикам курса Mentor AI мы отдаём готовый набор для дизайна и продающих текстов и показываем, как собирать свои — под ваш стиль, вашу нишу и ваши задачи. Это и есть разница между «сделал сайт» и «делаю сайты, за которые платят».
Мы провели через этот путь не один десяток учеников. Затыки повторяются — вот четыре самых частых.
Агент не телепат: на размытый запрос он выдаёт усреднённый сайт, человек решает «не работает» и уходит.Лечится конкретикой из шага 2: для кого сайт, какие блоки, куда ведёт кнопка.
Красный текст в терминале выглядит как приговор. Новичок закрывает окно и решает, что «это всё-таки для программистов».Лечится одним движением: скопировать ошибку и отправить её агенту. Чинить — его работа.
Ожидание: шедевр с первого раза. Реальность: черновик, который доводят правками. На этом месте бросают чаще всего.Лечится пониманием процесса: шаг 4 — не запасной план, а обязательная часть работы.
Ссылка работает, а вопросы только начинаются: как принимать заявки, как прикрутить оплату, где хранить наработки.Здесь заканчивается час — и начинается система. Про неё ниже.
Первый сайт показывает принцип: описал словами — получил работающий продукт. Дальше тот же принцип собирает вещи посерьёзнее.
Вот проекты наших учеников — людей без опыта в программировании. Каждый начинал ровно с того часа, который описан выше, а через две недели интенсива защищал уже не страницу, а работающий сервис. На видео — их собственные презентации:
Клиенты завода видят статус заказов и рекламаций онлайн — без звонков в отдел продаж.
Разбор кейса →Mini-app, где выбирают проект и донатят через Stripe с любой международной карты.
Разбор кейса →Все книги издательства в одном месте: читать онлайн или скачать.
Разбор кейса →Личный трекер с таймером Помодоро, заметками и аналитикой прогресса.
Разбор кейса →Час в одиночку даёт сайт-визитку. Разница с проектами выше — не в таланте, а в том, что рядом был наставник: он снимает затыки из прошлого раздела за минуты, а не за вечера гугления, и показывает, как из первого сайта вырастают боты, сервисы и автоматизация под ваши задачи.
Онлайн-интенсив по вайбкодингу для тех, кто не умеет программировать. Вы проходите весь путь из этой статьи в первый же день — дальше собираете сайт, бота или сервис под свою задачу вместе с наставником.
14 дней, 3–4 часа в день. Программа, формат и тарифы — на сайте курса.