Codex для новичков

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

Что такое Codex

Codex — это AI-агент для кода от OpenAI. Слово "агент" здесь не для красоты.

Чат в ChatGPT — собеседник. Ты пишешь запрос, он отвечает текстом. Что делать с этим текстом — твоя проблема: копировать, вставить, проверить, заставить работать.

Агент в Codex — исполнитель. Ты ставишь задачу, он сам открывает файлы, пишет код, запускает программы, ловит ошибки, исправляет, сохраняет изменения. Тебе остаётся посмотреть и принять работу.

Разница огромная. С ChatGPT собрать лендинг — полтора часа копирования-вставки. С Codex — три минуты, две из которых на проверку.

Где Codex реально мощный

• Собрать лендинг, сайт-визитку, инструмент или простое приложение с нуля по описанию.
• Сделать страницу под услугу, мероприятие, курс — то, за что обычно платят разработчику $500-3000.
• Доработать существующий проект, даже если ты его не писал и в нём не разбираешься.
• Перевести код или текст из одного формата в другой, отрефакторить чужой шаблон.
• Написать документацию или инструкцию по запуску для проекта, который у тебя уже есть.
• Проверить твой код на ошибки до публикации.

Где Codex слабее, чем кажется

Это важно понять до того, как разочаруешься на третий день.

• Большие задачи без декомпозиции. "Сделай мне соцсеть" или "целую CRM-систему" — ничего хорошего. Codex силён, когда задача укладывается в одну сессию: лендинг, визитка, калькулятор. Большие проекты собираются по кусочкам.
• Очень запутанный чужой код без документации. Если открываешь чужой проект на 50 файлов и в нём нет ни одного объяснения — Codex будет угадывать. Помоги ему: сначала попроси разобраться и описать, потом уже что-то менять.
• Творческие задачи без критериев. "Сделай красиво" — это не задача. Чем точнее опишешь что хочешь, тем точнее результат. Об этом отдельный раздел ниже.

Где доступен Codex

Codex — это не одна программа. Это один и тот же агент в нескольких местах. Подписка одна, лимиты общие, контекст переносится.

• В редакторе кода (VS Code) — расширение прямо в программе. Открыл папку → нажал значок Codex → говоришь с ним в боковой панели. Самый удобный путь для новичка, с него и начнём.
• В терминале (Codex CLI) — для тех, кто умеет с командной строкой. В этом гайде не разбираем, для большинства лишнее.
• В облаке (chatgpt.com/codex) — браузерный вариант. Удобен для длинных задач или работы с телефона.

1. Что установить и куда залогиниться

Чтобы Codex заработал, нужны три вещи: аккаунт ChatGPT с подпиской, редактор кода VS Code, и расширение Codex внутри него. По порядку.

Шаг 1. Создай аккаунт ChatGPT

Зайди на chatgpt.com и зарегистрируйся. Понадобится email и номер телефона.

Шаг 2. Выбери тариф

Codex входит в подписку ChatGPT, отдельно его не покупают. На май 2026 расклад такой:

Актуальные цены: chatgpt.com/pricing.

Шаг 3. Поставь VS Code

VS Code — бесплатный редактор кода. Программа, в которой ты будешь работать с файлами своего проекта.

Скачай с code.visualstudio.com, установи, запусти. Если уже стоит — пропусти.

Когда откроешь впервые — не пугайся. Тёмный экран, странная панель, куча кнопок. Тебе из всего этого понадобится 3-4 элемента, дальше разберём.

2. Codex в VS Code — твой главный инструмент

Самый простой путь: открыл папку с проектом → поговорил с Codex прямо в редакторе → увидел как он создаёт и меняет файлы.

Шаг 1. Поставь расширение Codex

В VS Code слева — вертикальная панель с иконками.

1. Нажми иконку Extensions (четыре квадратика).
2. В поиске введи Codex.
3. Выбери расширение Codex — OpenAI's coding agent от издателя OpenAI. Важно — ставь именно официальное.
4. Нажми Install.

Шаг 2. Войди в свой ChatGPT-аккаунт

После установки в правой панели появится иконка Codex. Нажми → откроется панель с кнопкой Sign in with ChatGPT.

Откроется браузер, авторизуйся в свой аккаунт, разреши доступ. После этого панель Codex активируется. Лимиты подтянутся из твоего ChatGPT-плана сами — никаких отдельных ключей вводить не нужно.

Шаг 3. Открой папку для проекта

