cinetic — 코드로 만드는 시네마틱 모션 디자인

Remotion/GSAP 코드로 런칭 필름, 제품 영상, 로고 스팅을 기획·타이밍·사운드·렌더링까지 영화 수준으로 만들어주는 디렉팅 스킬.

이미지·영상고급★ 921⑂ 54AI 점수 9/10마지막 업데이트: 2026. 10. 18.

무엇을 해주나

기획부터 납품까지 한 파이프라인: 브리프(BRIEF.md) → 콘셉트/트리트먼트 → 브랜드·스타일 프레임 → 타임라인(timeline.ts) → 액트별 빌드 → 사운드 → 렌더·검수 순으로 단계마다 산출 파일과 검사 게이트를 강제합니다.
포맷별 수치 기준: 런칭 필름, 제품/기능 영상, 루프 애니메이션, 로고 스팅, UI 워크스루별 길이·fps·BPM·비트 수·화면에 보여줄 단어 수·납품물 목록이 표로 정리되어 있습니다.
"생성형 티" 방지 금지 목록: 세리프/이탤릭, 보라·네온·오렌지 계열, 글래스모피즘, 이모지·파티클·렌즈 플레어, 문장 통째 노출 등을 금지하고 lint-film.mjs로 검사합니다.
코드로 만드는 사운드트랙: 그림 코드에서 싱크 포인트를 자동 추출(export-cues.ts)해 효과음·스코어를 생성하고 LUFS·트루피크·LRA까지 측정합니다.
렌더 후 측정과 자기비평: 컨택트 시트, 레이아웃 감사, 사운드 시트를 만들어 실제 렌더 결과를 보고 고치는 루프를 돌립니다.

이런 분께 추천

Remotion(React) 또는 HTML/GSAP로 프로덕트 영상을 직접 코딩해 만드는 개발자·모션 디자이너
랜딩페이지용 루프 애니메이션, 기능 소개 클립, 로고 인트로가 자주 필요한 스타트업 팀
AI에게 영상 제작을 맡기되 아마추어 티 나는 결과물을 피하고 싶은 분

활용 예시

"우리 SaaS 신규 기능 런칭 필름 30초짜리 만들어줘" → 콘셉트 3안 → 비트 시트 → 1920×1080 60fps 마스터 + 9:16/1:1 리레이아웃 + 포스터까지 산출.
"랜딩페이지 히어로 영역에 들어갈 6초 루프 애니메이션" → 마디 단위로 떨어지는 심리스 루프를 MP4·WebM·GIF로 내보내기.
"로고 스팅 5초, 알파 채널 포함" → 마크 방향 6~10안 스케치 → 오독 테스트 → ProRes 4444 알파 버전과 튜닝된 히트 사운드 1개.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/Leonxlnx/cinetic/HEAD/skills/cinetic/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)

아래 버튼으로 ZIP 파일을 받으세요.
Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.

↓ ZIP 내려받기

Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

AI 스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 Leonxlnx/cinetic 의 skills/cinetic 폴더를 내 ~/.claude/skills/cinetic/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/Leonxlnx/cinetic.git /tmp/cinetic && mkdir -p ~/.claude/skills && cp -r /tmp/cinetic/skills/cinetic ~/.claude/skills/cinetic

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

사전 준비물 설치: Node 22 이상, ffmpeg 6 이상(libx264 포함), Python 3.11 이상을 먼저 설치합니다.
파이썬 패키지 설치: pip install numpy scipy soundfile pyloudnorm opencv-python librosa pillow fonttools brotli uharfbuzz 를 실행합니다.
스킬 내려받기: 터미널에서 git clone https://github.com/Leonxlnx/cinetic.git /tmp/cinetic 를 실행합니다.
스킬 폴더에 복사: mkdir -p ~/.claude/skills && cp -r /tmp/cinetic/skills/cinetic ~/.claude/skills/cinetic
Claude Code 재시작 후 "런칭 영상 만들어줘" 같은 요청으로 스킬이 작동하는지 확인합니다.
첫 프로젝트 생성: 스킬이 안내하는 bash scripts/new-film.sh films/<이름> --fps 60 --size 1920x1080 로 프로젝트를 만들고, 이어서 npm install과 렌더용 Chromium 다운로드를 진행합니다.
(선택) 사운드 품질을 높이려면 별도 가상환경에 earshot 0.3+를 설치합니다.

GitHub에서 원본 보기 ↗라이선스: MIT