Communitygithub.com

kangarooking/promo-creator-skills

제품 홍보 영상 전체 제작 워크플로우: 제품 판단 → 스토리보드 → 에셋 → HyperFrames 편집 → BGM 디자인. 101★ Agent Skills 제품군.

promo-creator-skills란 무엇인가요?

Promo Creator Skills는 제품 홍보 영상을 처음부터 끝까지 제작할 수 있는 종합 AI 에이전트 기술입니다. 사용자가 제품 정보나 URL만 입력하면, 자동으로 브리핑(brief) 작성, 스토리보드 설계, 에셋 수집 및 생성, HyperFrames 기반 편집, BGM 디자인까지 전 과정을 수행하여 최종 MP4 파일을 출력합니다. 각 단계는 세부 서브 스킬(promo-brief, promo-storyboard, promo-asset-producer, promo-editor, promo-music-maker)로 분리되어 있으며, 사용자가 특정 단계만 원할 경우 해당 서브 스킬만 실행할 수도 있습니다. 이 기술은 Claude Desktop, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 활용할 수 있으며, 실제 제품 정보와 검증 가능한 에셋을 우선시하여 추상적인 분위기 영상이 아닌 실용적이고 게시 가능한 홍보 영상을 제작하는 데 특화되어 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add kangarooking/promo-creator-skills

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

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

문서

Promo Creator Skills

제품 홍보 영상 제작의 총괄 진입점입니다. 이 파일은 전체 프로젝트를 독립적으로 안내할 수 있어야 하며, 하위 스킬은 각 단계의 심화 영역으로서 유일한 프로세스 출처가 아닙니다.

기본 목표: 실제 제품 정보, 실제 소프트웨어 인터페이스, 검증 가능한 에셋을 활용하여 60-90초 길이의 게시 가능한 제품 홍보 영상 MP4를 제작합니다. 분위기 영상, 이미지 슬라이드쇼, 또는 범용 기술 모션 연습으로 취급하지 마십시오.

총괄 판단

사용자가 "홍보 영상 / 제품 영상 / launch video / promo"라고만 말하면 기본적으로 전체 프로세스를 실행합니다:

제품 정보 또는 URL
  -> 01-brief.md
  -> 02-storyboard.md
  -> 03-asset-plan.md + assets/
  -> 04-edl.md + master-edit.html
  -> 06-music-plan.md + assets/bgm/
  -> final/promo.mp4 또는 final/promo-with-bgm.mp4
  -> 05-delivery.md

사용자가 특정 단계만 명확히 요청하면 해당 단계만 실행합니다. 예를 들어 "BGM 프롬프트만 필요해요"라면 음악 단계만 진행하고, "이미 에셋이 있어요. 바로 편집해주세요"라면 EDL 및 HyperFrames 단계부터 시작합니다.

하위 스킬 라우팅

기본적으로 총괄 프로세스를 따릅니다. 특정 단계에 진입할 때는 해당 하위 스킬의 SKILL.md 파일을 참조하여 상세 규격을 확인합니다.

사용자 목표상세 규격
처음부터 전체 홍보 영상 제작promo-workflow/SKILL.md
제품 분석 및 크리에이티브 브리핑만promo-brief/SKILL.md
브리핑 완료, 스토리보드 작성promo-storyboard/SKILL.md
스토리보드 완료, 에셋 준비promo-asset-producer/SKILL.md
에셋 완료, 편집 및 렌더링promo-editor/SKILL.md
배경 음악, BGM, 음악 프롬프트promo-music-maker/SKILL.md

단계별 프로세스

Phase 1: 브리핑 (Brief)

상세 규격은 promo-brief/SKILL.md를 참조하세요. 입력은 제품 설명서, 공식 웹사이트, GitHub 저장소, 앱 스크린샷, 사용자 구술 설명, 경쟁사 링크 등이 될 수 있습니다.

산출물 01-brief.md:

  • 제품 포지셔닝 및 타겟 시청자
  • 핵심 판매 포인트 및 증거
  • 권장 비주얼 스타일
  • 내러티브 구조 및 길이 권장 사항
  • 위험 요소, 에셋 부족, 사용자 확인이 필요한 질문

일시 정지 지점: 포지셔닝, 스타일, 길이, 주요 내러티브 확인.

Phase 2: 스토리보드 (Storyboard)

상세 규격은 promo-storyboard/SKILL.md를 참조하세요. 브리핑이 확인되기 전에 전체 편집본을 직접 작성하지 마십시오.

산출물 02-storyboard.md:

  • 컷별 타임코드
  • 각 컷의 화면 구성, 카피, 모션, 전환, 에셋 요구 사항
  • 실제 UI/실제 제품 신호가 나타나야 하는 컷
  • HyperFrames 구현 팁

일시 정지 지점: 컷 내용, 리듬, 카피 밀도, 전환 방향 확인.

Phase 3: 에셋 (Assets)

상세 규격은 promo-asset-producer/SKILL.md를 참조하세요. 실제 제품 에셋을 우선으로 하고, 부족한 부분만 생성된 보충 비주얼로 채웁니다.

