Як за один ранок зібрати «музей гаджетів» на ІІ‑агентах

Автор ·

Бен Тоссел запустив простий, але дуже показовий сайд-проєкт — інтерактивну стрічку з 87 техно-девайсами від 1976 до 2026 року. Усе зображення згенеровані Astra, логіка — зібрана за допомогою Codex, Factory та платформи here.now, а сам проєкт зайняв у нього буквально ранок.

Ідея народилася з ностальгії: Бен хотів зробити сайт «забутих пристроїв дитинства», які виглядають реалістично й ніби досі працюють. Astra згенерувала першу сітку картинок, а далі з’явився новий задум — перетворити це на таймлайн, де ви «прокручуєте» роки й бачите, як змінювалися девайси.

Для цього він дав завдання Codex: знайти всі згенеровані раніше пристрої, підтягнути промпти, побудувати сайт із «scrubbable» таймлайном і прив’язати кожен гаджет до конкретних років популярності. Модель згенерувала кілька варіантів інтерфейсу — Бен обрав один і почав ітерації вже по дрібницях: поведінка таймлайна, кнопки, шорткати.

Початкових 50 пристроїв вистачало лише до 2000‑х, тож він доручив агентам додати девайси з 2009 року до сьогодні (аж до умовного «iPhone Duo»). Тут у хід пішли субагенти — окремі сесії, які паралельно шукали реальні моделі, референс‑фото й формували дуже точні промпти для Astra. Наприклад, для Casio Data Bank CD‑401 агент описав навіть розташування кожної групи кнопок, щоб уникнути плутанини з іншими моделями.

Далі Бен додав соціальний елемент: на сайті можна відмітити, які девайси ви мали, а які — лише хотіли. Після голосування генерується персональна сторінка з вашою підбіркою гаджетів, якою можна поділитися. Для цього він уже використовував Droid від Factory — довіряє йому, коли треба «вижати максимум» з моделей: від мокапів до дрібних UX‑рішень.

Технічно все залишилося максимально простим: список пристроїв — один файл, зображення — інший, голоси зберігає here.now. Сторінка «my devices» взагалі нічого не пише в базу: вибір кодується прямо в URL, тож не потрібні ані авторизація, ані окрема БД. Це не найкрасивіше рішення з погляду лінків, але воно працює й дозволяє не перевантажувати архітектуру.

Коли перед запуском з’ясувалося, що зображення вантажаться повільно, Бен просто відкрив нову сесію з Droid: попросив проаналізувати причини, запропонувати оптимізації, застосувати їх і показати прев’ю. Аналогічно він додав лідерборд найпопулярніших «had» і «wanted» девайсів, GIF та відеодемо — усе це теж робили агенти, іноді з допомогою субагента Luna для відео.

Єдиний технічний збій стався з лічильниками голосів: через обмеження на кількість читань голосів на користувача й загальну стелю в 25 000 запитів. Модель пояснила, що відбувається, запропонувала зміни, і після оновлення все стабілізувалося. Важливий момент — Бен не соромиться просити пояснити складні речі «як для новачка», у форматі простого HTML‑артефакту з мінімумом тексту й великими картинками, щоб швидко ухвалювати рішення під час роботи.

Чому це важливо

Ця історія — не стільки про ностальгію за Game Boy Color, скільки про нову модель роботи з ІІ. Бен по суті виступає продюсером: формулює задачі, обирає з кількох версій, зводить усе докупи й публікує. Код, зображення, відео, дрібний UX — усе це роблять агенти.

  • Швидкі сайд‑проєкти. Якщо ви розробник, дизайнер чи маркетолог в Україні, такий підхід дозволяє за вихідні зібрати MVP: лендинг, інтерактивну вітрину продуктів, невеличкий «музей» бренду чи кампанії.
  • Паралельна робота субагентів. Замість «вбивати» один довгий чат, Бен розносить задачі на субагенти. Це хороший патерн для будь‑якої команди: контент, код, аналітика можуть робитися одночасно різними сесіями.
  • Простота архітектури. Рішення «кодувати стан у URL» виглядає грубувато, але для невеликих проєктів в Україні це спосіб уникнути зайвих витрат на бекенд і підтримку.
  • Роль людини зміщується. На мій погляд, тут добре видно, що цінність не в умінні писати кожен рядок коду, а в умінні ставити задачі, перевіряти результат і комбінувати інструменти. Це навичка, яку варто прокачувати всім, хто працює з цифровими продуктами.

Якщо спростити до одного речення: те, що раніше вимагало команди з розробника, дизайнера й відеографа, сьогодні реально зробити самому — маючи базове розуміння вебу й кілька добре налаштованих ІІ‑агентів.

Джерело: Ben's Bites (https://www.bensbites.com/p/50-years-of-tech-devices)