비교 영상 제작기 (create-video)
'A vs B' 지식 비교용 30~40초 세로형 숏폼 영상을 12줄 대본·베트남어 TTS·HyperFrames로 자동 제작하는 스킬.
이미지·영상고급★ 128⑂ 84AI 점수 8/10마지막 업데이트: 2026. 7. 27.
무엇을 해주나
이 스킬은 auto-compare-video 저장소의 시리즈 규격에 맞춰 videos/<slug>/ 폴더를 통째로 만들어 줍니다.
- 3-zone 고정 레이아웃: 상단 개념 카드 2개, 중앙 한 줄씩 흐르는 캡션, 하단 로봇 MC 아바타
- 12줄 대본 비트 설계: 훅 2줄 → 문제 제기 → A 설명 3줄 → B 설명 3줄 → 직접 비교 2줄 → 마무리 1줄
- Vbee TTS 보이스오버 생성 후
durations.json의 실제 길이로 애니메이션 타이밍 계산(문장 간 gap 0.3~0.45초, 총 30~40초) scaffold.mjs로 프로젝트 초기화,npm run check린트 통과, 스냅샷 검수,npm run render로 MP4 출력, README 표 갱신까지 진행AUTO_CREATE_VIDEO=1이면 확인 절차를 모두 생략하고 렌더까지 무인 실행
이런 분께 추천
- TikTok/Reels/Shorts용 '개념 비교' 시리즈를 반복 생산하는 콘텐츠 제작자
- HyperFrames 기반 코드형 영상 제작 워크플로를 쓰는 개발자
- 베트남어 내레이션 숏폼을 대량으로 찍어내야 하는 채널 운영자
활용 예시
- "RAM vs ROM 비교 영상 만들어줘" →
videos/ram-vs-rom/에 12줄 캡션, 12개 mp3, ROOT_DURATION 약 34초 프로젝트와 렌더 결과 생성 - "Dev와 DevOps 차이 영상 추가" → 영어 용어를 'Đép', 'Đép Ốp' 식으로 TTS 발음만 교정해 자연스러운 내레이션 확보
- "우리 SaaS 랜딩페이지 홍보 영상 만들어줘" → 이 스킬 범위 밖임을 알리고 일반 HyperFrames 워크플로로 안내
· · · 설치 가이드 · · ·
설치 없이 지금 한 번 써보기
아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.
이 파일의 지시를 읽고 그대로 따라서 나를 도와줘: https://raw.githubusercontent.com/Cuongyd196/auto-compare-video/HEAD/.agents/skills/create-video/SKILL.md 내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)
Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.
↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.
Claude 앱에 설치 (터미널 필요 없음)
- 아래 버튼으로 ZIP 파일을 받으세요.
- Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
- Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
Claude Code에 설치
Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요
클로드스킬마트에서 찾은 스킬을 설치해줘. GitHub 저장소 Cuongyd196/auto-compare-video 의 .agents/skills/create-video 폴더를 내 ~/.claude/skills/create-video/ 에 그대로 복사해줘. 설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.
직접 명령으로 설치하기
git clone https://github.com/Cuongyd196/auto-compare-video.git && mkdir -p ~/.claude/skills && cp -r auto-compare-video/.agents/skills/create-video ~/.claude/skills/⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.
- 터미널을 열고 작업 폴더로 이동합니다.
- 저장소를 클론합니다:
git clone https://github.com/Cuongyd196/auto-compare-video.git - 스킬 폴더를 복사합니다:
mkdir -p ~/.claude/skills && cp -r auto-compare-video/.agents/skills/create-video ~/.claude/skills/ - 이 스킬은 저장소 구조(
DESIGN.md,videos/)에 의존하므로, 실제 작업은 클론한 저장소 안에서 Claude Code를 실행하세요. .env.example을.env로 복사한 뒤VBEE_APP_ID,VBEE_ACCESS_TOKEN,VBEE_VOICE_CODE,CHANNEL값을 채웁니다.- Node.js 18 이상과 npm이 설치되어 있는지 확인합니다(HyperFrames CLI는
npx로 자동 실행). - Claude Code에서 "A vs B 비교 영상 만들어줘"라고 요청하면 스킬이 발동합니다.
- 자동 진행을 원하면
.env에AUTO_CREATE_VIDEO=1을 설정하세요.
GitHub에서 원본 보기 ↗라이선스: MIT