Communitygithub.com

브랜드 런칭 비디오 스타

공식 회사 웹사이트, 검증된 브랜드 소스 또는 사용자가 업로드한 제품 이미지를 기반으로 15~30초 분량의 강력한 브랜드 및 제품 마케팅 비디오를 제작합니다. 런칭 필름, 웹사이트 모션 비디오, AI/SaaS 데모, 제품 프로모션, 정확한 로고와 실제 이미지가 필요한 Vibe Motion/Remotion 프로덕션에 사용됩니다.

브랜드 런칭 비디오 스타란 무엇인가요?

이 스킬은 브랜드 런칭 비디오 제작을 자동화하여, 제네릭 템플릿이 아닌 진정성 있는 브랜드 스토리를 전달하는 데 최적화되어 있습니다. 사용자가 제공하거나 공식 소스에서 확보한 실제 로고, 제품 이미지, UI 스크린샷 등 인증된 에셋만을 사용하도록 강제하며, 에셋을 임의로 생성하거나 근사하는 것을 금지합니다. 주로 Vibe Motion 또는 Remotion 프로젝트 환경 내에서 작동하며, 15~30초 길이, 16:9 비율, 30fps, H.264 MP4 포맷을 기본값으로 합니다. 워크플로우는 브리핑 분석, 브랜드 진실 시트 구축, 에셋 매니페스트 생성, 스토리 스파인 선택, 프레임 단위 계획, 모션 구현, 원인과 결과 시연, 렌더링 및 검증, 출처 제공의 10단계로 구성됩니다. 각 단계마다 제공되는 레퍼런스 문서와 검증 스크립트를 통해 품질과 진정성을 확보하며, 에셋 검증에 실패하거나 인증되지 않은 에셋이 사용될 경우 작업을 중단하고 사용자에게 원본을 요청합니다.

지원 대상~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/vibe-motion/skills/tree/HEAD/brand-launch-video-star

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

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

문서

브랜드 런칭 비디오 스타은(는) 무엇을 하나요?

진정성 있는 런칭 필름을 제작하세요. 제네릭 모션 템플릿을 사용하지 마세요. 브랜드를 검증하고, 제품 특화 스토리를 전달하며, 정확한 에셋과 결정론적 모션으로 빠르고 세련된 시퀀스를 렌더링합니다.

릴리스 차단 조건

  1. 실제 에셋을 사용하세요. 로고, 워드마크, 제품, 인터페이스, 마스코트, 패키징, 인물 또는 브랜드 장면을 절대 발명, 재그리기, 근사, 트레이싱 또는 생성하지 마세요.
  2. 로고를 정확하게 만드세요. 현재 공식 파일을 다운로드하거나 사용자의 원본 파일을 사용하세요. 워드마크를 조판하거나 CSS/SVG 기본 요소로 로고를 재구성하지 마세요.
  3. 업로드 이상을 조사하세요. 업로드된 파일을 사용 가능한 소스 자료로 취급하되, 에셋의 한계로 여기지 마세요. 스토리에 필요하다면 추가 공식 또는 라이선스 자료를 찾으세요.
  4. 제품을 보여주세요. 실제 기능, 상호작용, 시나리오, 결과물 및 증거를 보여주세요. 추상적인 효과 뒤에 약한 제품 스토리를 숨기지 마세요.
  5. 기본 언어는 영어입니다. 명시적으로 요청된 경우에만 다른 언어를 사용하세요.
  6. 모션을 결정론적으로 유지하세요. 모든 상태를 프레임/시간과 명시적 입력으로부터 계산하세요. 렌더링 순서나 시드 없는 무작위성에 의존하지 마세요.
  7. 주장을 검증하세요. 현재 이름, 기능, 지표, 슬로건 및 CTA를 공식 소스와 비교하여 확인하세요.

ID를 지니는 에셋이 인증될 수 없는 경우, 작업을 중단하고 공인된 원본을 요청하세요. 그럴듯한 대체물을 렌더링하지 마세요.

절차적 그래픽은 비재현적 모션 레이어로만 사용하세요: 마스크, 그레이디언트, 색상 필드, 그리드, 글로우, 파티클, 트레일, 타이포그래피, 검증된 데이터 차트 및 전환 지오메트리.

빠른 시작

스킬을 설치합니다:

npx skills add vibe-motion/skills

구체적인 브리핑으로 호출합니다:

$brand-launch-video-star를 사용하여 https://example.com의 15초 16:9 영어 런칭 필름을
만드세요. 공식 에셋을 조사하고, 핵심 제품 워크플로우를 보여주며, Vibe Motion/Remotion MP4 및
출처 파일을 제공하세요.

