У новому великому гайді від освітнього проєкту Futurepedia розбирають Codex від OpenAI — настільного агента на базі ChatGPT, який працює безпосередньо на вашому комп’ютері. В одній з найпоказовіших частин цього туторіалу автор демонструє повний цикл: керування Codex з мобільного, генерація сайту на робочому столі, викладення коду в GitHub і деплой на Vercel — без ручного програмування.
Це не історія про «ще один чат-бот». Ідеться про те, як за кілька хвилин пройти шлях від ідеї до живого сайту у браузері, використовуючи лише природну мову й уже наявну інфраструктуру розробників.
Codex у кишені: як телефон керує настільним агентом
Codex — це десктопний застосунок, який виконує дії безпосередньо на комп’ютері: працює з файлами, запускає процеси, керує браузером. Але окремо в туторіалі показують ще один шар можливостей — Codex Mobile.
Спочатку Codex потрібно під’єднати до мобільного застосунку ChatGPT. У налаштуваннях користувач сканує QR‑код і проходить авторизацію. Після цього Codex з’являється у бічній панелі застосунку ChatGPT на телефоні.
Ключовий момент: відтепер з мобільного можна не просто спілкуватися з моделлю, а саме «керувати» настільним агентом. Телефон працює як пульт дистанційного керування: користувач надсилає запит, а Codex виконує роботу на підключеному комп’ютері.
Є одна критично важлива умова, яку автор окремо підкреслює: комп’ютер має бути увімкнений. Якщо машина вимкнена або в сплячому режимі, Codex фізично не зможе виконати завдання, навіть якщо команда надходить із телефону.
У демо використовується простий, але показовий запит: «Використай усе, що знаєш про контекст Window, щоб створити нам вебсайт». Далі все відбувається без участі користувача за комп’ютером: Codex на десктопі починає збір і генерацію файлів, а з телефона в реальному часі можна стежити за прогресом, бачити запити на підтвердження й затверджувати дії одним тапом.
У підсумку з мобільного відкривається вже готовий сайт — сайт «виглядає чудово» й, за оцінкою автора, «фактично ідеальний із першої спроби».
Вихід за межі локальної машини: Codex і GitHub
На цьому демонстрація не зупиняється. Наступний логічний крок — зробити проєкт доступним не лише на одному комп’ютері. Для цього використовується GitHub.
Команда звучить так: «Створи новий GitHub‑репозиторій для цього проєкту і запуш усі поточні файли». Codex, маючи вже налаштований доступ до облікового запису GitHub, самостійно виконує увесь процес: створює репозиторій і завантажує код.
У туторіалі окремо пояснюється, що таке GitHub у цьому ланцюжку: це безкоштовна хмарна платформа для хостингу коду. Коли проєкт потрапляє до GitHub, із ним можна працювати з будь‑якого пристрою, ділитися з іншими людьми або використовувати як джерело для деплою на веб.
Якщо GitHub ще не підключений, Codex не «ламається» — просто зупиняється на кроці, який не може виконати самостійно, і просить користувача пройти додаткові кроки. Логіка роботи зберігається: користувач спілкується природною мовою, а агент «підхоплює» усі рутинні технічні дії, щойно отримує необхідні доступи.
Фактично цей момент перетворює локальний no‑code‑проєкт на повноцінний хмарний репозиторій, сумісний із типовим стеком розробників.
Один клік до продакшена: Vercel як фінальний етап
Остання частина ланцюжка — деплой на Vercel. Тут автор уже не покладається на повністю автоматизований сценарій у Codex, але демонструє, наскільки мало ручних дій потрібно, коли код уже в GitHub.
Vercel описується як хостинг‑платформа, яка підключається до GitHub, бере код із репозиторію й «ставить» сайт у продакшен. У демо використовується безкоштовний план — підкреслюється, що навіть на ньому можна зробити досить багато.
Інтерфейс Vercel на цьому етапі вже «бачить» усі GitHub‑репозиторії користувача. Далі процес складається з двох кліків: спочатку імпорт потрібного репозиторію, потім натискання кнопки Deploy на наступній сторінці.
Результат не змушує чекати: за словами автора, «десь менш ніж за хвилину сайт стає доступним за цим URL і виглядає чудово». Це завершує повний цикл — від команди з телефона до публічного сайту, доступного будь‑кому в інтернеті.
Важливий момент тут не в конкретному хостингу, а в тому, що Codex плюс GitHub відкривають двері до всього існуючого світу інструментів для деплою. Якщо платформа підтримує підключення до GitHub‑репозиторію, Codex уже зробив більшу частину шляху за користувача.
No‑code‑конвеєр у дії: що насправді показує цей кейс
Усі ці кроки — керування з телефона, генерація сайту, пуш у GitHub, деплой на Vercel — у туторіалі укладаються у кілька хвилин живого часу. Важливо, що автор не перетворює це на абстрактну демонстрацію «можливостей ШІ», а показує реальний, послідовний конвеєр, який можна повторити без технічної освіти.
Промпт «Використай усе, що ти знаєш про контекст Window, щоб створити нам вебсайт» стає відправною точкою, а все подальше — низка кроків, де користувач переважно погоджується з тим, що робить агент. Там, де потрібні додаткові дії (налаштування GitHub чи підтвердження на телефоні), їхня роль зводиться до видачі дозволів і кількох натискань.
Цей кейс демонструє кілька принципових змін у звичному підході до веб‑проєктів.
По‑перше, промпт стає новим інтерфейсом для роботи з інфраструктурою розробки. Те, що зазвичай вимагало знання команд Git, базової фронтенд‑верстки та розуміння деплою, зводиться до серії фраз природною мовою.
По‑друге, мобільний сценарій показує, що точка входу в цей конвеєр практично не прив’язана до робочого місця. Телефон використовується і для постановки задач, і для контролю ході виконання, і для підтверджень — тоді як важка робота відбувається «там, де залізо».
По‑третє, увесь процес вкладається в уже звичну для розробників зв’язку GitHub + хмарний хостинг. Тобто Codex не створює власну замкнену екосистему, а під’єднується до наявних інструментів.
У підсумку автор приходить до висновку: Codex дає змогу відносно легко перейти від хаотичного набору локальних файлів і ідей до працюючих систем — аж до живого сайту — за один сеанс роботи. Сюжет із сайтом і деплоєм із мобільного стає концентрованою демонстрацією того, як може виглядати «повний стек» без коду в практиці, а не лише в теорії.
Джерело
Full OpenAI Codex Tutorial: Beginner to Advanced — Futurepedia