Communitygithub.com

inspiriflow/awesome-motion-graphics

수많은 효과 레시피를 모아놓은 라이브러리로, 토킹헤드 세로 영상(1080×1920)에 적용할 수 있습니다. 사용자가 특정 편집 이름(예: reel wall, glass widgets, orbit, billboard, zoom through, text ring, tier list, glass graph, stage light, punch-in, checklist, comment box, stamp, cover star, match cut, messages, rabbit hole...)을 부르거나, "/edit <name>"을 입력하거나, "어떤 편집을 할 수 있나요?"라고 묻거나, 자신의 클립에 프리미엄 소셜 비디오 효과를 원할 때 Claude가 Remotion으로 렌더링할 수 있는 빌드 스펙을 제공합니다.

awesome-motion-graphics란 무엇인가요?

이 스킬은 Claude Code, Cursor, Codex 등 AI 에이전트가 토킹헤드 세로 영상(1080×1920)에 다양한 모션 그래픽 효과를 적용할 수 있도록 미리 정의된 레시피 라이브러리입니다. 사용자가 특정 효과 이름(예: "reel wall", "glass widgets", "orbit")을 입력하거나 `/edit <name>` 명령을 사용하면, `effects/` 폴더에 있는 해당 레시피를 읽어 모든 입력 항목을 사용자에게 물어보고 Remotion으로 렌더링합니다. 첫 실행 시 프로젝트 셋업과 마스크/헤드 트래킹 설정을 자동으로 수행하며, 일관된 하우스 스타일을 적용합니다. 최종적으로 `out/<name>.mp4` 파일을 생성하고 4개의 스틸 이미지를 보여줍니다. 문제가 발생하면 제공된 문제 해결 표를 참고하여 품질을 조정할 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/inspiriflow/awesome-motion-graphics/tree/HEAD/skills/awesome-motion-graphics

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Awesome Motion Graphics

여러 출처에서 모은 효과 레시피 라이브러리입니다. effects/ 안의 각 레시피는 스펙(모양, 필요한 것, 사용자가 채울 내용, 정확한 레이아웃 및 타이밍)을 정의합니다.

워크플로우

  1. 이름이 주어지지 않았나요? effects/ 안의 모든 파일을 frontmatter의 한 줄 summary와 함께 tags별로 그룹화하여 나열합니다. 중단합니다.
  2. 프로젝트에서 처음 실행하나요? setup/house-style.md를 실행한 다음, 효과의 needs에 mask 또는 head-track가 포함되어 있으면 setup/mask-and-head-track.md를 실행합니다. 이미 존재하는 것(HOUSE_STYLE.md, public/mask/, public/head-track.json)은 건너뜁니다.
  3. 일치하는 effects/<name>.md를 읽습니다. 모든 [INPUT]을 사용자의 말로 채웁니다. 여전히 누락된 항목(특히 실제 숫자)은 물어보세요. 통계, 조회수 또는 로고를 절대 지어내지 마세요. "단어 X에서"와 같이 타이밍이 주어지면: 클립을 단어 타임스탬프와 함께 전사하고 그대로 사용합니다.
  4. HOUSE_STYLE.md를 따라 효과 이름을 딴 자체 컴포지션으로 빌드합니다.
  5. out/<name>.mp4로 렌더링하고, 경로를 보고한 후 4개의 스틸 이미지(시작, 중간 두 개, 끝)를 보여줍니다.

extras/에는 효과가 아닌 레시피(채팅 스타일 인트로/엔딩 chat-render.md)와 여러 편집을 하나의 릴로 조합하는 방법(full-reel.md)이 들어 있습니다.

모든 레시피의 기본값

  • 1080×1920, 30fps, 소스 클립은 public/talking.mp4 (복사본 사용, 원본은 절대 편집하지 않음).
  • 읽을 수 있는 모든 것의 안전 영역: x 120–960, y 260–1700. 얼굴을 절대 가리지 마세요.
  • "Linear light"란: 리니어로 변환하고, 블러/틴트/라이트를 적용한 후 sRGB로 다시 변환합니다.
  • "마지막 프레임에서도 움직임이 계속됨"이란 카메라 푸시가 완전히 멈추지 않음을 의미합니다.

뭔가 이상해 보일 때

증상해결 방법
컷아웃 깜빡임 / 헤어 헤일로시간에 따라 마스크를 더 부드럽게; 페더링 전에 1px 축소
너무 빠름4초로 늘리고 모든 움직임을 그에 맞게 조정
휴대폰에서 텍스트 읽기 어려움모든 텍스트에 +20%, 휴대폰 크기에서 확인
그래픽이 얼굴에 닿음얼굴 영역 밖으로 더 아래로 이동
움직임이 로봇처럼 느껴짐HOUSE_STYLE.md에서 이징 + 모션 블러 다시 적용
느린 머신먼저 절반 크기 프리뷰로 렌더링하고, 승인되면 전체 품질로

레시피 추가하기

effects/에 새 파일을 만들고, 다음 frontmatter와 본문(Inputs, Build, Timing 형식)을 포함합니다:

name: kebab-name
summary: 시청자가 보게 될 내용을 한 줄로
source: README의 source-id
needs: [mask, head-track, behind-me, reels, music]   # 하위 집합
Duration: 3s
tags: [3d, glass, text, camera, data, layout]

관련 스킬