Сделал полноценный сайт с нейросетью за 2 вечера
7:31

Сделал полноценный сайт с нейросетью за 2 вечера

Лысый из браузера 17.02.2026 2 285 просмотров 87 лайков

Machine-readable: Markdown · JSON API · Site index

Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
Сделал полноценный сайт с нейросетью за 2 вечера — не написал ни строчки кода вручную. Вайб-кодинг в действии: показываю реальный процесс от идеи до готового сайта с админкой и анимациями. В этом видео показываю, как заменил нейросетью дизайнера, верстальщика и программиста. Общался с нейросетью как с партнёром — описывал задачи словами, она сама разбиралась в коде и вносила правки. Так работает вайб-кодинг: вы объясняете что нужно, нейросеть делает. Я набираю первую группу на уроки по вайбкодингу. Покажу, как создавать скрипты, приложения, расширения и автомазации через нейросети. Чтобы узнать подробности, пишите помощнику → https://t.me/m/ibMo-SHDZDIy или если всё понятно итак, то можете сразу в бота перейти https://t.me/vibe_codebot Главы 00:00 — Сайт, который сделала нейросеть 00:08 — Как раньше делали сайты 01:12 — Нейросеть вместо дизайнера и программиста 02:02 — Вайб-кодинг в реальном времени 04:36 — Что ещё можно сделать с нейросетью 06:04 — Курс по вайб-кодингу 07:13 — Аутро Ссылки Telegram: https://t.me/+2qI3y89Hi2FiODNi ВКонтакте: https://vk.com/baldfrombrowser ChatGPT с оплатой в рублях: https://t.me/ChatGPT_TopStore_Bot?start=r_17408070 Аренда сервера (оплата в рублях): https://timeweb.cloud/r/cj28624

Оглавление (7 сегментов)

  1. 0:00 Сайт, который сделала нейросеть 19 сл.
  2. 0:08 Как раньше делали сайты 158 сл.
  3. 1:12 Нейросеть вместо дизайнера и программиста 136 сл.
  4. 2:02 Вайб-кодинг в реальном времени 388 сл.
  5. 4:36 Что ещё можно сделать с нейросетью 246 сл.
  6. 6:04 Курс по вайб-кодингу 170 сл.
  7. 7:13 Аутро 44 сл.
0:00

Сайт, который сделала нейросеть

Вот этот сайт я сделал полностью с помощью нейросетей. Раньше процесс создания сайта выглядел следующим образом. Нужно было нарисовать
0:08

Как раньше делали сайты

прототип в какой-нибудь программе, то есть чёрно-белые такие блоки, где должны находиться какие, э, части сайта. Потом это нужно было отдать дизайнеру, который в специальной программе в раньше в Адобе Photoshop, теперь в Фигма должен был отрисовать дизайн. И этот дизайн нужно было согласовать с дизайнером. То есть нужно было подбирать шрифты, продумывать это всё. И дизайнер делал это по несколько дней. То есть мы даём обратную связь дизайнеру, он уходит работать и работает несколько дней. Потом он возвращается и мы переделываем. Например, после того, как дизайн готов, нужно было отдать это всё дело верстальщиву, который из обычной картинки превратил бы это вот в такой вот сайт уже с анимациями, со всеми штуками. А потом нужно было бы отдать это отдельному человеку, который называется бэкэндер или просто программист, некоторые его называют. Он должен был создать админ-панель, где вы можете управлять сайтом. Можете, например, писать статьи или э редактировать какие-то страницы и так далее. Сейчас я полностью весь этот
1:12

Нейросеть вместо дизайнера и программиста

процесс отдал нейросети. Я вместе с ней советовался, как поступить с каждым блоком на сайте, как использовать какие-то фишки, анимации и так далее. И я не редактировал ни один файл. Я просто общался с нейросетью как со своим компаньоном, партнёром, который помогает мне э делать сайт. И потратил я на это два вечера. То есть сейчас я показываю локальную версию сайта, потому что он лежит на моём компьютере. Я его ещё доделываю и буду доделывать там ближайшие несколько дней, а потом только опубликую. Но суть в том, что этот процесс занял у меня сильно меньше времени. И этот помощник, компаньон, он доступен 247 в любое время. Если я стою в пробке, в такси, я могу открыть ноутбук и доделать сайт прямо вот так вот, сидя за компом, объясняя нейросети, что мне нужно. Вот, допустим, у меня
2:02

Вайб-кодинг в реальном времени

