diffusionstudio/lottie

해결하는 문제

복잡한 모션 그래픽 소프트웨어에서 수동으로 디자인하는 대신, 코드 에이전트를 통해 텍스트 프롬프트를 사용하여 프로덕션 준비 완료된 Lottie 애니메이션을 생성할 수 있도록 하여, 프로덕션 준비 완료된 Lottie 애니메이션 제작을 간소화합니다.

작동 방식

이 프레임워크는 Claude Code나 Codex와 같은 코드 에이전트에 추가할 수 있는 "스킬" 역할을 합니다. 사용자가 프롬프트(일반적으로 SVG나 스크린샷 기반)를 제공하면, 에이전트는 Lottie JSON 파일을 생성합니다. 시스템에는 특정 디렉터리에서 이러한 파일을 자동으로 로드하는 플레이어가 포함되어 있어, 에이전트가 코드를 편집할 때 실시간으로 미리보기, 스트로브, 개선이 가능합니다.

대상 사용자

Lottie의 JSON 구조나 After Effects에 깊은 전문 지식이 없어도, 웹, 모바일(iOS, Android, React Native), 또는 Flutter 애플리케이션용 벡터 애니메이션을 빠르게 반복 개발하고 싶은 개발자와 디자이너.

주요 특징

• 에이전트 기반 생성: 코드 에이전트와 연동하여 텍스트 설명과 SVG 경로를 애니메이션으로 변환합니다.
• 실시간 미리보기: 에이전트가 애니메이션 파일을 수정할 때마다 실시간으로 업데이트되는 플레이어를 포함합니다.
• 다중 플랫폼 지원: 생성된 애니메이션은 웹, iOS, Android, React Native, Flutter의 표준 Lottie 플레이어와 호환됩니다.
• 전문적인 제어 기능: 이징, 카메라 이동과 같은 모션 디자인 용어 및 사용자 정의 프로퍼티 제어를 지원합니다.