AI 코딩 도구는 코드에 능숙하지만 애니메이션은 코드만으로는 설명하기 어렵습니다. 설계에 액세스하지 않고도 에이전트는 타이밍과 상태를 추측합니다. Model Context Protocol인 MCP는 에이전트가 표준 인터페이스를 통해 도구에 직접 액세스할 수 있도록 하여 이 문제를 해결합니다.
MCP 서버는 에이전트가 호출할 수 있는 작업을 공개하는 소규모 서비스입니다. 애니메이션의 경우 이는 구성 요소 생성, 상태 추가, 스프링 변경 또는 파일에 있는 입력 읽기를 의미할 수 있습니다. 상담원은 프롬프트에 따라 이러한 작업을 호출할 시기를 결정합니다.
일반적으로 설정은 짧습니다. 예를 들어 Claude Code의 mcp 명령 또는 Cursor의 MCP 설정을 사용하여 클라이언트의 MCP 구성에 서버를 추가한 다음 필요한 경우 인증합니다. 그런 다음 "스프링과 눌린 상태로 토글을 만듭니다" 또는 "성공 애니메이션 속도를 늦추세요"와 같이 일반 언어로 질문할 수 있습니다.
우리가 만드는 ExodeUI에는 이를 위한 MCP 서버가 있습니다. 에이전트는 상태, 스프링 물리학, 입력 및 이벤트를 사용하여 애니메이션을 생성하고 편집할 수 있으며 그 결과 편집기에서 열고 앱에서 재생할 수 있는 열린 .exode 파일이 생성됩니다. Figma 및 Penpot과 같은 디자인 도구에는 레이아웃 및 디자인 컨텍스트를 위한 자체 MCP 서버가 있습니다.
에이전트 출력을 초안으로 처리합니다. 출시되기 전에 편집기에서 모션, 특히 타이밍, 모션 감소 동작 및 모든 상태를 확인하세요.