howseen-ai/claude-motion-design

어떤 프로젝트인가요?

핵심 기능

• 01seek(t) 함수로 모든 프레임을 렌더링해 결과를 반복해서 동일하게 생성합니다.
• 02Playwright 스크린샷과 ffmpeg 인코딩을 사용하고 서브프레임 모션 블러를 적용합니다.
• 03감지한 비트 맵과 오디오 피크에 맞춰 장면 전환과 효과음을 정렬합니다.
• 04기존 영상을 재현할 수 있는 프레임 고정 리메이크 모드를 제공합니다.
• 05무료 음악, 효과음(SFX), 로고, 폰트를 가져오는 스크립트를 제공합니다.

활용 사례

• 영상 편집기 없이 제품 출시 또는 발표 영상을 제작할 때
• HTML 장면으로 비트에 동기화된 소셜 미디어용 루프 영상을 만들 때
• 타임라인 편집 대신 코드를 수정하며 영상을 다듬을 때
• 다른 브랜드에 맞춰 레퍼런스 모션 영상을 재현할 때

빠른 시작

1. 1

   스킬을 Claude Code에 복사합니다

   mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/
2. 2

   Python 종속 항목과 Chromium을 설치합니다

   pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium
3. 3

   Claude Code에서 동영상 제작을 요청하거나 /motion-design을 입력합니다

사용 전 알아둘 점

• !이 스킬을 사용하려면 Claude Code 환경이 필요하며, 렌더링에는 Chromium과 ffmpeg도 필요합니다.
• !음악과 효과음은 각자의 라이선스가 적용되는 타사 소스에서 다운로드하므로 재배포되지 않습니다.

토픽

자주 묻는 질문

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

After Effects나 Remotion 라이선스 없이 HTML, Playwright, ffmpeg로 모션 디자인 영상을 만드는 Claude Code 스킬입니다. claude-motion-design은 코드를 사용해 모션 디자인 영상을 만드는 Claude Code 스킬입니다. 모든 프레임은 단일 seek(t) 함수로 시간에 따라 계산하고, Playwright로 렌더링한 뒤 서브프레임에 모션 블러를 적용하고 ffmpeg로 인코딩합니다. 유료 편집 도구나 라이선스가 필요한 렌더링 엔진 없이도 결정론적이고 편집 가능한 영상을 만들고 싶은 개발자를 대상으로 합니다.

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

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

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

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

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

영상 편집기 없이 제품 출시 또는 발표 영상을 제작할 때 HTML 장면으로 비트에 동기화된 소셜 미디어용 루프 영상을 만들 때 타임라인 편집 대신 코드를 수정하며 영상을 다듬을 때 다른 브랜드에 맞춰 레퍼런스 모션 영상을 재현할 때

claude-motion-design는 어떻게 설치하나요?

스킬을 Claude Code에 복사합니다: mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/ Python 종속 항목과 Chromium을 설치합니다: pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium Claude Code에서 동영상 제작을 요청하거나 /motion-design을 입력합니다

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

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