
Codex с нуля — от настройки до приложения в интернете
Настрой рабочий проект, преврати повторяющуюся задачу в навык и научись править сайт через браузер. Затем подготовь инструменты разработки, сохрани код на GitHub и опубликуй приложение на Vercel.
Содержание26 глав
- 011. Установи приложение и выбери формат работы
- 022. Создай проект и постоянные инструкции
- 03Запрос: правила проекта
- 043. Настрой работу с агентом
- 05Запрос: найти применение Codex в работе
- 064. Выполни задачу и преврати её в навык
- 07Запрос: план по видеозаписи
- 08Запрос: создать task-creator
- 095. Подбери и установи только нужные навыки
- 10Запрос: подобрать навыки
- 11Запрос: установить готовый набор
- 126. Открой сайт в браузере и внеси правки
- 13Запрос: открыть сайт
- 14Запрос: исправить ширину страницы
- 15Запрос: переработать первый экран
- 167. Используй браузер для сбора данных и регулярных задач
- 17Запрос: анализ студий растяжки
- 188. Подготовь компьютер для разработки
- 19Запрос: проверить инструменты
- 209. Подключи историю версий
- 21Запрос: включить Git
- 22Запрос: сохранить состояние и показать историю
- 2310. Создай и проверь небольшую игру
- 24Запрос: первая игра
- 2511. Опубликуй приложение и проверь ссылку
- 26Запрос: GitHub и Vercel
1. Установи приложение и выбери формат работы
-
Установи настольное приложение ChatGPT для Windows или macOS, войди в аккаунт и выбери Codex в переключателе. Официальная инструкция по началу работы.
-
Начни с бесплатного аккаунта, если нужно познакомиться с инструментом. Если переходишь на платный тариф, сопоставь его с нагрузкой:
-
Go — $8, Plus — $20 в месяц — варианты для знакомства и менее интенсивной работы;
-
Pro 5× — $100 в месяц — ориентир для более активной работы с Codex;
-
проверяй остаток лимита в меню приложения и актуальные условия на странице тарифов. Цена подписки не гарантирует, что её хватит на любую задачу.
-
Для быстрого вопроса используй чат; для действий с файлами, проектами, браузером и инструментами — Codex. До запуска сформулируй, какой готовый результат нужен.
2. Создай проект и постоянные инструкции
- Создай отдельную папку под задачу, например Task Manager. В Codex нажми «+» → новый проект → добавить папку на компьютере, выбери её и создай проект.
- Подтверди доверие выбранной папке и при необходимости закрепи проект через меню с тремя точками.
- Храни в папке контекст проекта: исходные файлы, документы, инструкции, выгрузки и результаты. Добавляй несколько исходных папок, только если задаче нужен контекст из нескольких проектов.
- Попроси предложить постоянные правила для
AGENTS.md, проверь их, затем создай файл.
Запрос: правила проекта
Промт 12 строки · 215 знаков
На основе контекста задач этого проекта предложи инструкции для AGENTS.md: где находятся основные документы и файлы, по каким правилам выполнять задачи и сохранять результаты. Сначала покажи предложенные инструкции.
После проверки:
Промт 21 строка · 69 знаков
Создай AGENTS.md в папке этого проекта с согласованными инструкциями.
-
Проверь наличие
AGENTS.mdв файлах проекта. Оставь в нём общие правила, которые нужны в разных чатах; ориентир для компактной инструкции — до 400 строк, а не подробный сценарий каждой задачи. -
Для повторяемой процедуры используй отдельный навык.
-
Если параллельно работаешь в Claude Code, согласуй общие правила с его
CLAUDE.md.
3. Настрой работу с агентом
-
Выбери режим разрешений под задачу:
-
запрашивать разрешение — подтверждать действия вручную;
-
«Подтверждать за меня» — автоматически одобрять допустимые действия в рамках задачи;
-
полный доступ — для явно поставленной автономной работы, например настройки компьютера.
-
Для обычных задач выбери GPT-6.1 Sol, для сложной архитектуры и требовательной работы с дизайном — Astra. Начальный ориентир усилия — «Очень высокое».
-
Используй Ultra только для задач, где это действительно нужно: этот режим быстро расходует лимиты. Ускорение 1,5× оставь для случаев, когда важно сократить ожидание.
-
Если нужен план перед выполнением, включи режим планирования и сначала согласуй план. Для длительной задачи с определённым финишем можно использовать режим «Цель».
-
Попробуй диктовку для постановки задачи и голосовой чат для интервью о своей работе.
Запрос: найти применение Codex в работе
Промт 32 строки · 193 знака
Проведи интервью о профессиональной деятельности, повседневной рутине и задачах. По ответам определи, какие функции Codex стоит изучить в первую очередь и как применить их в работе уже сегодня.
-
Открывай результаты в правой панели: файлы, браузер и терминал. Для точечной правки выделяй нужный элемент и добавляй комментарий.
-
Боковой чат используй для временного вопроса: после закрытия он не сохраняется как обычный рабочий чат.
-
Если нужен совместный документ, список задач или отчёт по ссылке, используй пространство ChatGPT Work; рабочие исходники проекта продолжай хранить в его папке.
-
Подключай только нужные плагины: например, GitHub для репозиториев и Notion для рабочей базы знаний. Остальные интеграции выбирай под сервисы, которыми уже пользуешься.
4. Выполни задачу и преврати её в навык
-
Прикрепи запись рабочего созвона или скринкаст с объяснением задач. Попроси полностью расшифровать его и собрать план для команды.
-
Если установлен навык Watch для просмотра видео, проверь, что агент его применил.
Запрос: план по видеозаписи
Промт 43 строки · 267 знаков
Посмотри прикреплённую видеозапись и расшифруй её полностью. Составь пошаговый план для команды: кто чем занимается, какие каналы участвуют, что нужно сделать и к каким срокам. Оформи результат на листах А4 и добавь блок-схему, чтобы план можно было передать команде.
- Проверь результат и внеси конкретные правки. Например: добавить блок-схему, убрать шрифт с засечками, привести страницы к А4.
- Когда результат устроит, вызови встроенный skill-creator и создай навык
task-creator.
Запрос: создать task-creator
Промт 58 строк · 431 знак
Используй skill-creator. Создай навык task-creator по выполненной здесь задаче и согласованным правкам. На входе — скринкаст или видео с объяснением задач. На выходе — план для команды на листах А4, с ответственными, сроками, каналами и блок-схемой. Закрепи согласованный порядок работы и требования к результату. В description укажи, когда применять навык: при просьбе превратить видео или голосовое объяснение в командный план.
- Открой созданный
SKILL.mdи проверь description: по нему агент определяет, когда применять навык. Убедись, что есть последовательность действий и требования к итоговому файлу. - Выбери область установки: общие навыки — для Codex в целом, навыки с контекстом конкретного проекта — внутри этого проекта. Устройство и размещение навыков.
- Проверь навык на следующей подходящей задаче. Если он не выбран автоматически, явно укажи
task-creatorв запросе.
5. Подбери и установи только нужные навыки
- Ищи готовые навыки под три задачи: продумывание продукта, работа с внешними библиотеками и инструментами, интеграции с платформами.
Запрос: подобрать навыки
Промт 69 строк · 424 знака
Найди проверенные навыки для Codex, которые помогут создавать продукт с помощью вайб-кодинга. Нужны три категории: 1. Продумывание продукта: интервью с пользователями, гипотезы, PRD. 2. Работа с внешними библиотеками и инструментами, в том числе с видео. 3. Интеграции и правила работы с конкретными платформами. Объясни, для какой задачи нужен каждый навык и почему он подходит. Не добавляй лишние навыки ради количества.
- Для дизайна рассмотри Frontend Design от Anthropic, Web Design Guidelines и Impeccable. Подбирай их под свой процесс: готовый навык сам по себе не гарантирует хороший дизайн.
- Навыки для Vercel, Supabase, JSON Canvas и работы с PDF добавляй по потребности проекта. Ориентируйся на ресурсы самих инструментов: Vercel, Supabase, JSON Canvas.
- Если у тебя уже есть скачанная папка навыков, прикрепи её через «+» → файлы и папки. Явно укажи, что установка нужна для Codex, затем проверь список установленных навыков.
Запрос: установить готовый набор
Промт 72 строки · 119 знаков
Установи навыки из прикреплённой папки для Codex. После установки покажи, какие навыки установлены и где они находятся.
6. Открой сайт в браузере и внеси правки
- Включи встроенный браузер в настройках, если он выключен. Для сайта создай отдельный проект и добавь папку с его исходниками.
- Попроси открыть локальный сайт прямо в Codex.
Запрос: открыть сайт
Промт 81 строка · 123 знака
Открой сайт из этого проекта во встроенном браузере Codex, чтобы можно было давать правки по конкретным элементам страницы.
- Через инструмент выделения укажи проблемную область. Начни с явных ошибок: выравнивание, выход блоков за границы страницы, горизонтальная прокрутка всего сайта.
Запрос: исправить ширину страницы
Промт 93 строки · 178 знаков
Исправь выравнивание в выделенной области. Страница должна занимать 100% доступной ширины, а элементы не должны выходить за её края. Убери горизонтальную прокрутку всей страницы.
-
Найди подходящий референс на Dribbble, сделай скриншот и прикрепи его. Выбирай решение, которое можно применить к реальному бизнесу, а не только эффектную картинку.
-
Выдели блок для переработки и опиши желаемые изменения. Для крупной переработки сначала продумай запрос в отдельном чате, затем передай его на выполнение.
-
Если установлен Prompt Improver, используй его для подготовки такого запроса.
Запрос: переработать первый экран
Промт 107 строк · 384 знака
Прикреплён референс для сайта студии растяжки в России. Нужен минималистичный дизайн в белых тонах с фотографией. Найди примеры подобных студий в Москве. Сгенерируй реалистичное изображение премиальной студии растяжки по направлению референса. Переработай выделенный первый экран: меню, заголовок, шрифты и их насыщенность. Подготовь план изменений, затем внеси согласованные правки.
- Проверь обновлённую страницу в браузере. Если панель закрылась во время работы, открой её заново и оцени именно текущий результат.
7. Используй браузер для сбора данных и регулярных задач
- Задавай браузерной задаче понятный итог: какие сайты открыть, что собрать и что должно получиться. Для работы с конкретным сервисом явно попроси использовать видимый встроенный браузер, а не ограничиваться обычным поиском.
Запрос: анализ студий растяжки
Промт 114 строки · 224 знака
Через встроенный браузер Codex открой Яндекс Карты. Проанализируй студии растяжки в районе метро «Новослободская» в Москве: что пишут в отзывах и как студии представлены в карточках. Подготовь аналитику по найденным студиям.
- Проверь, что агент действительно работает с карточками в Яндекс Картах. Если появляется проверка «не робот», при необходимости пройди её самостоятельно.
- Для повторяемого мониторинга создай запланированную задачу. Пример: каждый понедельник обходить карточки конкурентов и собирать новые отзывы.
- Учитывай отдельный профиль встроенного браузера: вход в Chrome или Safari не означает вход внутри Codex. Для нужных аккаунтов используй сохранение паролей в настройках приложения либо доступную на macOS связку ключей.
8. Подготовь компьютер для разработки
- Попроси Codex проверить установку Git, Node.js, npm, GitHub CLI и Vercel CLI и установить или обновить недостающее под твою ОС.
Запрос: проверить инструменты
Промт 123 строки · 246 знаков
Проверь компьютер для разработки и публикации проекта: Git, Node.js, npm, GitHub CLI и Vercel CLI. Оставь инструкции только для текущей операционной системы. Покажи, что уже установлено и что нужно обновить, затем установи или обнови недостающее.
- Дождись окончания установки. При необходимости сверяй инструменты с официальными страницами: Git, Node.js, npm, GitHub CLI, Vercel CLI.
- Создай аккаунт на GitHub и подключи его для работы агента. Если авторизация истекла, выполни вход заново через предложенный CLI или плагин GitHub.
9. Подключи историю версий
- Настрой Git в папке проекта: основную ветку
main,.gitignoreи первый коммит.
Запрос: включить Git
Промт 132 строки · 143 знака
Проверь папку проекта и настрой в ней локальный Git. Создай основную ветку main, добавь .gitignore и сохрани текущее состояние первым коммитом.
- Проверь
.gitignore: секреты и другие файлы, которые не должны попасть на GitHub, должны быть исключены до отправки проекта. - После следующего законченного изменения сохрани коммит с понятным названием и описанием. Попроси открыть историю и запомни, где смотреть хэш нужного состояния.
Запрос: сохранить состояние и показать историю
Промт 142 строки · 120 знаков
Сделай коммит текущего состояния проекта с понятным названием и описанием. Покажи историю коммитов и хэш нового коммита.
- Различай сохранение и отправку: commit фиксирует локальное состояние, push отправляет его на GitHub. Локальные изменения в
mainи состояние удалённой ветки, отображаемое какorigin/main, могут различаться.
10. Создай и проверь небольшую игру
- Создай новый проект Game. Проверь фактический путь к папке: если запрос содержит другой путь, исправь его до выполнения.
- Попроси создать простую браузерную игру «Поймай квадрат», сначала получить план из четырёх шагов, а затем перейти к выполнению.
Запрос: первая игра
Промт 155 строк · 285 знаков
Создай в текущей папке проекта простую браузерную игру «Поймай квадрат». Сначала верни понимание задачи и план из четырёх шагов. После согласования плана создай игру, README с инструкцией по работе с проектом и .gitignore. Запусти локальный сервер и дай адрес для проверки в браузере.
-
Открой выданный локальный адрес, нажми «Начать» и проверь, что квадрат можно ловить.
-
localhostили локальный адрес ведёт на твой компьютер. -
Число после двоеточия, например 3000, — порт сервера.
-
Такой адрес не заменяет публичную ссылку: у другого человека
localhostобращается к его компьютеру. -
Сохрани или попроси показать команду запуска локального сервера для дальнейших проверок. Команда «1» — пример личного сокращения, а не универсальная команда любого проекта.
11. Опубликуй приложение и проверь ссылку
- Подготовь аккаунт Vercel и подключение для агента. Для этого учебного запуска используй технический домен Vercel.
- Попроси создать приватный репозиторий на GitHub, отправить код и историю, затем развернуть проект на Vercel.
Запрос: GitHub и Vercel
Промт 163 строки · 243 знака
Создай приватный репозиторий на GitHub для этого проекта и отправь в него код с историей Git. Затем создай проект на Vercel и разверни игру, чтобы её можно было открыть в интернете. Используй технический домен Vercel и пришли публичную ссылку.
- Проверь на GitHub, что репозиторий приватный, код загружен, подключён
originи выбрана основная веткаmain. - Открой публичную ссылку и ещё раз проверь игру. Для статической игры после публикации ноутбук не должен оставаться включённым ради доступности сайта. Как работают развёртывания Vercel.
- При следующих обновлениях проходи цепочку: локальная правка → проверка → коммит → push → развёртывание. Изменение файлов на компьютере само по себе не обновляет опубликованный сайт.
- Когда появятся пользователи или совместная разработка, раздели работу:
devдля изменений и тестирования,mainдля проверенной версии. При ошибке на опубликованной версии используй историю Git для возврата к нужному состоянию. - Перед выбором хостинга для рабочего продукта отдельно оцени его применимость к проекту. Помимо Vercel, варианты для сравнения — Railway и Timeweb Cloud.
Связанные материалы


