Агенти кодування AI тепер можуть писати робочий код анімації в CSS, Motion, GSAP, SwiftUI та інших фреймворках. Для ефекту наведення, модального переходу або простого завантажувача результат часто можна використовувати після швидкого перегляду.
Слабкі сторони виявляються в деталях, які роблять рух правильним. Агенти, як правило, повторюють найпоширеніші шаблони, наприклад, однакову коротку легкість для всього. Вони часто обробляють щасливий шлях, але не переривання, наприклад, що станеться, якщо користувач закриє аркуш, поки він ще відкривається. Вони часто пропускають обробку обмеженого руху та стани, такі як завантаження, помилка та вимкнено.
Значну частину цієї прогалини можна усунути за допомогою контексту. Дайте агенту свої маркери руху, перелічіть стани, які потрібні кожному компоненту, і чітко попросіть підтримку обмеженого руху. Попросіть його пояснити свій вибір часу, щоб ви могли їх перевірити.
Інший підхід полягає в тому, щоб дозволити агенту працювати в інструменті руху замість того, щоб писати все в коді. За допомогою сервера MCP агент може створювати та редагувати анімацію в інструменті, який має вбудовані стани та фізику. ExodeUI, який ми робимо, має для цього сервер MCP, і результатом є відкритий файл .exode, який можна переглянути в редакторі.
У будь-якому випадку, тримайте людину в курсі руху, який користувачі часто бачитимуть. Дивіться це на реальному пристрої та налаштовуйте на відчуття.