Первый сайт с ИИ
за один вечер

Пошаговый гайд по Claude Code и Codex для тех, кто никогда не писал код. Пишешь задачу словами, агент делает.

Читать главу 1
Человек за ноутбуком: слева чат с ИИ-агентом, справа готовый сайт кофейни
15 глав
от установки до сайта в интернете
PDF и онлайн
читай с телефона, копируй промпты в один клик
Claude Code и Codex
оба агента, каждый шаг для обоих
Обновления бесплатно
инструменты меняются, гайд тоже

Знакомо? Это лечится

Слышишь про ИИ-агентов, но не понимаешь, с какой стороны к ним подойти

Открыл Claude или ChatGPT, получил простыню кода и не знаешь, куда её вставить

Боишься, что сломаешь компьютер или потеряешь файлы

Платишь фрилансерам за правки, которые делаются за пять минут

Не понимаешь, что лучше: приложение, VS Code, терминал, Claude или Codex

Пробовал сам, но агент ходит по кругу и ломает то, что работало

Гайд написан для человека, который никогда не открывал редактор кода. Каждый шаг с картинкой, каждый промпт можно скопировать и отправить агенту как есть.

Как это работает

Ты работаешь как заказчик, а не как программист. Агент делает руками, ты решаешь, что нужно.

  1. Пишешь задачу словами

    «Сделай сайт кофейни с меню и формой брони»

  2. Агент предлагает план

    Ты правишь план, пока ничего не сделано

  3. Агент пишет код сам

    Создаёт файлы, запускает, проверяет ошибки

  4. Смотришь результат

    В браузере и на телефоне, просишь правки

  5. Выкладываешь в интернет

    Получаешь ссылку, которую можно отправить

Два способа начать. Выбери свой

Для каждого способа в гайде пошаговая установка отдельно для Claude Code и отдельно для Codex: куда нажать, что написать, как проверить.

Приложение с ИИ-агентом: чат и превью сайта

Вариант А: сразу в приложении

Скачал, вошёл, выбрал папку и пишешь задачу в окне, похожем на обычный чат. Для тех, кто открывает это впервые.

  • Claude Code: приложение Claude, вкладка Code
  • Codex: приложение ChatGPT, режим Codex
  • Никаких программистских программ
Редактор VS Code с файлами, кодом и панелью ИИ-агента

Вариант Б: через VS Code

Бесплатный редактор: файлы проекта, сайт и агент в одном окне. Больше контроля, когда освоишься.

  • Официальные расширения Claude Code и Codex
  • Работает и в Cursor
  • Бонус: запуск из терминала для смелых

Так мы работаем сами

Эти сайты Neurolibs собрал с помощью Claude Code: от первого экрана до оплаты и личных кабинетов. В гайде тот же подход, только с самого начала.

Zalet: ИИ-платформа для видео
Zalet: ИИ-платформа для видео
Royal Personnel: элитный персонал
Royal Personnel: элитный персонал
Lipo Ozempic: медицинский сайт
Lipo Ozempic: медицинский сайт
Perfect Plan: планы питания
Perfect Plan: планы питания
Мероприятель: агрегатор
Мероприятель: агрегатор
Press Panel: публикации в СМИ
Press Panel: публикации в СМИ

Что внутри: 15 глав

У каждой главы свой результат. Не теория, а шаги, после которых что-то работает.

1
Что такое вайбкодинг и что реально собрать
Понимаешь, с какого проекта начать в первый вечер
2
Claude Code или Codex: что выбрать
Выбрал инструмент под себя за 5 минут
3
Подписка и доступ: сколько стоит, что важно знать в России
Знаешь все расходы и риски до покупки подписки
4
Вариант А: сразу в приложении
Агент установлен и открыл твою папку
5
Вариант Б: через VS Code (и бонус: терминал)
Агент работает прямо в редакторе
6
Первый проект за вечер: сайт-визитка
Сайт открывается в браузере и на телефоне
7
Как ставить задачи: формула и 12 готовых промптов
Агент понимает тебя с первого раза
8
Файл правил: CLAUDE.md и AGENTS.md
Агент помнит твои договорённости
9
Разрешения и безопасность
Агент не сломает лишнего и не сольёт пароли
10
Точки сохранения: Git и GitHub простыми словами
Любую ошибку можно откатить за минуту
11
Выкладываем сайт в интернет
У сайта есть ссылка, которую можно отправить
12
Когда ИИ тупит: 10 ситуаций и что писать
Не застреваешь на ошибках
13
Как тратить меньше лимитов
Подписки хватает на месяц работы
14
Скиллы и MCP: суперсилы агента + скилл в подарок
Агент делает дизайн без шаблонности
15
Шпаргалка на один экран
Все команды и чек-листы под рукой

