Загрузка...
Смарт-конспекты YouTube-видео — ключевые идеи и инсайты без необходимости смотреть часовые ролики
Пошаговое руководство по Codex AI: установка CLI, режим YOLO, создание приложений на Next.js, интеграция OpenRouter и деплой на Vercel.
🎯 О чём этот конспект: Пошаговое руководство по использованию Codex (нового ИИ-агента от OpenAI) для разработки программного обеспечения. В видео разбирается весь цикл: от установки CLI до деплоя готового веб-приложения на Vercel, используя продвинутые техники «вайбкодинга».
👤 Кому будет полезно: Вайбкодерам, предпринимателям без технического бэкграунда и разработчикам, желающим пересесть на самые мощные ИИ-инструменты 2026 года.
✨ Что получите: Вы научитесь создавать полноценные Fullstack-приложения (Next.js), интегрировать сторонние API (OpenRouter), работать в YOLO-режиме и деплоить проекты в сеть менее чем за час.
Контекст: Codex — это мощный ответ OpenAI на Claude Code. Он лучше справляется с глубокими багами и длительными сессиями кодинга. Существует 4 способа работы: CLI, расширение для IDE, десктопное приложение и API. Для работы необходима подписка ChatGPT Plus, Pro или API-ключ. Самый эффективный способ для профи — использование через терминал в связке с IDE Cursor.
Выгода: Быстрый старт в разработке без необходимости вручную настраивать конфиги и зависимости.
Как применить:
Codex
Vercel
Cursorcurl -fsSL https://codex.openai.com/install.sh | shnode -v). Если нет — скачайте с официального сайта.codex, выберите вход через ChatGPT и авторизуйте устройство в браузере.Результат: Полностью готовый к работе ИИ-агент в вашем терминале.
Контекст: Чтобы ИИ не «галлюцинировал» и следовал вашему стилю, необходимо создать файл agents.md. Это глобальный стандарт (используется в Cursor, Windsurf, Codex), который служит системным промптом для всех агентов в папке проекта. Вместо того чтобы каждый раз объяснять ИИ, кто он, вы записываете это один раз в этот файл.
Выгода: ИИ всегда помнит стек технологий, правила именования и цели вашего бизнеса.
Как применить:
create an agents.md file in this project.<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>Результат: Агент, который понимает специфику вашего продукта и не задает лишних вопросов.
Контекст: По умолчанию ИИ запрашивает разрешение на каждое действие (чтение файла, выполнение команды). Это убивает скорость. Режим YOLO (Dangerous Full Access) дает агенту полную свободу действий. В десктопном приложении Codex можно запускать несколько «воркеров» (суб-агентов) параллельно, которые работают в разных ветках Git (Worktrees), не мешая друг другу.
Выгода: Ускорение разработки в 5-10 раз за счет автономности и параллелизма.
Как применить:
-y:codex -y/fastРезультат: Приложение строится «само» в фоновом режиме, пока вы контролируете процесс.
Контекст: Для работы с ИИ-изображениями (модель Nano Banana 2 / Gemini 3.1 Flash) лучше всего использовать OpenRouter. Если код не работает, используйте скриншоты ошибок. Codex отлично понимает визуальный контекст (Image Input).
Выгода: Возможность использовать любые модели (Claude, GPT, Gemini) через один API-ключ и быстро фиксить баги по скриншотам.
Как применить:
Here is my OpenRouter API key: [KEY]. Add it to .env.local and configure the image generation service.Investigate why I'm getting this error and fix it.Результат: Работающая интеграция с нейросетями и исправленные ошибки интерфейса.
Контекст: Проект на Localhost бесполезен. Для публикации используется связка GitHub + Vercel. Codex может сам подготовить проект к деплою, создать .gitignore и отправить код в репозиторий.
Выгода: Ваше приложение доступно по ссылке всему миру через 2 минуты.
Как применить:
initialize git, create .gitignore and do the first commit.Here is the GitHub repo link: [URL]. Push everything there.Результат: Живое, работающее SaaS-приложение, готовое к приему пользователей.
В: Нужно ли мне знать язык программирования, чтобы использовать 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