Вайбкодинг гайд

Подготовка перед тренингом

Регистрация и настройка перед созданием сайта

Пройдите подготовительные шаги: аккаунт Claude или ChatGPT, установка , , или . После этого можно спокойно начинать практику.

Визуальная схема подготовки аккаунтов и публикации сайта

Пошаговый гайд

Делайте по одному шагу

Codex: шаг 1 из 6

Шаг 1

Создайте аккаунт Claude

Для тренинга нужен один основной ИИ-сервис. Лучше авторизоваться через : так проще входить на разных устройствах и меньше риск забыть пароль.

  1. Откройте официальный сайт: claude.ai.
  2. Нажмите вход или регистрацию.
  3. Выберите вход через , если такая кнопка доступна.
  4. Введите email, к которому у вас есть доступ.
  5. Вернитесь на сайт и проверьте, что чат открывается.
Если вы уже вошли в Claude и видите чат, этот шаг готов.

Шаг 2

Установите

помогает приложению сохранять изменения и отправлять проект в GitHub.

  1. Скачайте установщик: Git для Windows.
  2. Откройте скачанный файл Git-2.55.0-64-bit.exe.
  3. Во всех окнах оставляйте настройки по умолчанию и нажимайте Next / Далее.
  4. В конце нажмите Install, затем Finish.
  5. Скачайте : gh_2.96.0_windows_amd64.msi.
  6. Откройте скачанный файл gh_2.96.0_windows_amd64.msi и завершите установку с настройками по умолчанию.
После установки перезапустите приложение, если оно было открыто.

Шаг 3

Установите Claude Code

Скачайте приложение для выбранной системы: Windows.

  1. Откройте официальную ссылку: Скачать приложение.
  2. Откройте скачанный установщик и завершите установку.
  3. Запустите .
  4. Войдите в тот же аккаунт, который вы выбрали в начале гайда.
  5. Убедитесь, что приложение открылось без ошибок.
Достаточно убедиться, что Claude Code открывается и готов работать с файлами проекта.

Шаг 4

Создайте аккаунт GitHub

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

  1. Откройте официальный сайт: github.com.
  2. Нажмите регистрацию или вход.
  3. Выберите вход через , если такая кнопка доступна.
  4. Если появится , проходите её внимательно с первого раза.
  5. Подтвердите через письмо от GitHub.

Шаг 5

Создайте папку и откройте её в Claude Code

Эта станет рабочим местом приложения: здесь появятся файлы будущего сайта.

  1. Создайте новую папку в любом удобном месте: например, на рабочем столе или в документах.
  2. Назовите её как хотите. Например: Первый проект Вайбкодинг.
  3. Откройте приложение ChatGPT.
  4. Переключитесь на , нажав на логотип сверху слева.
  5. Привяжите созданную папку проекта.
Готово, если приложение показывает название вашей папки и готово принимать задания.

Шаг 6

Подключите GitHub аккаунт к Codex

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

  1. Откройте приложение и убедитесь, что выбрана папка проекта.
  2. В чат Codex вставьте этот текст целиком:
Выполни gh auth login --hostname github.com --git-protocol https --web без интерактивного TTY, чтобы команда вывела device code и ссылку.
  1. Codex запустит команду и покажет ссылку https://github.com/login/device и .
  2. Важно: откройте ссылку в том же браузере, где вы создавали или открывали аккаунт GitHub.
  3. На странице GitHub вставьте код, который выдал Codex, и подтвердите авторизацию.
  4. Вернитесь в Codex и дождитесь сообщения, что вход выполнен успешно.
Готово, если GitHub принял код, а Codex больше не просит авторизоваться в GitHub.

Если GitHub CLI не установился

Создайте GitHub token

Это запасной вариант, если GitHub CLI не получилось установить. Token позволит вручную дать приложению доступ к GitHub.

Что сделать на GitHub

  1. Откройте страницу: github.com/settings/tokens/new.
  2. В Note/Примечание напишите любое понятное название.
  3. В Expiration/Срок действия выберите No expiration/Срок действия не ограничен.
  4. Поставьте галочку рядом с repo/репозиторий и workflow/рабочий процесс.
  5. Внизу нажмите зелёную кнопку Generate token/Создать токен.
  6. Сразу скопируйте token и сохраните его: GitHub покажет его только один раз.
Не показывайте token другим людям и не вставляйте его в публичные чаты.

Словарь новичка

Глоссарий

Все подчёркнутые слова из гайда — простыми словами и без технического тумана.

Закрепление

Небольшой тест

10 случайных вопросов по шагам и терминам. При новом прохождении вопросы и варианты перемешиваются.