oil-oil/oil-motion

어떤 프로젝트인가요?

핵심 기능

• 01생성된 모션에서 피사체의 일관성을 유지하도록 주요 프레임을 먼저 계획합니다.
• 02스크롤, 마우스, 드래그, 터치 또는 기기 방향을 애니메이션 진행 상황에 연결합니다.
• 03멈춤 구간과 중복 프레임을 제거하고 깜빡임이나 구조 변화를 표시합니다.
• 04페이지에 실제로 표시되는 크기에 맞춰 에셋을 압축합니다.
• 05미리 합성한 MP4, 알파 채널이 포함된 WebP 스프라이트 시트, 그린 스크린 MP4 형식을 제공합니다.
• 06ZenMux API 키를 시스템 자격 증명 저장소에 보관합니다.

활용 사례

• 사용자가 스크롤하면 기기가 펼쳐져 분해도가 나타나는 제품 페이지.
• 마우스를 올리면 커서를 따라 움직이는 캐릭터나 마스코트 얼굴.
• 드래그로 제어하는 360° 제품 회전 이미지.
• 여러 비디오 장면을 이어서 보여주는 스크롤 기반 스토리텔링.

토픽

자주 묻는 질문

oil-motion은(는) 무엇인가요?

Claude Code와 Codex에서 AI 생성 모션을 입력에 반응하는 웹 애니메이션으로 변환하는 에이전트 스킬 Oil Motion은 특정 에이전트에 종속되지 않는 인터랙티브 웹 애니메이션 제작 스킬입니다. 모션을 계획하고, AI 비디오 모델로 연속 프레임을 생성한 뒤 검토하고 다듬습니다. 페이지에 표시되는 크기에 맞춰 에셋을 압축하고, 스크롤, 포인터, 드래그, 터치 또는 기기 방향에 애니메이션 진행 상황을 연결합니다.

oil-motion은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

oil-motion은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

oil-motion은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. oil-motion의 마지막 커밋은 2026년 10월 4일입니다.

oil-motion은(는) 어디에 사용할 수 있나요?

사용자가 스크롤하면 기기가 펼쳐져 분해도가 나타나는 제품 페이지. 마우스를 올리면 커서를 따라 움직이는 캐릭터나 마스코트 얼굴. 드래그로 제어하는 360° 제품 회전 이미지. 여러 비디오 장면을 이어서 보여주는 스크롤 기반 스토리텔링.

oil-motion은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/oil-oil/oil-motion