есть админ-панель, где я могу создавать статью, могу вот здесь написать название для статьи, подгрузить картинку, могу сюда вставить какой-нибудь материал или текст. И этот текст могу форматировать. То есть здесь я эту админку настроил так, как мне нужно под себя. Мне очень всё нравится. Но мне не нравится, что я не могу быстро вернуться на сайт обратно из админки. То есть мне нужно лезть в адресную строку и стирать слово adдмин для того, чтобы попасть на главную страницу сайта. Хочется добавить сюда аватарку, чтобы я по ней кликал и возвращался на главную страницу сайта. Что я делаю? Я открываю редактор кода, но не редактирую ни единой строчки кода. Я открываю чат с нейросетью и говорю, а в разделе админка нужно добавить в левую верхнюю часть сайта аватарку такую же, как на главной странице, чтобы при клике на эту аватарку я возвращался на главную страницу. Всё это всё, что мне нужно было сказать нейросети. В разделе админка нужно добавить левую часть аватарку такую же, как на главной странице. Всё. Дальше нейросеть разберётся, что сделает она. Она посмотрит, во-первых, какие инструкции для неё есть, какая задача сейчас стоит. Потом она ищет все файлы, которые связаны с админкой для того, чтобы разобраться, как сейчас устроена шапка сайта, например. Затем она начинает смотреть какие-то конкретные файлы, файлы админки, файлы шапки сайта, проверяет, смотрит, как сейчас это устроено, думает немного и потом выдаёт своё решение. когда э-э когда она закончит, она попросит разрешение отредактировать файлы, и я увижу, какие файлы и что именно там она хочет отредактировать. Я нажму на кнопку accept, то есть я подтвержу, подтверд, подтвержду, ну, вы поняли. Э, сделаю подтверждение. Всё, добавилась аватарка. Вот только что, буквально на ваших глазах, я доделал фишку на сайте. То есть я из админ-панели, а могу перейти в раздел на главное странице сайта. Всё, вот я на главной странице. И дальше я снова могу попасть в админку, если впишу здесь слово adдмин. Итак, происходит совсем. То есть мы всё, что мне нужно доработать, я просто излагаю, прилагаю скриншоты, показываю примеры, и нейросеть доделывает за меня вот эту анимацию. Я не делал тоже сам. Я объяснил, что должно быть, что должно происходить с этими точечками. И эта анимация здесь появилась. Всё то, что я здесь доделаю, вы потом сможете увидеть на моём настоящем реальном сайте, когда я его опубликую. А если хотите научиться
4:36

Что ещё можно сделать с нейросетью

делать так же, чтобы нейросеть могла помочь вам написать какой-то скрипт, например, расширение для вашего браузера или, например, плагин для какой-то программы, в которой вы каждый день работаете. Это может быть скрипт для Google таблиц, это может быть Telegramбот, который выполняет какую-то рутинную задачу или, например, становится очень популярным. Один из моих ботов набрал 20. 000 пользователей. На самом деле старая цифра 25 уже. И есть боты, которые их я делал только для себя, но они почему-то оказались нужны другим людям и стали приносить деньги. Например, бот поиска похожих каналов. Я его делал для себя, когда занимался закупом рекламы в Telegram. А оказалось, что другим закупщикам тоже такой бот нужен, и они заплатили за это деньги. А таблица по маркировке рекламы, которую я тоже сделал с помощью вайп-кодинга, то есть когда я написал код, как бы не разбираясь в этом коде и не написав его руками, эта таблица по маркировке рекламы приняла принесла больше 1 млн руб. выручки, потому что, опять же, ей пользуются те, кто регулярно покупает рекламу в Telegram-каналах, и им нужно маркировать эту рекламу, потому что вышел такой закон. В общем, вайпкодинг открывает прикольные возможности, когда можно не искать какой-то софт, а сделать его под себя. То есть вы можете для себя сделать какую-то программу, какой-то скрипт, какую-то автоматизацию, которая упростит вашу работу. И вместо 8 часов вы будете тратить на это, там пример 2 часа или 15 минут, в зависимости от того, насколько вы заморочены, и у вас появится время для другого.
6:04

Курс по вайб-кодингу

Я набираю группу, с которой буду заниматься вайб-кодингом, буду объяснять, как это устроено, как лучше всего и какие лучше всего нейросети для этого использовать. по шагам буду объяснять в коротких видеоуроках, как и что нужно сделать, и оставлю пространство для самостоятельного изучения, то есть для экспериментов, чтобы вы могли с моей обратной связью сделать, например, свой проект, своего первого Telegram-бота, своего и ассистента, ээ свой скрипт, сайт, приложение, что угодно. Мы начинаем 1 марта, но если вы смотрите это видео позже, вдруг наткнулись на него позже, то группы стартуют каждое первое число следующего месяца. Поэтому вы можете записаться, там есть специальные условия. Приходите заниматься, приходите разбираться с нейросетями. Мне кажется, это будущее. И теперь каждый сможет для себя делать софт. И я позиционирую вайпкодинг именно как способ делать софт для себя в первую очередь и только потом для других. Вот для себя вы сможете делать невероятные вещи. Для других, если у вас есть достаточно усидчивости, вы тоже сможете делать невероятные вещи. Возможно, за это вам даже будут платить деньги. Меня
7:13

Аутро

зовут Артём Исламов. Это Лысый из браузера. Рассказываю про нейросети так, чтобы вам было легче работать, учиться и жить. Подпишитесь на канал. В комментариях задавайте вопросы. Лайк на это видео поставьте. Это важно для канала. Канал молодой. И увидимся в следующих видео. Пока. M.

Ещё от Лысый из браузера

Ctrl+V

Экстракт Знаний в Telegram

Экстракты, дистилляты и транскрипты — проверенные знания из лучших YouTube-каналов.

Подписаться