🎯 О чём этот конспект: Пошаговое руководство по использованию Codex (нового ИИ-агента от OpenAI) для разработки программного обеспечения. В видео разбирается весь цикл: от установки CLI до деплоя готового веб-приложения на Vercel, используя продвинутые техники «вайбкодинга».

👤 Кому будет полезно: Вайбкодерам, предпринимателям без технического бэкграунда и разработчикам, желающим пересесть на самые мощные ИИ-инструменты 2026 года.

✨ Что получите: Вы научитесь создавать полноценные Fullstack-приложения (Next.js), интегрировать сторонние API (OpenRouter), работать в YOLO-режиме и деплоить проекты в сеть менее чем за час.

1. Установка и настройка среды Codex

Контекст: Codex — это мощный ответ OpenAI на Claude Code. Он лучше справляется с глубокими багами и длительными сессиями кодинга. Существует 4 способа работы: CLI, расширение для IDE, десктопное приложение и API. Для работы необходима подписка ChatGPT Plus, Pro или API-ключ. Самый эффективный способ для профи — использование через терминал в связке с IDE Cursor.

Выгода: Быстрый старт в разработке без необходимости вручную настраивать конфиги и зависимости.

Как применить:

• Шаг 1: Установка CLI — Откройте терминал и выполните официальную команду установки:

curl -fsSL https://codex.openai.com/install.sh | sh

• Шаг 2: Проверка Node.js — Убедитесь, что у вас установлен Node.js (команда node -v). Если нет — скачайте с официального сайта.
• Шаг 3: Авторизация — Запустите Codex командой codex, выберите вход через ChatGPT и авторизуйте устройство в браузере.
• Шаг 4: Выбор модели — Всегда выбирайте последнюю версию (на момент видео GPT-5.4) и уровень рассуждений (Reasoning Effort) — High для обычных задач или Extra High для сложных рефакторингов.

Результат: Полностью готовый к работе ИИ-агент в вашем терминале.

2. Создание фундамента проекта: Agents.md и контекст

Контекст: Чтобы ИИ не «галлюцинировал» и следовал вашему стилю, необходимо создать файл agents.md. Это глобальный стандарт (используется в Cursor, Windsurf, Codex), который служит системным промптом для всех агентов в папке проекта. Вместо того чтобы каждый раз объяснять ИИ, кто он, вы записываете это один раз в этот файл.

Выгода: ИИ всегда помнит стек технологий, правила именования и цели вашего бизнеса.

Как применить:

• Шаг 1: Создание файла — Попросите Codex: create an agents.md file in this project.
• Шаг 2: Наполнение промптом — Используйте XML-теги для передачи больших блоков инструкций.
• Шаг 3: Использование шаблона — Скопируйте качественный системный промпт (GitHub Gist автора) и вставьте его в файл через Codex:

<system_prompt>
Project Name: BeautyMirror
Target User: Women 18-55
Tech Stack: Next.js, Tailwind, OpenRouter
Rules: Use TypeScript, be concise, follow Pinterest design style.
</system_prompt>

Результат: Агент, который понимает специфику вашего продукта и не задает лишних вопросов.

3. Режим YOLO и мульти-агентная разработка

Контекст: По умолчанию ИИ запрашивает разрешение на каждое действие (чтение файла, выполнение команды). Это убивает скорость. Режим YOLO (Dangerous Full Access) дает агенту полную свободу действий. В десктопном приложении Codex можно запускать несколько «воркеров» (суб-агентов) параллельно, которые работают в разных ветках Git (Worktrees), не мешая друг другу.

Выгода: Ускорение разработки в 5-10 раз за счет автономности и параллелизма.

Как применить:

• Шаг 1: Запуск в YOLO-режиме — В терминале используйте флаг -y:

codex -y

• Шаг 2: Режим Fast — Включите ускоренную генерацию командой:

/fast

• Шаг 3: Параллельные задачи — В приложении Codex запустите два треда. Одному поручите фронтенд, другому — логику API. Благодаря Git Worktrees они не создадут конфликтов в коде до момента слияния.

