AI コーディング エージェントは、CSS、Motion、GSAP、SwiftUI およびその他のフレームワークで動作するアニメーション コードを作成できるようになりました。ホバー効果、モーダルトランジション、または単純なローダーの場合、結果は多くの場合、簡単なレビュー後に使用できます。
弱点は動きを適切に感じさせる詳細に現れます。エージェントは、すべてに対して同じ短い緩和など、最も一般的なパターンを繰り返す傾向があります。多くの場合、ハッピー パスは処理されますが、中断は処理されません。たとえば、シートを開いているときにユーザーがシートを閉じた場合に何が起こるかなどです。これらは、モーション削減処理や、ロード、エラー、無効などの状態を頻繁にスキップします。
このギャップの多くはコンテキストによって埋めることができます。エージェントにモーション トークンを与え、各コンポーネントが必要とする状態をリストし、モーション削減のサポートを明示的に要求します。タイミングの選択について説明してもらい、確認できるようにします。
もう 1 つのアプローチは、コードですべてを記述するのではなく、エージェントをモーション ツールで動作させることです。 MCP サーバーを使用すると、エージェントは状態と物理が組み込まれたツールでアニメーションを作成および編集できます。私たちが作成した ExodeUI には、このための MCP サーバーがあり、その結果、エディターで確認できる開いた .exode ファイルが作成されます。
いずれの場合でも、ユーザーが頻繁に目にする動きについて常に情報を把握できるようにしてください。実機で見て、感覚で調整してください。