# \#animation
**URL:** https://discuss.pytorch.kr/tag/animation/8214.md
[최신](https://discuss.pytorch.kr/latest.md) · [카테고리](https://discuss.pytorch.kr/categories.md) · [태그](https://discuss.pytorch.kr/tags.md)
---
## [Text-to-Lottie: 코딩 에이전트로 프로덕션급 Lottie 애니메이션을 만드는 에이전트 스킬](https://discuss.pytorch.kr/t/text-to-lottie-lottie/10828)
**Author:** [@9bow](https://discuss.pytorch.kr/u/9bow)\
**댓글:** 0\
**마지막 업데이트:** [6월 22, 2026, 9:30오전 UTC](https://discuss.pytorch.kr/t/text-to-lottie-lottie/10828 "2026-06-22T09:30:12Z")
Text-to-Lottie 소개 Text-to-Lottie는 Claude Code, Codex처럼 스킬을 지원하는 코딩 에이전트에게 프롬프트를 주어 프로덕션급 Lottie 애니메이션을 생성하는 오픈소스 프레임워크입니다. Lottie는 웹과 모바일에서 가볍게 재생되는 벡터 애니메이션 포맷으로, 보통 디자이너가 After Effects에서 만들어 개발자에게 JSON으로 넘기는 방식으로 제작됩니다. Text-to-Lottie는 그 제작 과정을 코딩 에이전트와의 대화로 옮겨, 텍스트 설명만으로 애니메이션 JSON을 만들어 내는 데 초점을 둡니다. 이 프레임워크의 특징은 특정 모델에 묶이지 않는다는 점입니다. 별도의 전용 앱이 아니라 코딩 에이전트용 스킬(skill) 형태로 배포되므로, 스킬을 지원하는 어떤 에이전트에서도 같은 방식으로 불러 쓸 수 있습니다. 에이전트는 작업 공간과 내장 플레이어를 자동으로 구성하고, 각 애니메이션을 프로젝트 안의 하나의 씬(scene)으로 관리합니다. 아래 예시는 Text-to-Lottie로 생성한 애니메이션입니다. 텍스트 프롬프트에서 출발해 이런 형태의 결과물을 얻는 것이 이 도구의 목표입니다. Text-to-Lottie의 동작 방식 에이전트는 작업 공간과 함께 포함된 플레이어를 설정하고, 각 애니메이션을 프로젝트 안의 씬으로 둡니다. 씬은 public/projects/\/\/lottie.json 경로에서 자동으로 로드되며, 에이전트가 파일을 편집하면 플레이어에서 실시간으로 갱신됩니다. 덕분에 생성된 Lottie를 곧바로 들여다보고, 타임라인을 스크럽하며, 다시 다듬는 작업을 실시간으로 반복할 수 있습니다. 기반이 되는 입력 자료를 함께 주면 결과가 크게 좋아집니다. SVG 경로, 실제 데이터, 스크린샷처럼 구체적인 자산을 근거로 삼을수록 애니메이션 품질이 올라간다고 저자는 설명합니다. 즉 "무에서 그려 달라"는 요청보다, 기존 벡터 자산에 움직임을 입히는 방향이 이 도구의 강점에 가깝습니다. …