Прочитай первую главу бесплатно

Глава 1

Что такое вайбкодинг и что реально собрать

Результат главы: Понимаешь, с какого проекта начать в первый вечер

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

Слово придумал Андрей Карпаты, один из основателей OpenAI: он назвал так работу, при которой «просто говоришь, что хочешь, и следуешь за вайбом». За последний год инструменты выросли настолько, что человек без опыта собирает рабочий сайт за вечер.

Чем агент отличается от обычного чата с ИИ

В обычном чате ИИ выдаёт кусок кода, а дальше ты сам копируешь его в файлы и разбираешься, почему не работает. Агент (Claude Code или Codex) работает прямо в папке на твоём компьютере: сам создаёт файлы, сам их правит, сам запускает сайт и смотрит на ошибки. Разница примерно как между советом по телефону и мастером, который пришёл и сделал.

Что реально собрать новичку

  • Сайт-визитку или лендинг для себя, своего дела или клиента
  • Страницу с формой заявки, которая присылает заявки тебе в Telegram
  • Telegram-бота: запись, ответы на частые вопросы, напоминания
  • Калькулятор стоимости, квиз, таблицу-CRM для своих клиентов
  • Мелкую автоматизацию: собрать данные с сайтов, переименовать 500 файлов, сделать отчёт
  • Личное мини-приложение: трекер привычек, список дел, каталог

Куда пока не лезть

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

Ещё 14 глав, промпты и скилл в подарок

Кому подойдёт

  • Предприниматель, который хочет сайт или бота без подрядчика
  • Маркетолог или SMM-щик, которому нужны лендинги и автоматизации
  • Эксперт, который хочет упаковать свои услуги
  • Фрилансер, который хочет брать заказы на сайты с ИИ

Кому не нужен

  • Нужна готовая сложная система с оплатами за неделю: закажи у студии
  • Не готов оформить подписку Claude или ChatGPT
  • Уже пишешь код и работаешь с агентами каждый день

Честно про расходы

Никаких скрытых платежей. Всё, что понадобится кроме гайда, мы перечисляем заранее, а в главе 3 разбираем, как это оплатить и какие есть риски.

990 ₽
гайд, один раз, обновления бесплатно
от $20 в месяц
подписка Claude Pro или ChatGPT Plus, её оплачиваешь сам
0 ₽
VS Code, GitHub и бесплатный хостинг для личного сайта
1 вечер
на установку и первый проект

Начни с гайда. Дальше по желанию

Гайд «Вайбкодинг с нуля»

990 ₽
  • 15 глав: от подписки до сайта в интернете
  • Варианты А и Б для Claude Code и для Codex
  • 27 готовых промптов с кнопкой «Скопировать»
  • Шаблон файла правил CLAUDE.md / AGENTS.md
  • Скилл «Чистый лендинг» в подарок
  • PDF и онлайн-версия, обновления бесплатно
Выгоднее на 1 980 ₽

Всё сразу

6 990 ₽8 970 ₽
  • Гайд «Вайбкодинг с нуля»
  • 19 скиллов для дизайна и кода
  • 34 скилла для видео-контента

Для тех, кто хочет не просто начать, а сразу делать сайты и ролики на уровне студии.

Карточки скиллов: дизайн лендинга, SEO, анимации

Скиллы для дизайна и кода