사용자의 기존 Vibe Motion 또는 Remotion 프로젝트 내에서 작업하세요. 프로젝트가 없다면 npx create-vibe-motion으로 Vibe Motion 프로젝트를 초기화한 후, 생성된 프로젝트의 자체 설치 및 렌더링 명령을 따르세요.

구현 전:

  1. references/asset-manifest.example.json을 프로젝트에 복사하고 모든 예제 값을 교체하세요.
  2. references/timeline.example.json을 프로젝트에 복사하고 기간과 샷을 조정하세요.
  3. 두 파일을 검증하세요:
node <skill-dir>/scripts/validate-assets.mjs path/to/asset-manifest.json
node <skill-dir>/scripts/validate-timeline.mjs path/to/timeline.json

번들 매니페스트 템플릿을 검사할 때만 --schema-only를 사용하세요:

node <skill-dir>/scripts/validate-assets.mjs \
  <skill-dir>/references/asset-manifest.example.json --schema-only

워크플로우

1. 브리핑 분석

다음 항목을 결정하세요:

  • 회사/제품 및 공식 URL
  • 제품 또는 캠페인 초점
  • 대상 및 배포 채널
  • 길이; 기본값 15초, 일반적으로 15-30초 지원
  • 화면비; 기본값 16:9
  • 언어; 기본값 영어
  • 필요한 주장, CTA 및 면책사항 요구 사항
  • 사용자가 제공된 에셋을 소유하거나 게시할 권리가 있는지 여부

필름에 실질적으로 영향을 미치는 질문만 하세요.

2. 브랜드 진실 시트 구축

현재 공식 소스를 검색하여 다음을 추출하세요:

  • 정확한 로고 변형 및 사용법
  • 공식 폰트 또는 웹폰트
  • 기본, 보조 및 동적 색상
  • 브랜드 원칙, 톤 및 시각적 모티프
  • 현재 제품명, 기능, 시나리오, 지표 및 CTA
  • 공식 사진, 렌더링, UI 스크린샷, 영상, 보도 자료 및 미디어 킷

우선순위:

  1. 사용자가 제공한 원본
  2. 회사 웹사이트, 정적 번들, 뉴스룸, 브랜드 포털, 미디어 킷 또는 공식 저장소
  3. 회사 관리 미디어 라이브러리
  4. 라이선스 스톡 또는 승인된 파트너 킷

에셋을 획득하기 전에 references/asset-authenticity.md를 읽으세요.

3. 에셋 매니페스트 생성

모든 ID를 지니는 에셋을 asset-manifest.json에 기록하세요:

  • 안정적인 ID 및 역할
  • 로컬 경로
  • 정확한 소스 URL
  • 소스 유형
  • 공식 검증 페이지/파일
  • 권리/라이선스 참고 사항
  • 진정성 상태
  • 선택적 SHA-256 체크섬

검증기는 매니페스트 구조, 선언된 출처, 로컬 파일 존재 여부 및 선택적 체크섬을 확인합니다. 사용 권한을 독립적으로 부여하거나 원격 소스의 진실성을 증명하지 않습니다. 공식 소스와의 비교는 수동으로 수행하세요.

검증이 실패하는 동안 최종 렌더링을 시작하지 마세요.

4. 스토리 스파인 선택

2-3개의 간결한 방향을 제시하고 하나를 추천하세요:

  • AI/SaaS: 의도 -> 사고/계획 -> 기능 -> 실행 -> 결과 -> 증거 -> 로고
  • 물리적 제품: 히어로 -> 상호작용 -> 기능 클로즈업 -> 사용 맥락 -> 결과 -> 로고
  • 서비스/회사: 맥락 -> 프로세스 -> 증거 -> 결과 -> 약속 -> 로고
  • 이미지 중심 브랜드: 실제 이미지 -> 시각적 모티프 -> 혜택 -> 감정적 보상 -> 로고

기간 패턴은 references/story-patterns.md를 읽으세요.

5. 정확한 프레임 계획

프로젝트에서 달리 요구하지 않는 한 30fps를 사용하세요. 모든 경계를 정수 프레임으로 변환하세요.

15초의 경우 5-8개의 주요 비트, 30초의 경우 8-12개를 목표로 하세요. 각 비트에 다음을 제공하세요:

  • 시작/종료 프레임
  • 시각적 소유자 및 실제 에셋 ID
  • 주요 동작
  • 예상, 수행, 충격, 감속 및 안정화
  • 카피 및 읽을 수 있는 홀드
  • 색상 상태
  • 들어오기/나가기 전환