Codex работает с папкой на твоём компьютере. Это может быть пустая папка, в которой он создаст новый проект, или папка с уже готовыми файлами для доработки.

Создай новую папку (например на рабочем столе, назови my-first-landing) и открой в VS Code через File → Open Folder.

Шаг 4. Разберись в режимах работы

Под полем ввода в панели Codex есть переключатель из трёх режимов. Выглядит сложно, запомни просто:

1. Default permissions (по умолчанию). Безопасный режим. Codex читает код, предлагает изменения, но перед каждым действием (запуск команды, изменение файла) спрашивает подтверждение. Много всплывающих "Approve / Reject". Используй: незнакомый репозиторий, работа с прод-кодом.

2. Auto-review. Баланс между скоростью и безопасностью. Codex сам выполняет действия через внутреннюю проверку (условно "второй агент проверяет"). Меньше ручных кликов. Используй: обычная разработка, не критичные проекты.

3. Full access. Полная свобода без вопросов. Не лезь сюда пока не освоишься.

Шаг 5. Поставь первую задачу

Начнём с простого — лендинг. В поле Codex напиши:

Создай одностраничный лендинг для [частного преподавателя английского
в Ташкенте].

Аудитория — [взрослые 25-40 лет, учат для работы и путешествий].
Цель страницы — [записаться на пробный урок через Telegram].

Структура (сверху вниз):
— Первый экран: заголовок [«Свободный английский за 4 месяца»], 
  подзаголовок [про подход], кнопка [«Записаться на пробный»]
— Блок [«О подходе» — 3-4 предложения: индивидуальные уроки,
  фокус на разговорной практике, домашка с проверкой]
— Блок [«3 преимущества» — гибкий график, материалы в Telegram,
  обратная связь после каждого урока]
— Блок [«Для кого» — три типа учеников]
— Блок [«Отзывы» — 3 карточки с придуманными именами]
— Блок [«О преподавателе» — фото-заглушка, имя, опыт]
— Форма записи: [имя, телефон, удобное время]
— Футер с контактами [(Telegram, Instagram)]

Стиль: [лёгкий, дружелюбный, светлый.]
Главный цвет — [тёплый бирюзовый.]
[Шрифт без засечек.]
Адаптив под мобильные обязательно.

Используй HTML, CSS и немного JavaScript. Один файл index.html, всё внутри.

Нажми отправить. Codex покажет план, начнёт создавать файлы, попросит подтверждения на каждом шаге. Жми Approve.

Через пару минут в твоей папке появится index.html. Открой его двойным кликом — лендинг откроется в браузере.

Что ты заметишь после первой задачи

Несколько вещей, которые удивляют новичков.

Первое. AI не "помог тебе сделать", а сделал. Между "дал готовый код, который ты сам вставлял" и "открыл файл, написал, проверил, исправил" — огромная разница. После Codex возвращаться к чату для подобных задач уже не хочется.

Второе. Ты сэкономил реальные деньги. Такой лендинг у разработчика стоил бы $500-1500. У дизайнера-фрилансера — от $300. Тебе он обошёлся в 20 минут и подписку $20.

Третье. Ты можешь повторить это для любой ниши. Замени "частный преподаватель английского" на "IT-школа", "клининг", "медицинский центр", "юрист" — получишь готовый лендинг за то же время.

3. AGENTS.md — инструкция для Codex

После первой задачи ты заметишь: Codex иногда забывает контекст, делает по-своему, использует неожиданный стек. Это решается одним файлом — AGENTS.md.

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

Что писать в AGENTS.md

Структура простая. Разделы могут быть такие (не все обязательны):

Что это за проект — 2-3 предложения о проекте, цель, стадия.

Стек технологий — какие инструменты используешь (HTML/CSS/JS, Next.js, Python, etc.). Это позволит Codex не пытаться вводить новые зависимости.

Команды — как запускать проект локально, как делать билд.

Стиль ответов — на каком языке писать комментарии, как форматировать код, использовать ли определённые библиотеки.

Безопасность — что Codex не должен трогать. Например: "не удаляй файлы без подтверждения", "не публикуй ключи API в коде".

Что не трогать — конкретные файлы или папки, которые не должны меняться (legacy-код, бэкапы, чужие модули).

В конце задачи — что Codex должен сделать после каждой завершённой задачи (запустить тесты, обновить README, прокомментировать изменения).

Минимальный шаблон AGENTS.md для лендингов