19 скиллов, на которых мы делаем клиентские сайты. Агент перестаёт делать «сайт как у всех».

  • Дизайн лендингов без шаблонности. Правила сетки, типографики и цвета, которые убирают вид «сайт сделан ИИ»
  • Impeccable. Аудит, критика и полировка интерфейса: агент находит и чинит слабые места дизайна
  • UI/UX Pro Max. Библиотека стилей, палитр и шрифтовых пар под нишу проекта
  • Анимации. Разбор и улучшение движения на сайте: плавно, к месту, без тормозов
  • Проверка сайта перед сдачей. Чек-лист тестировщика и гайдлайны веб-интерфейсов: ссылки, телефон, формы, доступность
  • SEO-структура. Заголовки, описания, разметка для поиска, sitemap и robots
2 990 ₽
Телефон с вертикальным роликом и монтажной лентой

Скиллы для видео-контента

34 скилла: сценарии Reels, ИИ-видео в 25 форматах и жанрах, рекламные ролики.

  • Сценарии вирусных Reels на русском. Хуки, структура ролика, формулы удержания внимания
  • Seedance: 10 готовых форматов. Вирусный хук, запуск продукта, личный бренд, до и после, отзыв, ИИ-аватар и другие
  • 15 жанров ИИ-видео. Кино, 3D, мультфильм, реклама товара, еда, мода, недвижимость, клип и другие
  • Рекламные ролики на русском. Промпты для рекламы в Seedance и база из тысяч проверенных промптов
  • Генерация видео и картинок. Как ставить задачу видеомоделям и собирать ролик из сцен
4 990 ₽
Антон Коновалов, основатель Neurolibs

Консультация Антона, 1 час

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

10 000 ₽

Оплата картой любого банка или по СБП через Т-Банк. Нужен счёт на юрлицо - напиши в Telegram.

Не помог гайд - вернём деньги

Если в течение 7 дней после покупки поймёшь, что гайд тебе не подошёл, напиши в Telegram. Вернём 990 ₽ без допросов.

Антон Коновалов

Кто написал гайд

Антон Коновалов, основатель Neurolibs. Мы делаем сайты, контент-заводы и ИИ-сервисы для бизнеса, и почти весь код у нас пишут агенты: Claude Code и Codex каждый день работают на клиентских проектах.

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

Написать Антону в Telegram

Вопросы

Мне правда не нужно уметь программировать?

Да. Гайд написан для человека, который ни разу не открывал редактор кода. Ты описываешь задачу словами, агент пишет код. Все промпты можно скопировать и отправить как есть.

Что выбрать: Claude Code или Codex?

Если уже платишь за ChatGPT Plus, начни с Codex. Если ничего не оплачено и хочешь красивые сайты, бери Claude Code. В гайде каждый шаг расписан для обоих, во второй главе есть таблица для выбора за минуту.

Сколько денег нужно кроме гайда?

Подписка на Claude Pro или ChatGPT Plus от $20 в месяц, её ты оплачиваешь сам. VS Code, GitHub и хостинг личного сайта бесплатны. Больше ничего не нужно.

Это работает из России?

Anthropic и OpenAI официально не работают в России, и об этом нужно знать заранее. В главе 3 честно разбираем, как люди оплачивают подписку, какие есть риски и как сделать так, чтобы проект не пропал при блокировке аккаунта.

У меня Windows. Подойдёт?

Да. Оба агента работают на Windows 10 и 11 без дополнительных программ, и на Mac с macOS 13 и новее. Нужно от 4 ГБ памяти.

Сколько времени займёт первый сайт?

Один вечер: 30-60 минут на установку и столько же на сайт-визитку по главе 6.

В каком виде гайд?

Онлайн-страница по личной ссылке (удобно с телефона, промпты копируются одной кнопкой) и PDF, который можно скачать. Ссылка приходит на почту сразу после оплаты.

Гайд будет обновляться?

Да. Инструменты меняются каждый месяц, мы обновляем текст, и новая версия появляется по твоей ссылке. Платить второй раз не нужно.

Что если не получится?

Напиши в Telegram, подскажем. А если в течение 7 дней поймёшь, что гайд не подошёл, вернём деньги.

Чем наборы скиллов отличаются от гайда?

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

Можно оплатить от компании?

Да, напиши в Telegram @antonkanavalau, выставим счёт на ООО «Недиджитал 3.0».

Сегодня вечером у тебя будет свой сайт

Гайд, промпты и скилл в подарок. Доступ на почту сразу после оплаты.

Гайд · 990 ₽