KI-Codierungsagenten können jetzt funktionierenden Animationscode in CSS, Motion, GSAP, SwiftUI und anderen Frameworks schreiben. Für einen Hover-Effekt, einen modalen Übergang oder einen einfachen Loader ist das Ergebnis nach einer kurzen Überprüfung oft brauchbar.
Die Schwächen zeigen sich in Details, die dafür sorgen, dass sich die Bewegung richtig anfühlt. Agenten neigen dazu, die gängigsten Muster zu wiederholen, wie zum Beispiel die gleiche kurze Erleichterung für alles. Sie behandeln oft den glücklichen Weg, aber keine Unterbrechungen, beispielsweise was passiert, wenn ein Benutzer ein Blatt schließt, während es noch geöffnet wird. Sie überspringen häufig die Behandlung mit reduzierter Bewegung und Zustände wie „Laden“, „Fehler“ und „Deaktiviert“.
Sie können einen Großteil dieser Lücke mit dem Kontext schließen. Geben Sie dem Agenten Ihre Bewegungstoken, listen Sie die Zustände auf, die jede Komponente benötigt, und bitten Sie ausdrücklich um Unterstützung für reduzierte Bewegung. Bitten Sie es, seine Timing-Optionen zu erklären, damit Sie sie überprüfen können.
Ein anderer Ansatz besteht darin, den Agenten in einem Bewegungstool arbeiten zu lassen, anstatt alles in Code zu schreiben. Mit einem MCP-Server kann ein Agent Animationen in einem Tool erstellen und bearbeiten, das über integrierte Zustände und Physik verfügt. ExodeUI, das wir herstellen, verfügt dafür über einen MCP-Server, und das Ergebnis ist eine offene .exode-Datei, die Sie im Editor überprüfen können.
Halten Sie in jedem Fall eine Person auf dem Laufenden, wenn es sich um Bewegungen handelt, die Benutzer häufig sehen. Schauen Sie es sich auf einem echten Gerät an und stimmen Sie es nach Gefühl ab.