WordPress Telex і «вайб кодінг»: як AI-блоки вже працюють на реальних сайтах

Експеримент, що встиг вийти зі «лабораторії»: навіщо WordPressу власний AI-конструктор блоків

Кілька місяців тому Telex у екосистемі WordPress сприймали як лабораторну забавку для ентузіастів штучного інтелекту. Сьогодні цей інструмент уже допомагає будувати реальні сайти, автоматизуючи те, за що ще вчора платили тисячі доларів розробникам^{1 10}. На щорічній промові State of the Word у Сан-Франциско співзасновник WordPress і CEO Automattic Метт Маленвег показав конкретні приклади того, як експериментальний «вайб кодінг»‑інструмент Telex перетворює текстові запити на готові Gutenberg‑блоки – від калькуляторів і цінових порівнянь до інтеграцій із картами та календарями^{1 12}.

Що таке Telex і чому «vibe coding»

Telex – це експериментальний AI‑інструмент розробки для WordPress, який генерує Gutenberg‑блоки на основі опису завдання звичайною мовою^{1 10}. Замість того, щоб писати PHP, JavaScript і CSS або шукати відповідний плагін, розробник чи контент‑менеджер формулює запит на кшталт: «Потрібен блок порівняння тарифів із кнопкою переходу до оплати» – і Telex створює готовий блок, що працює у редакторі^{1 14}. Маленвег описував Telex як «v0 або Lovable, але спеціально для WordPress» – натяк на хвилю платформ, які дозволяють будувати інтерфейси за принципом «опиши настрій і функцію, а не синтаксис коду»^{1 12}.

На відміну від універсальних AI‑кодерів, які видають «WordPress‑подібний» код із різною якістю, Telex навмисно звужено до блочної моделі WordPress і зосереджений на генеруванні саме Gutenberg‑блоків^{8 11}. Це дає йому перевагу: згенеровані блоки зазвичай дотримуються усталених патернів платформи – семантичної розмітки, принципів доступності, структури плагінів – і краще вписуються в існуючі сайти^{8 13}. Фактично Telex намагається закодувати «колективну пам’ять» WordPress‑екосистеми в інструмент, який розуміє контекст платформи, а не просто перекладає промпт у код.

Перші реальні кейси: калькулятори, години роботи та сітки записів

TechCrunch звертає увагу, що, попри статус експерименту, Telex уже застосовують у реальних студіях, які працюють з клієнтами на WordPress^{1 10}. На State of the Word Маленвег демонстрував приклади, створені учасником спільноти Ніком Хемзе: інструмент порівняння цін, кастомний калькулятор, блок із годинами роботи магазину, номером телефону та посиланням на маршрут до фізичної точки продажу – усе це було зібрано через Telex за лічені хвилини^{1 10}. Ще один приклад – карусель логотипів партнерів, яку раніше часто вирішували окремим плагіном або ручною версткою^{1 11}.

Telex використовували й для створення сітки записів на головній сторінці, де всі картки публікацій мають однакову висоту – дрібниця, яка в ручному виконанні потребує додаткового CSS, JS або добору плагіна з правильними налаштуваннями^{1 10}. Тепер подібні дрібні, але трудомісткі доопрацювання можна отримати як результат діалогу з AI: описати вимогу, отримати прототип, уточнити деталі – і зберегти блок у реальному проєкті^{8 11}. Для невеликих агенцій і фрилансерів це можливість швидше віддавати результат клієнтам без нескінченного пошуку «майже підходящих» плагінів.

Творчі експерименти: Тетріс у блоці та «щоденний Gutenberg»

Telex уже став полем для чистої творчості. Розробниця Теммі Лістер поставила собі завдання: створювати один новий блок щодня впродовж жовтня, використовуючи Telex як генератор ідей та коду^{1 10}. Серед результатів – ASCII‑версія гри «Тетріс», інтерактивний блок до Гелловіну в стилі «trick‑or‑treat», різні візуальні експерименти, які в звичайному циклі розробки навряд чи хтось узявся б реалізовувати заради одного блогу^{1 13}. Цей марафон показав, що інструмент придатний не лише для «утилітарних» блоків, а й для швидкого прототипування ігор, інтерактивів і незвичних форматів вмісту.

Такі приклади важливі для спільноти: вони демонструють, що Telex не обмежений шаблонними блоками на кшталт «галерея» чи «форма», а дає можливість тестувати сміливіші ідеї без тривалих циклів дизайну й розробки^{8 11}. Для WordPress, який часто критикували за інерційність інтерфейсів, це шанс повернути відчуття гри й експерименту у роботу зі сторінками.

Як працює Telex з точки зору розробника

