AI 코딩 에이전트는 이제 CSS, Motion, GSAP, SwiftUI 및 기타 프레임워크에서 작동하는 애니메이션 코드를 작성할 수 있습니다. 호버 효과, 모달 전환 또는 간단한 로더의 경우 빠른 검토 후에 결과를 사용할 수 있는 경우가 많습니다.
약점은 동작이 올바른 것처럼 느껴지도록 세부적으로 나타납니다. 에이전트는 모든 것에 대해 동일한 짧은 용이성과 같은 가장 일반적인 패턴을 반복하는 경향이 있습니다. 그들은 종종 행복한 경로를 처리하지만 중단은 처리하지 않습니다. 예를 들어 시트가 열려 있는 동안 사용자가 시트를 닫으면 어떤 일이 발생합니까? 모션 감소 처리와 로드, 오류, 비활성화 등의 상태를 자주 건너뜁니다.
컨텍스트를 통해 이러한 격차를 상당 부분 줄일 수 있습니다. 에이전트에게 모션 토큰을 제공하고, 각 구성 요소에 필요한 상태를 나열하고, 모션 감소 지원을 명시적으로 요청하세요. 확인할 수 있도록 타이밍 선택에 대해 설명해달라고 요청하세요.
또 다른 접근 방식은 모든 것을 코드로 작성하는 대신 에이전트가 모션 도구에서 작업하도록 하는 것입니다. MCP 서버를 사용하면 에이전트는 상태와 물리학이 내장된 도구에서 애니메이션을 생성하고 편집할 수 있습니다. 우리가 만드는 ExodeUI에는 이를 위한 MCP 서버가 있으며 그 결과 편집기에서 검토할 수 있는 열린 .exode 파일이 생성됩니다.
어느 쪽이든 사용자가 자주 보게 될 동작에 대해 루프에 사람을 포함시키십시오. 실제 기기에서 시청하고 느낌으로 튜닝해 보세요.