Результат: Приложение строится «само» в фоновом режиме, пока вы контролируете процесс.

4. Интеграция OpenRouter и визуальный отладчик

Контекст: Для работы с ИИ-изображениями (модель Nano Banana 2 / Gemini 3.1 Flash) лучше всего использовать OpenRouter. Если код не работает, используйте скриншоты ошибок. Codex отлично понимает визуальный контекст (Image Input).

Выгода: Возможность использовать любые модели (Claude, GPT, Gemini) через один API-ключ и быстро фиксить баги по скриншотам.

Как применить:

• Шаг 1: Настройка API — Создайте ключ на OpenRouter, установите лимит ($5-10) и передайте его Codex:

Here is my OpenRouter API key: [KEY]. Add it to .env.local and configure the image generation service.

• Шаг 2: Визуальный баг-репорт — Если видите ошибку в браузере, сделайте скриншот (Cmd+Shift+3) и вставьте его в чат Codex (Ctrl+V) с промптом:

Investigate why I'm getting this error and fix it.

• Шаг 3: Глубокое исследование — Если ИИ не справляется, попросите его использовать инструмент веб-поиска для изучения свежей документации OpenRouter.

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

5. Деплой на Vercel и автоматизация (Skills)

Контекст: Проект на Localhost бесполезен. Для публикации используется связка GitHub + Vercel. Codex может сам подготовить проект к деплою, создать .gitignore и отправить код в репозиторий.

Выгода: Ваше приложение доступно по ссылке всему миру через 2 минуты.

Как применить:

• Шаг 1: Инициализация Git — Попросите Codex: initialize git, create .gitignore and do the first commit.
• Шаг 2: Пуш в GitHub — Создайте пустой репозиторий на GitHub, скопируйте ссылку и дайте её агенту:

Here is the GitHub repo link: [URL]. Push everything there.

• Шаг 3: Деплой на Vercel — Импортируйте репозиторий в Vercel, добавьте Environment Variables (API ключи) и нажмите Deploy.
• Шаг 4: Настройка Skills — В приложении Codex установите скилл Playwright, чтобы агент мог сам заходить на сайт и тестировать кнопки.

Результат: Живое, работающее SaaS-приложение, готовое к приему пользователей.

FAQ

В: Нужно ли мне знать язык программирования, чтобы использовать Codex?

О: Нет, в этом суть вайбкодинга. Вы общаетесь с Codex на обычном английском (или русском), описывая функции и дизайн. Codex сам пишет код на Next.js, Tailwind CSS и TypeScript. Вам достаточно понимать базовые команды терминала (cd, ls).

В: Чем Codex лучше Cursor или Claude Code?

О: Codex обладает более высокой «выносливостью» (persistence). Он может работать над одной задачей 10-20 минут, совершая сотни правок без потери контекста, и лучше справляется с глубокими архитектурными ошибками. Также у него есть уникальные функции автоматизации (Cron-задачи) и встроенный поиск.

В: Безопасно ли использовать режим YOLO?

О: Это риск, так как агент может удалить файлы или выполнить опасную команду. Чтобы минимизировать риски: 1) Всегда используйте Git и делайте коммиты каждые 10 минут. 2) Запускайте Codex только в папке проекта, а не в корневой директории системы.

В: Как экономить лимиты при использовании GPT-5.4?

О: Используйте режим /plan для обсуждения архитектуры (это дешевле) и переключайтесь на уровень рассуждений Medium для простых правок CSS. Режим Extra High включайте только для исправления критических багов.

В: Можно ли создавать мобильные приложения через Codex?

О: Да, вы можете попросить его создать React Native проект. Однако в данном гиде рекомендуется начинать с Web App (Next.js), так как его проще и быстрее деплоить через Vercel для проверки гипотезы (MVP).

Конспект создан на основе видео «The Ultimate Codex Guide for Beginners» канала David Ondrej. Все права на оригинальный материал принадлежат авторам. Источник: https://youtu.be/hoCWD1aI60Y