# AGENTS.md

## Что это за проект
Одностраничный лендинг для [твой бизнес]. 
Цель: собрать заявки через форму или Telegram.

## Стек
— HTML5, CSS3 (без фреймворков)
— Vanilla JavaScript (если нужно)
— Один файл index.html, всё inline

## Стиль кода
— Комментарии на русском
— Class-имена на английском, kebab-case
— Никаких CSS-фреймворков (Tailwind, Bootstrap) без моей просьбы

## Что не трогать
— Папку /assets с готовыми изображениями
— Файл .env (если появится)

## В конце задачи
— Покажи что изменилось
— Если есть кнопки/формы — проверь что они работают
— Открой index.html в браузере (команда: `open index.html` на Mac, `start index.html` на Windows)

Положи этот файл в корень папки проекта. Codex увидит автоматически.

4. Как ставить задачи, чтобы Codex не сломал проект

Главное правило простое: чем точнее опишешь — тем точнее результат. Большинство проблем с Codex — не от того, что он "плохо работает", а от того что ты дал ему расплывчатую задачу.

Структура хорошей задачи

«Сделай мне форму на сайте.»

«Добавь в index.html форму записи на пробный урок. Поля: имя (обязательное), телефон (обязательное), удобное время для звонка (выпадающий список — утро/день/вечер). При нажатии "Записаться" — данные отправляются в Telegram-бот через webhook (заглушка, я подставлю URL позже). После отправки показывается сообщение "Спасибо, перезвоним в течение часа". Стиль — соответствует существующему дизайну страницы. Не меняй другие блоки лендинга.»

Разница в результате — огромная. Во втором случае получаешь рабочую форму с первой попытки. В первом — три итерации уточнений.

Четыре элемента хорошей задачи

1. Что конкретно сделать — действие глаголом ("добавь", "перепиши", "исправь", "удали").
2. Контекст — где в проекте это нужно, что вокруг, что важно не сломать.
3. Критерии "готово" — как ты поймёшь что задача выполнена правильно (форма работает, тест проходит, страница открывается без ошибок).
4. Чего не делать — границы. "Не меняй стиль кнопок", "не добавляй новые библиотеки", "не трогай форму регистрации".

Цикл "промпт → проверка → улучшение"

После каждой задачи делай три шага:

1. Прочитай что Codex сделал. Не доверяй слепо. Прочитай diff, открой страницу, проверь что работает.
2. Если что-то не так — скажи конкретно. Не "сделай лучше", а "форма не отправляется, кнопка не реагирует на клик".
3. Если хочешь развития — пиши инкрементально. Не "добавь ещё всё", а "теперь добавь только блок с ценами после блока О курсе".

5. 8 готовых сценариев — что собрать сегодня

Готовые промпты под типичные задачи для фаундеров из Узбекистана. Скопируй, замени детали под себя, отправь Codex.

5.1. Лендинг для услуги

Шаблон выше в Шаге 5 раздела 2. Меняешь нишу и детали → готовый лендинг за 20 минут.

5.2. Сайт-визитка эксперта

Создай одностраничную визитку для [твоя профессия].

Сверху-вниз:
— Имя, фамилия, фото-заглушка справа
— Одна строка кто я и для кого работаю
— Блок "Что делаю" — 4-5 пунктов
— Блок "С кем уже работал" — 4-6 логотипов-заглушек
— Блок "Кейсы" — 3 карточки с заголовком и одним предложением
— Контакты: Telegram, Instagram, email, телефон
— QR-код на профиль в Telegram (генерируй через CSS, не img)

Стиль: минимализм, серый фон, чёрный текст, один акцентный цвет (синий).
Адаптив. Один файл index.html.

5.3. Калькулятор стоимости услуги

Создай калькулятор стоимости [услуги].

Поля ввода:
— [список параметров — для салона красоты это тип процедуры, длина волос;
   для логистики — вес, расстояние; для юриста — тип услуги, сложность]

Логика расчёта:
— [опиши формулу или таблицу: "базовая ставка $X + $Y за параметр Z"]

После заполнения:
— Кнопка "Рассчитать"
— Результат с разбивкой что во что входит
— Кнопка "Связаться для подтверждения" → ссылка на Telegram

Один файл index.html. Стиль — светлый, простой.

5.4. Форма опроса клиентов

Создай форму опроса для клиентов после оказания услуги.

