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