처음부터 비디오 만들기
메커니즘: hyperframes-core + hyperframes-animation을 로드합니다. 함께 사용할 수 있는 상위 루트: faceless-explainer (텍스트), product-launch-video (제품/SaaS). 충돌 시 이 스킬의 브리프와 규칙이 우선 적용됩니다.
설정
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<name>" # 텍스트 / 제품
powershell -NoProfile -ExecutionPolicy Bypass -File tools/new-project.ps1 -Name "<name>" -Screenshots "<dir>" # SaaS 홍보
제품 사진 → projects/<name>/product.png로 복사합니다. 그런 다음 projects/<name>/ 안에서 작업을 진행합니다.
스타일: 사용자에게 묻거나 주어지지 않은 경우 mg-styles의 블록을 적용합니다. 스타일이 없으면: 부드러운 밝은 그라데이션 배경 위에 깔끔한 흰색 프로스티드 카드, Inter 폰트.
브리프 (사용자의 세부 정보를 입력하세요; 실제 숫자를 요청하고, 예시로 발명된 숫자는 표시하세요)
텍스트 전용 (PROMPT 08) · 기본 1080x1920, 30 fps
사용자의 정확한 단어를 사용하고, 절대 다시 쓰거나 줄이지 마세요. 화면당 한 문장씩, 휴대폰에서 충분히 크게 보이도록 하세요; 긴 문장은 같은 화면에서 2-3줄로 나누어 표시합니다. 각 화면은 읽을 수 있을 만큼 충분히 오래 표시됩니다 (단어당 ~0.35초, 최소 1.2초). 모든 텍스트는 너비의 중간 80% 안에 위치합니다. → renders/text.mp4
제품 런칭 (PROMPT 09) · 기본 1920x1080, 30 fps, ~12 초
product.png가 존재하면 히어로로 사용하고, 그렇지 않으면 HTML/CSS로 제품을 만듭니다 (앱 화면, 로고 또는 휴대폰).
0–2 초 로고/이름 표시 → 2–9 초 세 가지 기능 순간, 각각 제품이 실제로 기능을 수행하는 모습을 보여주고 단순한 문장이 아님 → 9–12 초 엔드 카드: 이름, 짧은 한 줄, CTA. → renders/product.mp4
SaaS 홍보 (PROMPT 10) · 기본 1920x1080, 30 fps, ~60 초
- 먼저 모든 스크린샷을 살펴보고 (이미지 보기) 각 스크린샷이 무엇을 보여주는지 기록합니다.
- 짧은 훅으로 시작한 다음, 각 화면에서 중요한 부분 (숫자, 차트, 버튼)으로 확대/축소하고 고객을 위해 무엇을 하는지 한 줄로 설명합니다.
- 스크린샷을 있는 그대로 사용합니다 — 절대 다시 그리지 않습니다.
- 역동적인 느낌: 빠른 줌과 팬, 화면 사이에 크고 굵은 단어, 일정한 비트에 맞춘 컷.
- 로고, 짧은 한 줄, CTA로 끝납니다. →
renders/promo.mp4
첫 렌더 / 스모크 테스트 (PROMPT 02) · 1920x1080, 30 fps, 6 초
보라→파랑 그라데이션 위의 프로스티드 카드: 회색 레이블 MY FIRST RENDER, 숫자가 2초 동안 0→100으로 증가, 4초에 녹색 필이 나타납니다. → renders/first.mp4
무브 데모 (PROMPT 03) · 1080x1920, 30 fps, 14 초
mg-styles의 10가지 무브, 각각 ~1.3초, 어두운 배경에 흰색 카드, 위에 작게 무브 이름 표시. → renders/moves.mp4
마무리
npx hyperframes lint → npx hyperframes check → 주요 순간의 스냅샷 (보기) → 렌더링 → 승인된 파일을 exports/로 복사.
사운드: mg-sound. 변형 / 투명: mg-export.