클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
 
← 목록으로

런치 비디오 (코드로 만드는 제품 출시 영상)

브랜드 컬러와 실제 제품 화면으로 30~45초 제품 출시 영상을 HTML 코드 한 파일로 만들고 MP4로 내보내는 스킬.

이미지·영상중급★ 205⑂ 36AI 점수 9/10마지막 업데이트: 2026. 10. 11.

무엇을 해주나

  • SaaS 기업이 출시일에 올리는 스타일의 30~45초 런치 영상을 Claude Code로 제작합니다.
  • 먼저 5가지(무엇을 출시하는지, 영상이 말할 한 문장, 증거 자료, 정확한 CTA 문구, 브랜드 자료+해상도)를 물어보고 기다립니다.
  • 기본 7개 비트(훅 → 증거 → 제품 작동 → 품질 확인 → 작동 방식 → 핵심 숫자 → CTA)로 타임라인을 설계하고 승인받은 뒤 제작합니다.
  • window.seek(초)를 지원하는 자체 완결형 index.html 한 개를 생성해, 프레임 단위로 정확히 재현·캡처·검수할 수 있게 합니다.
  • 헤드라인 타이핑·글로우·텍스트 그라데이션·가짜 후기/숫자 등 '싸 보이는' 요소를 명시적으로 금지합니다.
  • 마지막에 HyperFrames로 16:9, 4:5 두 가지 비율의 MP4를 내보냅니다.

이런 분께 추천

  • 제품·앱·강의·코호트를 출시하며 직접 홍보 영상을 만들어야 하는 창업자/1인 사업자
  • 외주 없이 빠르게 프로모 릴을 뽑아야 하는 마케터·그로스 담당자
  • After Effects 대신 코드로 모션 그래픽을 다루고 싶은 개발자

활용 예시

  1. "내 6주 코호트 강의 런치 영상 만들어줘" → 한 문장을 3~5개 비트로 쪼개고, 실제 수강 결과 스크린샷을 증거 비트에 배치.
  2. "우리 SaaS 출시일용 1080x1920 릴" → 제품 입력창에 실제 프롬프트가 타이핑되고 결과가 나타나는 9~17초 구간을 중심으로 구성.
  3. 완성 후 각 비트 중간 프레임을 캡처해 잘린 텍스트·겹침·폰에서의 가독성, 브리프에 없던 숫자가 들어갔는지 점검.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

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

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/charlie947/motion-graphics-skills/HEAD/skills/launch-video/SKILL.md

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

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

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

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

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

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

직접 명령으로 설치하기

git clone https://github.com/charlie947/motion-graphics-skills.git && mkdir -p ~/.claude/skills && cp -r motion-graphics-skills/skills/launch-video ~/.claude/skills/

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

  1. 터미널(명령 프롬프트)을 엽니다.
  2. 스킬 저장소를 내려받습니다: git clone https://github.com/charlie947/motion-graphics-skills.git
  3. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  4. 이 스킬만 복사합니다: cp -r motion-graphics-skills/skills/launch-video ~/.claude/skills/
  5. (권장) 같은 저장소의 brand-intake 스킬도 함께 복사해 브랜드 컬러·폰트·로고를 먼저 정리해 두세요.
  6. 프로젝트 폴더에 브랜드 자료(brand.md, 로고 파일, 제품 스크린샷)를 넣습니다.
  7. Claude Code를 실행하고 "런치 비디오 만들어줘"라고 요청하면 스킬이 5가지 질문을 시작합니다.
  8. MP4로 내보낼 때: npx skills add heygen-com/hyperframes 후 npx hyperframes render (설치 전 기존 도구가 있는지 확인하세요).
GitHub에서 원본 보기 ↗라이선스: MIT