Вопросы:
1. Оцени работу от 1 до 10 (звёзды)
2. Что понравилось больше всего (короткий ответ)
3. Что можно улучшить (короткий ответ)
4. Готов рекомендовать друзьям? Да / Нет / Возможно
5. Контакт для обратной связи (опционально)

После отправки:
— Данные сохраняются в localStorage (для теста)
— Показывается "Спасибо за отзыв" и предлагается оставить отзыв в Google/Yandex
— Все ответы видны мне через консоль браузера (для теста)

Стиль: дружелюбный, светлый. Адаптив под мобильные.

5.5. Простой Telegram-бот (одна команда)

См. отдельный гайд «Telegram-бот без ручного кода» — там пошагово с нуля до рабочего бота.

5.6. Лендинг для мероприятия

Создай лендинг для [тип мероприятия: воркшоп / митап / конференция] в Ташкенте.

— Заголовок с датой и местом
— Подзаголовок: для кого
— Программа: 3-5 пунктов с временем
— Спикеры: 2-4 карточки с фото-заглушками
— Цена и условия (Early bird до даты Х, потом дороже)
— Форма регистрации: имя, контакт, нужен ли обед/трансфер
— Карта места проведения (заглушка — embed Google Maps по координатам)
— Контакты организатора

Стиль: динамичный, тёмный фон, яркий акцент.

5.7. Доработка существующего сайта

Если у тебя уже есть HTML-файл сайта, открой папку с ним в VS Code и попроси:

Сейчас открыт мой текущий сайт index.html.

1. Добавь шапку с логотипом слева и навигацией справа
   (пункты: Услуги, Цены, Кейсы, Контакты).
2. Сделай навигацию sticky — чтобы оставалась наверху при скролле.
3. На мобильных — навигация в бургер-меню.

Не меняй ничего другого в HTML/CSS.

5.8. Перевод чужого шаблона под свой стиль

В папке лежит готовый HTML-шаблон (index.html + styles.css).

Перепиши его под моё дело:
— Тематика: [твой бизнес]
— Главный CTA: [записаться / купить / оставить контакт]
— Аудитория: [кто]
— Тон: [деловой / тёплый / экспертный]

Текст замени полностью, структуру оставь.
Цвета — поменяй на [твой акцентный цвет].
Картинки — оставь как заглушки.

6. Куда расти дальше

После того как первые пару проектов соберёшь по этой схеме, появится желание глубже. Несколько направлений:

Деплой на сервер. Локальный index.html живёт только на твоём компе. Чтобы сайт открывался по адресу типа mybusiness.uz — нужен хостинг. Самые простые варианты: Vercel (бесплатно для лендингов, оплата картой), Netlify, Cloudflare Pages.

Подключение домена. Покупка домена .uz — через UZINFOCOM или через сторонние регистраторы типа domains.google (если хочешь .com).

Подключение платежей. Когда лендинг превратится в магазин или сервис подписки — нужны платежи. В Узбекистане работают Click и Payme (есть API). Отдельный гайд — «Платежи в Telegram-боте: Click, Payme, Tribute».

AGENTS.md прокачка. Чем больше работаешь, тем тоньше становится твой AGENTS.md. Сохраняй удачные правила, переноси между проектами. Со временем у тебя будет 3-4 шаблона AGENTS.md под разные типы проектов.

Что забрать с собой

После этого гайда у тебя в руках инструмент, который заменяет дизайнера и junior-разработчика для типовых задач. Это не "магия AI" — это новый workflow.

Главная привычка: всё что раньше требовало "найти подрядчика → объяснить → ждать → принять → доработать" — теперь делается за вечер в VS Code с Codex рядом.

Главное правило: чем точнее опишешь — тем точнее результат. Не "сделай мне сайт", а "лендинг для [ниши] с такой-то структурой".

Что дальше

• Claude для новичков — Claude хорош для текстов, анализа документов, бизнес-логики. В паре с Codex закрывает 80% задач предпринимателя.
• Что такое вайбкодинг — методология, где AI пишет код за тебя, а ты становишься архитектором.
• Telegram-бот без ручного кода (paid) — первый AI-проект, который запускается за вечер.
• 5 файлов без которых Claude Code работает неэффективно (paid) — следующая ступень: Claude Code в терминале, AGENTS.md прокачка, hooks, MCP.
• AGENTS.md и Memory Bank (paid) — углублённо про AGENTS.md и как давать AI постоянный контекст между сессиями.