산출물:

  • 03-asset-plan.md
  • assets/pack-a/: AI 생성 또는 보충 비주얼
  • assets/pack-b/: 공식 웹사이트, 스크린샷, 오픈소스 프로젝트, 문서 또는 기타 검증 가능한 에셋
  • assets/pack-b/pack-b-sources.md: 출처 기록

일시 정지 지점: 에셋 품질 및 저작권/출처 수용 가능성 확인.

Phase 4: 편집 (Edit)

상세 규격은 promo-editor/SKILL.md를 참조하세요. HyperFrames/HTML/CSS/GSAP를 사용하여 렌더링 가능한 비디오를 구축합니다. 단순 편집 제안만 하지 마십시오.

산출물:

  • 04-edl.md
  • master-edit.html
  • final/promo.mp4

일시 정지 지점: 완성된 영상 구조, 화면 밀도, 리듬, 수정이 필요한 컷 확인.

Phase 5: 음악 (Music)

상세 규격은 promo-music-maker/SKILL.md를 참조하세요. 음악은 편집 리듬을 지원해야 하며, 기본적으로 앰비언트 기술 배경 음악을 생성하지 마십시오.

산출물 06-music-plan.md:

  • 음악 스타일, BPM, 감정 곡선
  • 컷 전환과 정렬된 히트 포인트
  • Mureka / Skywork Music Maker 영문 프롬프트
  • 네거티브 프롬프트
  • 명확히 다른 방향 최소 2개

사용자가 확인하고 실제 생성을 요청할 때 스크립트를 호출하여 BGM을 생성합니다.

Phase 6: 전달 (Delivery)

05-delivery.md를 작성합니다:

  • 최종 비디오 경로
  • 소스 파일 경로
  • 에셋 및 BGM 목록
  • 수정 방법
  • 알려진 제한 사항

작업 디렉토리

각 프로젝트는 독립적인 실행 디렉토리를 생성합니다:

outputs/promo-runs/YYYY-MM-DD-<product>/

사용자가 명확한 프로젝트 이름을 제공한 경우 해당 이름을 사용하고, 그렇지 않으면 제품명을 기준으로 짧은 슬러그를 생성합니다.

일시 정지 규칙

반드시 일시 정지해야 하는 지점:

  • 브리핑 완료 후
  • 스토리보드 완료 후
  • 에셋 계획 또는 핵심 에셋 완료 후
  • BGM 방향 확인 전 실제 음악 생성 전
  • 최종 렌더링 후

일시 정지 시 최대 3개의 질문을 하고 권장 옵션을 제공합니다. 사용자가 "추천대로 진행 / 계속 / ok"라고 명확히 말하면 추천 방안으로 진행하고 반복적으로 확인하지 마십시오.

실행 제약 사항

  • 먼저 제품을 판단한 후 화면을 구성합니다.
  • 먼저 스토리보드를 작성한 후 에셋을 일괄 생성합니다.
  • 먼저 음악 방향을 확인한 후 음악 생성 크레딧을 사용합니다.
  • 실제 소프트웨어 인터페이스는 추상적인 장식 이미지보다 우선합니다.
  • 모든 외부 에셋의 출처를 기록합니다.
  • 여러 개의 루트 HyperFrames 구성을 동일한 렌더링 디렉토리에 남기지 마십시오.
  • 이미지, 브라우저, 음악 또는 렌더링 기능을 사용할 수 없는 경우 실행 가능한 프롬프트, 에셋 목록 또는 명령을 출력하고 명확히 부족한 점을 표시합니다.

BGM 기본 전략

제품 홍보 영상의 기본값은 먼저 명확히 다른 두 가지 방향을 제공합니다:

방향용도
Commercial Product Launch제품 출시, 비즈니스 프레젠테이션, CTA가 강한 광고 영상
Clean UI Demo Groove실제 소프트웨어 인터페이스, SaaS, 프로세스 데모, UI 데모

후보 간에는 장르, 리듬, 베이스, 후크, 에너지 곡선에서 명확한 차이가 있어야 합니다. 여러 프롬프트가 모두 minimal / ambient / soft pulse / glass ticks로 작성되는 것을 피하십시오.

상세 음악 규격은 promo-music-maker/SKILL.md 및 references/product_promo_bgm_prompting.md를 참조하세요.

최소 실행 가능 프로세스

이 파일만 읽을 수 있는 경우에도 다음 단계로 작업합니다:

  1. 사용자 입력에 따라 실행 디렉토리를 생성합니다.
  2. 01-brief.md를 작성하고 일시 정지하여 확인합니다.
  3. 02-storyboard.md를 작성하고 일시 정지하여 확인합니다.
  4. 03-asset-plan.md를 작성하고 에셋을 수집 또는 생성한 후 일시 정지하여 확인합니다.
  5. 04-edl.md 및 master-edit.html을 작성하고 final/promo.mp4를 렌더링합니다.
  6. 06-music-plan.md를 작성하고 확인 후 BGM을 생성하거나 매칭합니다.
  7. final/promo-with-bgm.mp4를 합성하고 05-delivery.md를 작성합니다.

관련 스킬