Кава, Код і Космічна Швидкість: Як я змусила ШІ писати код за мене (і врятувала себе від нудної роботи)
Привіт, друзі! З вами Ліла Харт, і сьогодні ми поговоримо про те, що змушує моє технічне серце битися частіше, ніж ритм нової улюбленої пісні. Йдеться про штучний інтелект. Але не про того, що пише віршики про котиків (хоча це теж мило!), а про такого, що реально може взяти на себе частину вашої роботи. Так, ви правильно почули. Я говорю про “розумних помічників”, які вміють писати код.
Останній місяць я захоплена створенням віддалених робочих процесів за допомогою ШІ. І це, скажу я вам, справжній космос! Нещодавно світ сколихнула новина: Anthropic випустила Cloud Code for the web [посилання]. Звучить круто, чи не так? І справді, як і деякі інші інструменти, зокрема Jules, OpenAI Codex, вони пропонують схожі можливості для “дистанційного агентського кодингу”. Можна відправити запит на будь-який репозиторій GitHub, і ШІ сам розбиратиметься, що до чого.
Але мене ці інструменти захоплюють, хоч і не дуже практичні для мене. Чому? Тому що мені бракує гнучкості та контролю. Я не можу визначати команди, створювати власні ланцюжки запитів. Під’єднати свої сервери? Часто це майже неможливо. І, зізнаюся, мені не подобається ідея, коли є “шар ШІ” – глобальні правила та налаштування – і місце, куди я безпосередньо скидаю запит. Це як намагатися приготувати борщ, але інгредієнти лежать на одному кінці села, а плита – на іншому.
Тому я вирішила: треба створити щось краще. І сьогодні я хочу показати, що мені вдалося. Я інтегрувала OpenAI Codex безпосередньо в Telegram. Так-так, ви можете писати мені команди в месенджер, і мій власний “розумний робочий процес” їх виконуватиме. Причому це мої власні, кастомні ланцюжки дій, які я визначила. І все це працює віддалено – навіть з телефону!
Обіцяю, це буде справжня пригода. Ми побачимо, як Codex оновлює цілий вебсайт, від коду до продакшн-деплойменту. Я покажу, як це працює “під капотом”, як відбувається інтеграція з Telegram, як відбувається “людський контроль” (без нього ніяк!), і, найголовніше, як ви зможете запустити все це самостійно. Весь цей репозиторій – повністю відкритий для вас!
До речі, я свідомо обрала Codex, а не Claude Code. Знаю, багато хто з вас втомився від їхніх обмежень. Тож хочу показати, що ми не залежимо від хмарних рішень, щоб робити неймовірні речі.
Тож, тримайтеся міцніше! Починаємо нашу подорож у світ зручного та потужного ШІ-кодингу.
Розділ 1: Сайт, що оживає (і моя геніальна ідея на полі для гольфу)
Уявіть: ви на полі для гольфу (або десь так само далеко від комп’ютера), спостерігаєте за польотом м’яча, і раптом – БАЦ! – вас осяває геніальна ідея для вашого вебсайту. Не потрібно чекати, доки повернетеся додому. Можна просто дістати телефон, написати пару слів у Telegram, і ШІ зробить усю чорнову роботу.
Саме для цього сценарію я створила цей проєкт. Я взяла свій новий сайт – coach.dynamus.ai [посилання]. Це, до речі, цікавий проєкт: я будую персонального ШІ-тренера (агента), який буде навчений на всіх моїх YouTube-відео та відкритих репозиторіях. Ви зможете ставити йому питання про розробку агентів, використання ШІ-помічників – будь-що! Це безкоштовний ресурс для спільноти мого YouTube-каналу [посилання]. (Якщо хочете першими дізнатися про запуск, можете вже зараз залишити свою емейл-адресу на сайті – форма там є).
Отже, я собі на полі, думаю: “Ех, ось цю фразу на головній сторінці варто б змінити. Виглядає трохи самозакохано. Хотілося б написати щось більш… скромне і корисне”. І замість того, щоб відкладати цю думку на потім, я просто відкриваю Telegram.
Я (у Telegram): “Привіт, Codex! Будь ласка, зайди в репозиторій мого сайту і заміни фразу ‘Your personal AI coach using Cole’s YouTube content’ на ‘Your personal AI coach using my YouTube content’.”
І все. Просто, але за цим стоїть цілий механізм.
Розділ 2: Магія на екрані телефону: Як це виглядає в реальному часі
Тепер давайте подивимося, як це відбувається. Я не буду показувати з комп’ютера, адже вся суть – в мобільності. Отже, мій iPhone, Telegram.
Я надсилаю запит, вказуючи репозиторій. Це трохи відрізняється від зручних випадаючих списків у Cloud Code, але це експериментальна штука, і я вам покажу, як вона працює.
І ось воно починається!
Телеграм-бот показує мені кроки, які виконує Codex, прямо в реальному часі. Спочатку він клонує репозиторій. Чому? Тому що я починаю з “чистого аркуша” в контейнері. Це як у бібліотеці: спочатку треба знайти потрібну шафу, поставити її на місце.
Codex (у Telegram): “Cloning repository…”
Я бачу всі логи, всі дії, які виконує мій інтелектуальний помічник, використовуючи GitHub CLI [посилання]. Чудово!
Потім Codex створює нову гілку. Це частина мого заздалегідь визначеного робочого процесу. Весь цей процес описано у файлі agents.md всередині репозиторію [посилання]. Я вам його покажу пізніше. Це як детальний рецепт, якого помічник точно дотримується.
Codex (у Telegram): “Creating new branch: feature/update-hero-text…”
І ось, зміни робляться, і все відправляється на стейджинг-середовище. Так, у мене є окрема тестова версія сайту, де Codex може робити свої маніпуляції. Перед тим, як щось потрапить на очі відвідувачам, я маю можливість перевірити.
Я ставлю відео на паузу, бо цей етап потрібно пройти з певною перевіркою.
Розділ 3: Не той сайт, а той самий: Перевірка на людський дотик
Минула хвилина, і все готово на стейджинг-сервері. Codex змінив текст і налаштував конфігурацію для GitHub. Він навіть самостійно зробив pull request з нової гілки до стейджингу. І ось, у кінці – звіт.
Codex (у Telegram): “Summary: Updated hero text and configuration. Deployed to staging environment. You can validate changes at [URL].”
Як я й домовилась у agents.md, Codex надає мені посилання на оновлену версію. Я заходжу в GitHub – ось він, pull request, вже злитий. Потім дивлюся на Render (платформа, де все розгорнуто, до речі, на безкоштовному тарифі, так що це теж доступно!) [посилання].
Ось стейджинг-версія сайту [посилання]. Оновлюю сторінку… І ось воно! “Your personal AI coach using my YouTube content.” Тепер звучить набагато краще, правда?
Але, це ще не все. Минуле речення було про те, що я не хотіла, щоб зміни одразу потрапляли в продакшн. Мені потрібен час для “людської перевірки”. І тут починається найцікавіше.
Я можу не тільки сама перевірити стейджинг-версію. Я можу сказати Codex:
Я (у Telegram): “Validation: please validate the changes in the staging environment.”
І ось це вже те, чого зазвичай не побачиш у готових хмарних рішеннях. Codex починає використовувати мій Stage Hand MCP server [посилання]. Це інструмент для браузерної автоматизації. Він сам заходить на стейджинг-URL, перевіряє, чи всі зміни застосувалися. І більше – він створює session replay, який я можу переглянути. Це як ШІ сам себе перевіряв, а я контролювала його перевірку. Контроль, контроль і ще раз контроль!
У контейнері я бачу всі логи цих MCP-запитів. До речі, Browserbase – це чудова платформа для таких віддалених браузерних сесій [посилання]. Я думаю, ми ще повернемося до неї в майбутніх відео.
І ось, відповідь від Codex:
Codex (у Telegram): “Validation complete. Changes look good. Do you want to push this live to production?”
Ну що, друзі? Звісно, так!
Розділ 4: Від телефону до продакшну: Енд-ту-енд прискорення
Тепер Codex знову починає працювати. Він створює pull request, але вже зі стейджингу в основну гілку (main). А Render, як я вже налаштувала, автоматично збудує та розгорне все в продакшні, коли побачить новий коміт у main.
Це справді повний цикл, від ідеї на телефоні до оновленого живого сайту.
Ще кілька хвилин, і мене сповіщають:
Codex (у Telegram): “Production build is in process. Production deployment successful.”
Іду на реальний URL сайту – coach.dynamus.ai [посилання]. Оновлюю сторінку… Бу-у-ум! Ось воно! “Your personal AI coach using my YouTube content.” Працює!
Ви побачили весь процес. Від ідеї, яку я вигадала, скажімо так, “на коні”, до повністю розгорнутого продукту. І все це – через Telegram, на телефоні. Цей робочий процес можна застосовувати не тільки для сайтів, а й для ШІ-агентів, будь-яких типів додатків. Можна додавати будь-які команди, будь-які правила.
Розділ 5: Як я це зробила, або “Мій власний чудо-інструмент”
“Але як ти це зробила, Ліло?” – спитаєте ви. Вся суть у тому, що я використовую Codex SDK [посилання]. Це дає змогу програмно викликати Codex у моєму власному середовищі. Це те, чого часто бракує комерційним рішенням.
Моя філософія: Майбутнє ШІ-кодингу – це використання SDK, як-от Codex SDK або Claude Agent SDK, для створення власних, кастомних ШІ-помічників, які інтегруються з будь-яким робочим процесом і будь-яким додатком – чи то Telegram, чи Slack, чи WhatsApp.
Я залишу посилання на документацію Codex SDK в описі [посилання]. Це TypeScript-бібліотека. Все, що я вам показувала, – це TypeScript-додаток.
Як це працює на високому рівні:
- Інсталюємо SDK: Як звичайний npm-пакет.
- Імпортуємо в код.
- Запускаємо “потік” (thread): Це спосіб керувати розмовами з Codex.
- Надсилаємо команду: SDK автоматично підхоплює ваші команди, які ви можете визначити у папці
commands, а також вашagents.mdфайл [посилання]. Це створює той самий “шар ШІ”, який я так ціную. - Стрімінг результатів: Функція
runStreamдозволяє мені отримувати всі дії в реальному часі, як ви бачили в Telegram.
І найцікавіше – автентифікація. Коли ви авторизуєтеся через codex cli, ваші дані автоматично зберігаються. Але оскільки я запускаю все в контейнері, мені потрібно було передати ці дані як змінні середовища. Це зайняло трохи часу, але тепер ви маєте готовий шаблон, де контейнер одразу може працювати з Codex та GitHub.
Цікаво знати: Для автентифікації в GitHub я отримую токен і теж передаю його як змінну середовища. Це робить мій контейнер повністю готовим до роботи з будь-яким вашим репозиторієм.
І, звісно, я використала бібліотеку Telegraph [посилання] для інтеграції з Telegram. Коли надходить повідомлення, я отримую userId і userMessage, знаходжу відповідний “потік” (thread) для цього користувача (або створюю новий) і надсилаю запит до Codex.
Гумористичне застереження: Спочатку я думала, що можна буде просто “приклеїти” Codex до Telegram, але виявилося, що для повноцінної роботи потрібна правильна постановка “потоку” і правильне керування його станом. Я провела кілька безсонних ночей, але результат того вартий!
Розділ 6: Чому це краще за готові рішення?
Головна перевага моєї системи – гнучкість. Я сама визначаю, як працює мій ШІ-помічник. Я можу інтегрувати його з будь-якими інструментами, будь-якими робочими процесами. І все це – безкоштовно. Telegram, хмарна платформа, Browserbase – все це має безкоштовні варіанти для старту.
Ви отримуєте:
- Повний контроль: Створюйте власні команди, ланцюжки дій.
- Віддалений доступ: Керуйте кодом з будь-якого пристрою.
- Прозорість: Бачите всі кроки, які виконує ШІ.
- Можливість масштабування: Це відкритий проєкт, я закликаю вас долучатися.
Висновок: Небо – це не межа, а лише початок
Друзі, ми живемо в надзвичайно цікавий час. Штучний інтелект перестає бути чимось фантастичним і стає потужним інструментом у наших руках [посилання]. Те, що я вам сьогодні показала, – це лише верхівка айсберга. Уявіть, що ви можете створити власного ШІ-асистента, який буде писати код, тестувати його, розгортати, і все це – за вашими правилами.
Що далі?
Я закликаю вас:
- Заходьте в репозиторій: Посилання в описі [посилання]. Дивіться код, експериментуйте.
- Спробуйте самі: Якщо є Telegram і бажання – створіть свого бота і запустіть цей код. Це справді легко!
- Долучайтеся до спільноти: Діліться своїми ідеями, ставте запитання. Давайте разом будувати майбутнє ШІ-кодингу!
Минули часи, коли складна робота з кодом була доступна лише вузькому колу спеціалістів. Зараз, завдяки таким інструментам, як Codex SDK, кожен з нас може стати “диригентом” свого власного оркестру штучного інтелекту.
Підсумовуючи все вище сказане, ми побачили, як можна трансформувати віддалений кодинг з пасивного споживання готових рішень на активне створення власної гнучкої системи. Це не просто зручно, це – революційно. Майбутнє, де ШІ працює на нас, вже настало, і воно доступне кожному, хто готовий трохи поекспериментувати.
Тож, вперед, друзі! Створюйте, кодуйте, надихайтеся! Я з нетерпінням чекаю на ваші думки та ваші власні відкриття.
До зустрічі в наступному відео! Ваша Ліла.