연속성이 이점이 될 때 6-12 프레임의 오버랩을 사용하세요. 한 샷이 속도를 소유하고, 다음 샷이 목적지를 소유합니다.

6. 통제된 강도 구축

  • 제품 모션, 커서 경로, 빛, 스크롤 콘텐츠, 객체 가장자리 또는 일치하는 지오메트리를 전환에 활용하세요.
  • 강한 대비를 가진 2-5개의 의도적인 색상 상태를 사용하세요.
  • 비트당 하나의 주요 동작을 유지하고, 보조 레이어는 2-6 프레임 지연시키세요.
  • 2-3개의 높은 에너지 피크와 더 조용한 감속 순간을 설정하세요.
  • 읽을 수 있는 실루엣, 카피 및 로고 클리어 스페이스를 보존하세요.
  • 가짜 HUD, 임의의 유리 카드, 장식적인 텍스트 벽, 검증되지 않은 지표 및 모든 곳에 동일한 이징을 피하세요.

구현 전에 references/motion-quality.md를 읽으세요.

7. 원인과 결과 시연

최소 하나의 읽을 수 있는 체인을 포함하세요:

사용자 의도 -> 제품 동작 -> 시스템 응답 -> 유용한 결과

AI 제품의 경우:

프롬프트 -> 계획 -> 병렬 기능 -> 생성된 결과 -> 증거

실제 UI 캡처, 녹화, 소스 코드 또는 공식 제공 스크린샷을 사용하세요. 실제 UI를 사용할 수 없는 경우 명확하게 개념적인 추상 모션을 사용하세요. 브랜드 인터페이스를 조작하여 실제로 제시하지 마세요.

8. 구현 및 렌더링

Remotion의 경우:

  • state = f(frame, fps, inputs, constants)를 정의하세요.
  • 샷 경계를 하나의 타임라인/상수 모듈에 유지하세요.
  • 안정적인 ID로 절차적 변형에 시드를 제공하세요.
  • 속도를 유도할 때 분수 값을 보존하세요.
  • 이미지 크기와 화면비를 명시적으로 유지하세요.
  • 반복 중에 이전 컴포지션/출력을 보존하세요.

프로젝트의 로컬 CLI를 선호하세요. 일반적인 발견 및 렌더링 명령은 다음과 같습니다:

pnpm exec remotion compositions <entry-file>
pnpm exec remotion render <entry-file> <composition-id> out/launch-film.mp4

기본 미리보기:

  • 1920x1080
  • 30fps
  • H.264 MP4
  • 정확히 요청된 길이
  • 시각 우선 V1; 요청되거나 사용 가능한 경우에만 사운드 추가

9. 검증

  • 에셋 매니페스트 및 타임라인 검증을 실행하세요.
  • 컴포지션 발견/빌드 및 대상 린트/타입 검사를 실행하세요.
  • 미디어 길이, 프레임 속도, 크기 및 파일 무결성을 확인하세요.
  • 대표 프레임과 전체 렌더링을 검사하세요.
  • 속도, 명확성, 영향, 진정성 및 매끄러움에 대한 시간 코드 기반 피드백을 요청하세요.

10. 출처 제공

다음을 제공하세요:

  • 렌더링된 비디오
  • 컴포지션/소스 경로
  • 정확한 사양 및 길이
  • 에셋 매니페스트
  • 브랜드/제품 소스 링크
  • 권리/면책사항 참고 사항
  • 버전 식별자

필름이 비공식적인 컨셉인 경우와 상업적 게시에 허가가 필요한 경우를 명시하세요.

실패 복구

  • 잘못된 로고: 제거하고, 현재 공식 파일을 찾고, 출처를 기록한 후 다시 렌더링하세요.
  • 가짜처럼 보이는 제품/UI: 공식, 사용자 제공 또는 라이선스 미디어로 교체하세요. 모방을 개선하지 마세요.
  • 빠르지만 혼란스러운: 동시 동작을 줄이고, 시각적 소유자를 지정하며, 컷 전반에 걸쳐 일치하는 모션을 유지하세요.
  • 아름답지만 제네릭한: 완전한 제품 상호작용, 검증된 주장 및 실제 결과물을 추가하세요.
  • 매끄럽지만 느린: 홀드를 줄이고, 전환을 오버랩하며, 핵심 메시지 주변에서만 감속하세요.
  • 에셋을 사용할 수 없는 경우: 공인된 원본을 요청하세요. 절대 추측하지 마세요.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

관련 스킬