Repolode
iart-ai

iart-ai/motion-skills

AI 코딩 에이전트가 모션 그래픽, 애니메이션, 영상 워크플로를 만들도록 돕는 설치형 스킬 55종 모음

스타
895
포크
80
열린 이슈
0
마지막 커밋
6일 전

어떤 프로젝트인가요?

Motion Graphics Skills는 각각 SKILL.md와 참고 파일을 포함하는 오픈소스 스킬 폴더 모음입니다. 각 스킬은 Claude Code, Cursor, Codex 같은 AI 코딩 에이전트에 키네틱 타이포그래피, 데이터 기반 차트, 설명 영상, 세로형 숏폼 영상, WebGL 및 Three.js 장면, Manim 수학 애니메이션, Remotion을 활용한 프로그래밍 방식 영상 제작, 스트리밍 도구용 투명 로워 서드 등 특정 모션 그래픽 워크플로를 익히도록 합니다.

스킬은 TikTok 크리에이터, 이커머스 판매자, 프론트엔드 개발자, 모션 디자이너 등 대상별로 나뉜 18개의 개별 설치형 팩으로 구성됩니다. 각 팩은 npx skills add 명령이나 Claude Code 플러그인으로 추가할 수 있습니다. 시각 결과물을 만드는 스킬에는 렌더링 후 확인하는 반복 절차와 프레임 고정, 콘택트 시트 생성, 인코딩된 MP4 파일 검사용 소형 스크립트가 포함되어 있어 에이전트가 자체 결과물을 점검할 수 있습니다.

모델 파인튜닝이나 플러그인 런타임은 필요하지 않습니다. 주요 에이전트가 읽을 수 있는 형식으로 작성된 일반 지침입니다. 프로젝트는 MIT 라이선스로 배포되며 iart.ai에서 관리합니다.

핵심 기능

  • 01키네틱 타이포그래피, 데이터 차트, 설명 영상, 숏폼 영상, 웹 애니메이션을 다룹니다
  • 02대상별로 설치형 팩 18개로 구성되어 있습니다
  • 03npx skills add 명령이나 Claude Code 플러그인으로 설치할 수 있습니다
  • 04프레임 캡처 및 MP4 검사 스크립트를 포함한 렌더링·검증 반복 절차를 제공합니다
  • 05Remotion, Manim, GSAP, Three.js, Lottie 워크플로를 지원합니다

활용 사례

  • AI 코딩 에이전트가 CSV 파일로 데이터 기반 차트 영상을 만들도록 하기
  • 에이전트를 사용해 TikTok 또는 Reels용 세로형 숏폼 영상 제작하기
  • 프롬프트로 Manim 수학 애니메이션이나 Remotion 영상 만들기
  • OBS 또는 Premiere 프로젝트에 투명 로워 서드 추가하기

빠른 시작

  1. 1

    skills CLI를 사용해 범용 웹 애니메이션 팩을 설치하세요

    npx skills add iart-ai/web-animation-skills

사용 전 알아둘 점

  • 각 스킬은 독립 실행형 소프트웨어가 아니라 에이전트용 지침 모음이므로, 결과는 사용하는 에이전트에 따라 달라집니다.
  • 동영상 스킬은 Remotion 또는 Manim으로 렌더링하며, 각각 별도의 설정이 필요합니다.

토픽

자주 묻는 질문

motion-skills은(는) 무엇인가요?
AI 코딩 에이전트가 모션 그래픽, 애니메이션, 영상 워크플로를 만들도록 돕는 설치형 스킬 55종 모음 Motion Graphics Skills는 각각 SKILL.md와 참고 파일을 포함하는 오픈소스 스킬 폴더 모음입니다. 각 스킬은 Claude Code, Cursor, Codex 같은 AI 코딩 에이전트에 키네틱 타이포그래피, 데이터 기반 차트, 설명 영상, 세로형 숏폼 영상, WebGL 및 Three.js 장면, Manim 수학 애니메이션, Remotion을 활용한 프로그래밍 방식 영상 제작, 스트리밍 도구용 투명 로워 서드 등 특정 모션 그래픽 워크플로를 익히도록 합니다.
motion-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
motion-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
motion-skills은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. motion-skills의 마지막 커밋은 2026년 10월 14일입니다.
motion-skills은(는) 어디에 사용할 수 있나요?
AI 코딩 에이전트가 CSV 파일로 데이터 기반 차트 영상을 만들도록 하기 에이전트를 사용해 TikTok 또는 Reels용 세로형 숏폼 영상 제작하기 프롬프트로 Manim 수학 애니메이션이나 Remotion 영상 만들기 OBS 또는 Premiere 프로젝트에 투명 로워 서드 추가하기
motion-skills는 어떻게 설치하나요?
skills CLI를 사용해 범용 웹 애니메이션 팩을 설치하세요: npx skills add iart-ai/web-animation-skills
motion-skills은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/iart-ai/motion-skills

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트