Технічно Telex генерує повноцінний плагін‑контейнер з одним або кількома блоками: користувач отримує .zip‑архів, який можна встановити на сайт або протестувати у WordPress Playground – браузерному пісочниці для WordPress^{9 10}. Це означає, що результат не прив’язаний до хмарного сервісу: код належить власнику сайту, його можна зберігати в репозиторії, розширювати, проводити рев’ю, підключати до CI/CD^{9 14}. Для розробників, які турбуються про vendor lock‑in, це важливий сигнал: Telex – не ще один закритий конструктор, а генератор «живого» WordPress‑коду.

Розробники, які вже тестували інструмент, описують типовий процес як «цикл уточнень»: спочатку задається опис задачі («портфоліо для 3D‑митця з підтримкою темної теми»), далі – перевірка результату і корекція («зробити інтерфейс світлішим, додати більше відступів, змістити акцент на зображення»)^{8 11}. Важливо, що Telex не намагається закрити весь проєкт одним запитом – він генерує функціональні модулі, які можна комбінувати, дописувати вручну або переписувати окремими частинами. Для досвідчених девелоперів це не заміна роботи, а спосіб перенести фокус із рутинної верстки на архітектуру та якість.

«Vibe coding» проти класичного AI‑кодингу

Telex з’явився на тлі буму інструментів на кшталт Cursor, Lovable чи універсальних AI‑асистентів, які дописують код у редакторі або генерують цілі компоненти з промпту^{1 10}. Різниця в тому, що «vibe coding» – це не просто автодоповнення, а зміна точки входу: замість думати в термінах API і функцій, розробник описує «відчуття» і робочий сценарій – і отримує модуль, який намагається реалізувати це бачення^{8 13}. Якщо звичайний AI‑кодер часто видає фрагменти, які треба інтегрувати й об’єднувати самому, Telex націлений на цілісний блок із логікою, розміткою і стилями.

Це не скасовує потреби у контролі якості. Код, згенерований Telex, все одно потребує перегляду, оптимізації й тестування – особливо в складних проєктах з великою кількістю плагінів, кастомним API та особливими вимогами до продуктивності^{8 11}. Але навіть із цими обмеженнями він зменшує вартість входу: завдання, які раніше вимагали кількох годин роботи мідла, перетворюються на кількахвилинний діалог із системою плюс рев’ю.

Abilities API, MCP‑адаптер і WordPress як учасник AI‑екосистеми

Telex – лише одна деталь ширшої AI‑стратегії WordPress, яку Маленвег окреслив на тій самій State of the Word^{1 12}. Паралельно команда розробляє Abilities API – спосіб формально описати, що саме вміє WordPress: створювати записи, керувати медіа, змінювати плагіни, налаштовувати ролі та доступи^{1 12}. Ці «здібності» мають бути зрозумілими для будь‑якої AI‑системи, що дозволяє агентам взаємодіяти з сайтом більш структуровано, ніж через «клікання мишкою» в браузері.

Другий елемент – MCP‑адаптер, який дозволяє WordPress‑сайту «підключатися» до інструментів, що підтримують протокол MCP (Model Context Protocol), – від Claude і Copilot до інших платформ, які працюють з агентами^{1 12}. Таким чином, Telex і Abilities API стають частиною більшої картини: WordPress не просто отримує свою AI‑надбудову, а вбудовується в екосистему інструментів, які можуть автоматично змінювати, тестувати і адмініструвати сайти, спираючись на єдиний опис можливостей системи.

Що це означає для розробників і студій

Для студій, які будують сайти на WordPress, Telex може стати інструментом для прискорення рутинних частин проєкту: внутрішні калькулятори, слайдери, дрібні інтеграції, кастомні виводи записів – усе це класична «сіра зона» між використанням плагінів і написанням коду з нуля^{8 11}. Тепер замість витрачати час на пошук компромісу між «занадто універсальним» плагіном і «занадто дорогим» кастомом, можна згенерувати цільовий блок і доопрацювати його вручну під конкретний кейс^{9 14}. Це особливо цінно на ринках з обмеженими бюджетами, де кожна година розробника має вагу.

Для фрилансерів і невеликих команд Telex – спосіб закрити прогалину між дизайном і бекендом. Дизайнер може описати бажану поведінку блоку, а розробник – зосередитися на перевірці коду, без написання всього з нуля^{9 11}. Для тих, хто тільки входить у WordPress‑розробку, це шанс навчатися на живому коді: розбирати, як AI структурює блоки, які патерни використовує, і поступово переходити від «натискання кнопок» до свідомого рефакторингу.

Ризики і обмеження: безпека, продуктивність, підтримка

