Інструменти кодування штучного інтелекту добре розробляють код, але анімацію важко описати лише в коді. Не маючи доступу до дизайну, агент вгадує час і стани. MCP, протокол модельного контексту, виправляє це, надаючи агенту прямий доступ до інструменту через стандартний інтерфейс.
Сервер MCP — це невелика служба, яка відкриває дії, які може викликати агент. Для анімації це може означати створення компонента, додавання стану, зміну пружини або читання вхідних даних, які має файл. Агент вирішує, коли викликати ці дії, на основі вашої підказки.
Налаштування зазвичай коротке. Ви додаєте сервер до конфігурації MCP вашого клієнта, наприклад, за допомогою команди mcp Claude Code або в налаштуваннях MCP Cursor, а потім автентифікуєтеся, якщо потрібно. Після цього можна запитати простою мовою: «зробити тумблер з пружиною і натиснутим станом» або «уповільнити анімацію успіху».
ExodeUI, який ми робимо, має для цього сервер MCP. Агенти можуть створювати та редагувати анімації зі станами, фізикою пружини, вхідними даними та подіями, а результатом є відкритий файл .exode, який можна відкрити в редакторі та відтворити у своїй програмі. Інструменти проектування, такі як Figma і Penpot, мають власні сервери MCP для компонування та контексту дизайну.
Розглядати вихідні дані агента як чернетку. Перевірте рух у редакторі, особливо час, поведінку зі зменшеним рухом і кожен стан, перш ніж його відправити.