✦ 스튜디오 추천
Halden Solace · 16:9
이 Skill로 렌더링한 결과
Bang Motion 프로모 v1.19.0
슬라이드가 아니라 영상처럼 움직이는 프로모, 오프너, 설명 영상. 브랜드에서 뽑은 스타일, 움직이는 카메라, 박자에 맞춰 튀어나오는 사진과 글자를 HTML 파일 하나에.
아직 평가 없음 0 다운로드
- 포맷
- 영상 · 16:9
- 길이
- 0:30
에이전트를 모션 디자이너로 바꾸는 오픈소스 Skill입니다. 브랜드에서 스타일을 끌어내 콘셉트 세 가지와 추천안을 내고, 카메라가 움직이고 주인공이 화면을 떠나지 않으며 색면이 보이는 계기로 바뀌는 index.html 하나를 만듭니다. 스타일 10가지, 오프너 구성 19가지, 설명 영상 스타일 6가지에 프레임 단위 MP4 내보내기까지.
2026년 11월 2일 업데이트
받게 되는 것
- 영상처럼 재생되는 index.html(자동 재생, 반복, ?debug=1 스크럽 바)
- 콘셉트 세 가지, 추천안, 출처가 적힌 팔레트를 담은 스타일 브리프
- Skill의 슬라이드 방지 규칙에 따른 핵심 프레임 점검
- 선택 사항: 60fps 프레임 단위 MP4 내보내기
잘 맞는 경우
- 신제품 출시와 쇼핑몰 프로모
- 앱 오프너, SaaS 투어, 브랜드 아이덴트
- 사진, 누끼, 카툰으로 만드는 설명 영상
맞지 않는 경우
- 이미 찍어 둔 실사 영상 편집
- 얼굴이 나오는 영상
이 Skill에 대하여
이렇게 말하세요
/bang-motion flat pop with photos 스타일로 우리 러닝화 30초 프로모를 16:9로 만들어 줘. 제품 사진을 쓰고, 이 신발을 신은 가상의 러너 한 명을 생성해 줘. 마지막은 로고와 "Shop the drop"으로.
에이전트에게 프로모, 오프너, 제품 투어, 설명 영상을 맡기세요. Bang Motion은 에이전트를 진짜 모션 디자이너처럼 일하게 합니다. 룩은 브랜드에서, 구성은 콘셉트 메뉴에서 고르고, 결과물은 영화처럼 움직입니다. 사람과 제품이 화면 가장자리에서 튀어 들어오고, 라벨이 거기에 붙고, 거대한 단어가 뒤에 자리 잡고, 색면은 계기가 있어야 바뀌며, 페이드 대신 카메라가 다음 장면으로 밀고 들어갑니다.
작동 방식
- 브리프: 제품, 타깃, 길이, 화면비를 알려 주고 로고, 사이트, 스크린샷, 사진을 넘기세요.
- 스타일 브리프: 콘셉트 세 가지와 추천안, 구성 개요, 모든 색의 출처를 적은 팔레트가 돌아옵니다. 코드를 쓰기 전에 승인하거나 고치세요.
- 소재: 내 사진과 로고가 먼저입니다. 없으면 이미지 도구로 가상의 인물과 제품을 만들거나 사진이 필요 없는 콘셉트를 고릅니다.
- 제작: HTML, CSS, GSAP로 index.html 하나를 쓰고, 핵심 프레임을 자체 규칙(슬라이드식 페이드 금지, 주인공 상시 등장, 글자는 두 단계까지, 휴대폰에서도 읽힘)으로 점검해 고칩니다.
- 전달: 파일을 더블클릭하면 재생되고 ?debug=1로 스크럽할 수 있으며, 포함된 스크립트로 프레임 누락 없는 MP4도 내보냅니다(Node.js, Puppeteer, FFmpeg 필요).
팁
- 장면을 나열하지 말고 스타일 이름을 말하세요: "flat pop with photos", "grainy gradient", "poster color-block", "product tour with claims".
- 실제 브랜드 소재를 주세요. 팔레트와 도형이 거기서 나옵니다.
- 글은 짧게: 오프너는 한 가지 느낌, 설명 영상은 한 가지 주장만.
- 새 영상은 새 대화에서 시작하세요. 이전 결정이 섞이지 않습니다.
오픈소스
Bang Motion은 Bang Tutorial(bangtutorial/bang-motion)이 만들었고 MIT 라이선스로 공개되어 있습니다. 다운로드는 GitHub에 공개된 Skill 그대로입니다. 지침은 인도네시아어, README는 영어로 되어 있지만 에이전트는 둘 다 읽고 여러분의 언어로 작업합니다.
시작 전에 필요한 것
- 준비물
- 제품, 로고, 브랜드 소재, 길이와 화면비, 있다면 사진. 없으면 가상의 인물과 제품을 생성할 수 있습니다.
- 의존성
- Google Chrome(또는 CHROME_PATH) — 필수 · 이미지 모델 키 — 선택
- 외부 비용
- 제작과 시청에는 비용이 없습니다. 이미지 모델로 사진을 만드는 것은 선택 사항이며 해당 제공사가 요금을 받습니다.
- 마지막 테스트
- v1.19.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
왜 슬라이드처럼 보이지 않나요?
Skill이 자기 코드에서 슬라이드 습관을 찾아냅니다. 페이드로 들고 나는 구간 금지, 주인공이나 세계가 계속 존재, 글자는 두 단계까지, 배경은 늘 움직이고 색 전환에는 반드시 보이는 계기가 있습니다.
어떤 스타일을 만들 수 있나요?
시네마틱 다크, 포스터 컬러 블록부터 flat pop with photos, 그레이니 그라데이션까지 열 가지 룩에 오프너 구성 열아홉 가지와 설명 스타일 여섯 가지를 조합합니다. 직접 고르거나 추천을 받으세요.
MP4를 받을 수 있나요?
어떤 브라우저에서도 재생되는 HTML 파일을 받습니다. 포함된 내보내기 스크립트로 프레임 누락 없이 MP4로 만들 수 있으며 Node.js, Puppeteer, FFmpeg가 필요합니다.
왜 무료인가요?
Bang Motion은 Bang Tutorial의 오픈소스 Skill입니다. 그대로 소개하며, 샘플은 저희 스니커즈 Halden Solace에 직접 돌려 만들었습니다.