Попри захоплення потенціалом Telex, експерти нагадують про ризики масової генерації коду. Автоматично створені блоки можуть містити неочевидні вразливості, не оптимальні SQL‑запити або надмірні клієнтські скрипти, що б’ють по продуктивності^{8 11}. Без додаткових чеків та аудитів існує ризик наповнення екосистеми сайтів «одноразовими» плагінами, які складно підтримувати й оновлювати довгостроково^{13 14}.

Ще одна проблема – відповідальність. Якщо блок, згенерований Telex, виявиться діркою в безпеці, формально відповідальність нестиме власник сайту або розробник, який його встановив^{13 14}. Це ставить питання про поєднання швидкості, яку дає AI, із дисципліною традиційної розробки: рев’ю коду, тестування, логування, моніторинг. WordPress уже анонсував плани на 2026 рік запровадити спеціальні бенчмарки та тести для AI‑моделей на типових WordPress‑завданнях – від редагування тексту до зміни плагінів і взаємодії з інтерфейсом через браузерних агентів^{1 12}. Якщо ці бенчмарки стануть стандартом, вони можуть частково зняти тривогу щодо якості та повторюваності результатів.

Український контекст: що з цього корисно нашим розробникам і редакціям

Для українського ринку, де WordPress залишається однією з головних платформ для медіа, e‑commerce і корпоративних сайтів, поява Telex – практичний виклик і можливість одночасно. З одного боку, інструмент дозволяє редакціям і продакшенам швидше будувати спеціальні елементи: калькулятори для тарифів, інтерактивні карти, блоки для відображення графіку відключень чи оновлення статусу послуг у реальному часі^{1 10}. З іншого – вимагає від студій і агентств підвищеної уваги до стандартів якості й безпеки, щоб не перетворити клієнтські сайти на полігон для необдуманих AI‑експериментів^{8 13}.

Для українських розробників, які й так активно користуються AI‑асистентами на кшталт GitHub Copilot чи Claude Code, Telex може стати ще одним інструментом у зв’язці: швидка генерація блоку через Telex, рефакторинг і тестування через звичний CLI та редактор^{1 12}. А для спільноти WordPress‑українців важливо не лише тестувати інструмент, а й формувати власні рекомендації: які типи задач доречно віддавати Telex, як оформлювати внутрішні стандарти рев’ю AI‑коду, які шаблони варто закріпити як «безпечні».

Чого чекати далі від Telex і WordPress

Маленвег прямо заявляє: у 2026 році WordPress планує зробити AI‑інструменти не «додатком», а вбудованою частиною платформи – через стандартизовані API, адаптери та бенчмарки^{1 12}. Telex поки що залишається експериментом, але вже зараз видно, що його роль виходить за рамки чергового «AI‑віджета»: він задає модель того, як платформа може інтегруватися з інтелектуальними агентами, зберігаючи відкритість коду і контроль у руках власника сайту^{1 10}. Якщо підхід приживеться, «vibe coding» може стати для WordPress тим, чим колись стали перші візуальні редактори – способом розширити коло творців без знецінення професійної розробки.

Для спільноти це означає час вибору: або залишитися осторонь, дивлячись на AI як на тимчасову моду, або включитися й допомогти сформувати практики його безпечного та корисного використання всередині екосистеми WordPress^{8 13}. У цій історії експериментальний статус Telex не применшує його значення – навпаки, дає шанс вплинути на те, яким буде обличчя WordPress у наступному десятилітті.

Джерела

1. TechCrunch: WordPress’s vibe-coding experiment, Telex, has already been put to real-world use.
2. TechCrunch: WordPress shows off Telex, its experimental AI development tool.
3. Cosmico: WordPress debuts Telex, an experimental AI tool.
4. Implicator: WordPress Telex takes aim at “vibe coding,” with a blocks-only AI that ships zips.
5. AI Rockstars: Vibe coding in action – How WordPress Telex builds instances.
6. myCred Blog: What Is Vibe Coding in WordPress – A Short Guide.
7. Appsero: WordPress Vibe Coding – Is It a Real Thing or Just Hype?
8. BUT.Honestly: Vibe Coding WordPress Blocks with Telex.
9. JustThink.AI: WordPress Telex – An AI Development Game-Changer.
10. Межа / інші технічні медіа: огляди запуску Telex і перших кейсів використання.
11. Kahunam, Winsome Marketing: добірки AI‑інструментів для розробки сайтів на WordPress.
12. Офіційні виступи Matt Mullenweg на WordCamp US та State of the Word 2025.
13. Аналітичні матеріали про безпеку та якість AI‑згенерованого коду в веб‑розробці.
14. Публікації спільноти WordPress щодо практичного використання Telex у клієнтських проєктах.