npm - @leejungkiin/awkit - Versions diffs - 1.4.0 → 1.4.3 - Mend

@leejungkiin/awkit 1.4.0 → 1.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (119) hide show

package/skills/short-maker/_backup/storyboard.html ADDED Viewed

@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="vi">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Storyboard Preview</title>
+  <style>
+    :root {
+      --bg: #121212; --card-bg: #1E1E1E; --text: #E0E0E0; --accent: #BB86FC; --accent-hover: #9965f4;
+    }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+      background-color: var(--bg); color: var(--text); padding: 20px;
+    }
+    header { text-align: center; margin-bottom: 30px; }
+    h1 { margin: 0; color: var(--accent); }
+    .meta { color: #888; font-size: 0.9em; margin-top: 5px; }
+    .grid {
+      display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px;
+    }
+    .card {
+      background: var(--card-bg); border-radius: 12px; overflow: hidden;
+      box-shadow: 0 4px 6px rgba(0,0,0,0.3); border: 1px solid #333;
+    }
+    .card-img-wrapper { position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ background: #000; }
+    .card img {
+      position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
+    }
+    .scene-number {
+      position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.7);
+      color: #fff; padding: 4px 8px; border-radius: 6px; font-weight: bold; font-size: 0.8em;
+    }
+    .card-content { padding: 15px; }
+    .duration { color: var(--accent); font-weight: bold; font-size: 0.9em; margin-bottom: 8px; }
+    .script { font-size: 1em; line-height: 1.4; margin-bottom: 12px; }
+    .prompt { font-size: 0.8em; color: #888; font-style: italic; background: #2a2a2a; padding: 8px; border-radius: 6px; }
+    .timeline-bar {
+      height: 6px; background: #333; margin-top: 30px; border-radius: 3px; position: relative; overflow: hidden;
+    }
+    .timeline-progress { height: 100%; background: var(--accent); width: 0%; }
+  </style>
+</head>
+<body>
+  <header>
+    <h1 id="title">Loading Storyboard...</h1>
+    <div class="meta" id="meta">Duration: 0s</div>
+  </header>
+  <div class="timeline-bar">
+    <div class="timeline-progress" id="timeline"></div>
+  </div>
+  <div class="grid" id="grid">
+    <!-- Cards will be injected here -->
+  </div>
+  <script>
+    async function loadStoryboard() {
+      try {
+        // Fetch expects storyboard.json in the same directory
+        const response = await fetch('storyboard.json');
+        const data = await response.json();
+        document.getElementById('title').textContent = data.title || 'App Promo Storyboard';
+        document.getElementById('meta').textContent = `Total Duration: ${data.duration || 0}s | Video Target: ${data.target_format || '16:9'}`;
+        const grid = document.getElementById('grid');
+        grid.innerHTML = '';
+        let totalTime = data.duration || 1; // avoid /0
+        let cumulative = 0;
+        data.scenes.forEach((scene, index) => {
+          cumulative += scene.duration;
+          const card = document.createElement('div');
+          card.className = 'card';
+          card.innerHTML = `
+            <div class="card-img-wrapper">
+              <img src="${scene.image || 'https://via.placeholder.com/640x360?text=Generating+Image...'}" alt="Scene ${scene.id}">
+              <div class="scene-number">Scene ${scene.id}</div>
+            </div>
+            <div class="card-content">
+              <div class="duration">⏱️ ${scene.duration}s</div>
+              <div class="script">🎙️ "${scene.script}"</div>
+              <div class="prompt">🎨 Prompt: ${scene.prompt}</div>
+            </div>
+          `;
+          grid.appendChild(card);
+        });
+        // Setup dumb timeline animation for fun
+        const timeline = document.getElementById('timeline');
+        timeline.style.width = '100%';
+        timeline.style.transition = `width ${data.duration}s linear`;
+      } catch (e) {
+        document.getElementById('title').innerHTML = `<span style="color:red">Error Loading storyboard.json</span>`;
+        console.error(e);
+      }
+    }
+    loadStoryboard();
+  </script>
+</body>
+</html>

package/skills/short-maker/_backup/video_mixer.py ADDED Viewed

@@ -0,0 +1,296 @@
+import argparse
+import glob
+import json
+import os
+import subprocess
+import sys
+from pathlib import Path
+def get_duration(filepath: Path) -> float:
+    cmd = [
+        "ffprobe",
+        "-v", "error",
+        "-show_entries", "format=duration",
+        "-of", "default=noprint_wrappers=1:nokey=1",
+        str(filepath)
+    ]
+    try:
+        output = subprocess.check_output(cmd, text=True).strip()
+        return float(output)
+    except Exception as e:
+        print(f"Error getting duration for {filepath}: {e}")
+        return 0.0
+def check_has_audio(filepath: Path) -> bool:
+    cmd = [
+        "ffprobe", "-v", "error",
+        "-select_streams", "a",
+        "-show_entries", "stream=codec_type",
+        "-of", "csv=p=0",
+        str(filepath)
+    ]
+    try:
+        output = subprocess.check_output(cmd, text=True).strip()
+        return len(output) > 0
+    except Exception:
+        return False
+def ensure_dir(path: Path) -> Path:
+    path.mkdir(parents=True, exist_ok=True)
+    return path
+# Supported FFmpeg xfade transitions
+SUPPORTED_TRANSITIONS = [
+    'fade', 'slideleft', 'slideright', 'circlecrop',
+    'dissolve', 'wipeleft', 'wiperight',
+    'smoothleft', 'smoothright', 'smoothup', 'smoothdown',
+]
+def load_storyboard_transitions(project_dir: Path) -> list:
+    """Read per-scene transitions from storyboard.json if available."""
+    sb_path = project_dir / "storyboard.json"
+    if not sb_path.exists():
+        return []
+    try:
+        with open(sb_path, 'r') as f:
+            data = json.load(f)
+        transitions = []
+        for scene in data.get('scenes', []):
+            t = scene.get('transition', 'fade')
+            if t not in SUPPORTED_TRANSITIONS:
+                t = 'fade'
+            transitions.append(t)
+        return transitions
+    except Exception as e:
+        print(f"Warning: Could not read storyboard.json: {e}")
+        return []
+def main():
+    parser = argparse.ArgumentParser(description="Auto-Mixer cho Short Maker bằng FFmpeg")
+    parser.add_argument("--project-dir", required=True, help="Thư mục project chứa outputs (ví dụ: outputs/promo-app)")
+    parser.add_argument("--fade-duration", type=float, default=1.0, help="Thời gian crossfade giữa các cảnh (giây)")
+    parser.add_argument("--bgm-volume", type=float, default=0.1, help="Âm lượng nhạc nền (0.0 đến 1.0)")
+    parser.add_argument("--chroma-bg", type=str, help="Đường dẫn đến ảnh/video nền để thay thế phông xanh")
+    parser.add_argument("--chroma-color", type=str, default="0x00FF00", help="Mã màu phông xanh (mặc định: 0x00FF00)")
+    parser.add_argument("--chroma-sim", type=float, default=0.3, help="Độ tương đồng màu (0.01 - 1.0, mặc định: 0.3)")
+    parser.add_argument("--chroma-blend", type=float, default=0.2, help="Độ mượt viền (0.0 - 1.0, mặc định: 0.2)")
+    args = parser.parse_args()
+    project_dir = Path(args.project_dir)
+    segments_dir = project_dir / "segments"
+    tts_dir = project_dir / "tts"
+    audio_dir = project_dir / "audio"
+    temp_dir = ensure_dir(project_dir / "temp")
+    final_dir = ensure_dir(project_dir / "final")
+    if not segments_dir.exists() or not tts_dir.exists():
+        print(f"Error: Thư mục segments hoặc tts không tồn tại trong {project_dir}")
+        sys.exit(1)
+    # Liệt kê các cảnh
+    video_files = sorted(glob.glob(str(segments_dir / "*.mp4")))
+    if not video_files:
+        print("Không tìm thấy video nào trong segments/")
+        sys.exit(1)
+    scenes = []
+    for v_path in video_files:
+        v_path = Path(v_path)
+        scene_name = v_path.stem  # vd: scene-01
+        # Tìm file TTS tương ứng (mp3 hoặc wav)
+        tts_path = tts_dir / f"{scene_name}.mp3"
+        if not tts_path.exists():
+            tts_path = tts_dir / f"{scene_name}.wav"
+        if not tts_path.exists():
+            print(f"Thêm cảnh {scene_name} nhưng KHÔNG có file âm thanh TTS.")
+            scenes.append({"video": v_path, "audio": None})
+        else:
+            scenes.append({"video": v_path, "audio": tts_path})
+    print(f"Bắt đầu mix {len(scenes)} cảnh...")
+    # Bước 1: Render từng cảnh riêng lẻ (Loop video để khớp với audio)
+    ready_scenes = []
+    for idx, scene in enumerate(scenes):
+        out_scene = temp_dir / f"ready_{idx:02d}.mp4"
+        ready_scenes.append(out_scene)
+        # Tiết kiệm thời gian nếu render rồi
+        if out_scene.exists():
+            print(f" - [Skip] Cảnh {idx+1} đã được chuẩn bị.")
+            continue
+        print(f" - [Render] Chuẩn bị cảnh {idx+1}...")
+        if scene["audio"]:
+            # Dùng stream_loop để loop video nếu nó ngắn hơn audio
+            cmd = [
+                "ffmpeg", "-y",
+                "-stream_loop", "-1", "-i", str(scene["video"]),
+                "-i", str(scene["audio"]),
+                "-c:v", "libx264", "-c:a", "aac",
+                "-map", "0:v:0", "-map", "1:a:0",
+                "-shortest", "-pix_fmt", "yuv420p",
+                str(out_scene)
+            ]
+        else:
+            # Ưu tiên Native Voice của Veo 3 nếu không có file TTS ngoài.
+            # Nếu video không có audio stream, thêm audio âm câm để mix tránh lỗi acrossfade.
+            has_audio = check_has_audio(scene["video"])
+            if has_audio:
+                cmd = [
+                    "ffmpeg", "-y",
+                    "-i", str(scene["video"]),
+                    "-c:v", "libx264", "-c:a", "aac", "-pix_fmt", "yuv420p",
+                    str(out_scene)
+                ]
+            else:
+                cmd = [
+                    "ffmpeg", "-y",
+                    "-f", "lavfi", "-i", "anullsrc=channel_layout=stereo:sample_rate=44100",
+                    "-i", str(scene["video"]),
+                    "-c:v", "libx264", "-c:a", "aac",
+                    "-map", "1:v:0", "-map", "0:a:0",
+                    "-shortest", "-pix_fmt", "yuv420p",
+                    str(out_scene)
+                ]
+        subprocess.run(cmd, stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL, check=True)
+    # Bước 2: Ghép các cảnh bằng XFade (Chuyển cảnh nhẹ nhàng)
+    # Load per-scene transitions from storyboard.json
+    scene_transitions = load_storyboard_transitions(project_dir)
+    print("Bắt đầu Crossfade nối màn...")
+    merged_output = temp_dir / "merged_crossfaded.mp4"
+    fade_d = args.fade_duration
+    if len(ready_scenes) == 1:
+        merged_output = ready_scenes[0]
+    else:
+        # Tính toán duration để tính offset
+        durations = [get_duration(f) for f in ready_scenes]
+        filter_complex = ""
+        inputs = []
+        for i, sc in enumerate(ready_scenes):
+            inputs.extend(["-i", str(sc)])
+        offsets = []
+        current_offset = 0.0
+        for i in range(len(durations) - 1):
+            current_offset += durations[i] - fade_d
+            offsets.append(current_offset)
+        # Build video filter with per-scene transitions
+        v_labels = [f"[{i}:v]" for i in range(len(ready_scenes))]
+        for i in range(len(offsets)):
+            # Get transition for this join (from scene i to i+1)
+            transition_type = 'fade'  # default
+            if i < len(scene_transitions):
+                t = scene_transitions[i]
+                if t != 'none':
+                    transition_type = t
+            last_out = v_labels[0]
+            next_in = v_labels[i+1]
+            out_label = f"[v{i+1}]"
+            if i < len(scene_transitions) and scene_transitions[i] == 'none':
+                # No transition — simple concat (handled by offset = duration)
+                filter_complex += f"{last_out}{next_in}xfade=transition=fade:duration=0.01:offset={offsets[i]}{out_label}; "
+            else:
+                filter_complex += f"{last_out}{next_in}xfade=transition={transition_type}:duration={fade_d}:offset={offsets[i]}{out_label}; "
+            v_labels[0] = out_label  # Cập nhật pipe hiện tại
+            print(f"   Scene {i+1} → {i+2}: transition={transition_type}")
+        # Build audio filter
+        a_labels = [f"[{i}:a]" for i in range(len(ready_scenes))]
+        for i in range(len(offsets)):
+            last_out = a_labels[0]
+            next_in = a_labels[i+1]
+            out_label = f"[a{i+1}]"
+            filter_complex += f"{last_out}{next_in}acrossfade=d={fade_d}{out_label}; "
+            a_labels[0] = out_label
+        cmd_merge = ["ffmpeg", "-y"] + inputs + [
+            "-filter_complex", filter_complex.strip(" ;"),
+            "-map", v_labels[0],
+            "-map", a_labels[0],
+            "-c:v", "libx264", "-c:a", "aac", "-pix_fmt", "yuv420p",
+            str(merged_output)
+        ]
+        print("   Đang render crossfade... (có thể mất vài phút)")
+        subprocess.run(cmd_merge, stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL, check=True)
+    # Bước 2.5: Ghép hình nền tách phông xanh (nếu có)
+    if args.chroma_bg and os.path.exists(args.chroma_bg):
+        print(f"Bắt đầu tách phông xanh và ghép nền: {args.chroma_bg}...")
+        merged_chroma = temp_dir / "merged_chroma.mp4"
+        bg_ext = Path(args.chroma_bg).suffix.lower()
+        is_image = bg_ext in ['.png', '.jpg', '.jpeg']
+        filter_complex = (
+            f"[0:v][1:v]scale2ref=w=iw:h=ih[bg][ref];"
+            f"[ref]colorkey={args.chroma_color}:{args.chroma_sim}:{args.chroma_blend}[ckout];"
+            f"[bg][ckout]overlay=shortest=1"
+        )
+        if is_image:
+            cmd_chroma = [
+                "ffmpeg", "-y",
+                "-loop", "1", "-framerate", "30", "-i", str(args.chroma_bg),
+                "-i", str(merged_output),
+                "-filter_complex", filter_complex,
+                "-c:v", "libx264", "-c:a", "copy", "-pix_fmt", "yuv420p",
+                str(merged_chroma)
+            ]
+        else:
+            cmd_chroma = [
+                "ffmpeg", "-y",
+                "-stream_loop", "-1", "-i", str(args.chroma_bg),
+                "-i", str(merged_output),
+                "-filter_complex", filter_complex,
+                "-c:v", "libx264", "-c:a", "copy", "-pix_fmt", "yuv420p",
+                str(merged_chroma)
+            ]
+        subprocess.run(cmd_chroma, stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL, check=True)
+        merged_output = merged_chroma
+    # Bước 3: Lồng nhạc nền
+    bgm_file = audio_dir / "bgm.mp3"
+    final_output = final_dir / "promo-final.mp4"
+    if bgm_file.exists():
+        print(f"Mix nhạc nền (âm lượng {args.bgm_volume})...")
+        cmd_bgm = [
+            "ffmpeg", "-y",
+            "-i", str(merged_output),
+            "-stream_loop", "-1", "-i", str(bgm_file),
+            "-filter_complex", f"[1:a]volume={args.bgm_volume}[bgm];[0:a][bgm]amix=inputs=2:duration=first:dropout_transition=2[a]",
+            "-map", "0:v:0", "-map", "[a]",
+            "-c:v", "copy", "-c:a", "aac",
+            str(final_output)
+        ]
+        subprocess.run(cmd_bgm, stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL, check=True)
+    else:
+        print("Không tìm thấy bgm.mp3, bỏ qua mix nhạc nền.")
+        import shutil
+        shutil.copy(merged_output, final_output)
+    print(f"\n✅ Hoàn tất! Video lưu tại: {final_output}")
+if __name__ == "__main__":
+    main()

package/skills/short-maker/outputs/fitbite-promo/background.jpg ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/final/promo-final.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/script.md ADDED Viewed

@@ -0,0 +1,19 @@
+# FitBite Pro - Promo Script (Green Screen)
+**Concept:** A modern fitness coach avatar on a green screen, explaining the core value of FitBite Pro. The background will be replaced later in video_mixer.
+## Scene 1: Hook (Attention)
+- **Visual:** A young enthusiastic female fitness coach wearing sports attire, pointing directly at the camera with an excited but empathetic expression. She is standing on a solid chroma green screen background.
+- **Audio (Vietnamese):** Gặp khó khăn khi theo dõi dinh dưỡng hàng ngày?
+## Scene 2: Interest
+- **Visual:** The same fitness coach looking at a modern smartphone in her hand, smiling broadly. Solid chroma green screen background.
+- **Audio (Vietnamese):** FitBite Pro với AI thông minh sẽ tự động lên thực đơn chuẩn y khoa cho bạn.
+## Scene 3: Desire
+- **Visual:** The fitness coach standing in a strong, confident pose with arms crossed, nodding approvingly. Solid chroma green screen background.
+- **Audio (Vietnamese):** Báo cáo chi tiết, giao diện tối ưu hoàn hảo cho cả iPad.
+## Scene 4: Action (CTA)
+- **Visual:** The fitness coach showing a "Download now" gesture with both hands pointing down. Solid chroma green screen background.
+- **Audio (Vietnamese):** Tải ngay FitBite Pro trên App Store để thay đổi vóc dáng!

package/skills/short-maker/outputs/fitbite-promo/segments/scene-01.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/segments/scene-02.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/segments/scene-03.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/segments/scene-04.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/storyboard/scene-01.png ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/storyboard/scene-02.png ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/storyboard/scene-03.png ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/storyboard/scene-04.png ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/storyboard.html ADDED Viewed

@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="vi">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Storyboard Preview</title>
+  <style>
+    :root {
+      --bg: #121212; --card-bg: #1E1E1E; --text: #E0E0E0; --accent: #BB86FC; --accent-hover: #9965f4;
+    }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+      background-color: var(--bg); color: var(--text); padding: 20px;
+    }
+    header { text-align: center; margin-bottom: 30px; }
+    h1 { margin: 0; color: var(--accent); }
+    .meta { color: #888; font-size: 0.9em; margin-top: 5px; }
+    .grid {
+      display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px;
+    }
+    .card {
+      background: var(--card-bg); border-radius: 12px; overflow: hidden;
+      box-shadow: 0 4px 6px rgba(0,0,0,0.3); border: 1px solid #333;
+    }
+    .card-img-wrapper { position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ background: #000; }
+    .card img {
+      position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;
+    }
+    .scene-number {
+      position: absolute; top: 10px; left: 10px; background: rgba(0,0,0,0.7);
+      color: #fff; padding: 4px 8px; border-radius: 6px; font-weight: bold; font-size: 0.8em;
+    }
+    .card-content { padding: 15px; }
+    .duration { color: var(--accent); font-weight: bold; font-size: 0.9em; margin-bottom: 8px; }
+    .script { font-size: 1em; line-height: 1.4; margin-bottom: 12px; }
+    .prompt { font-size: 0.8em; color: #888; font-style: italic; background: #2a2a2a; padding: 8px; border-radius: 6px; }
+    .timeline-bar {
+      height: 6px; background: #333; margin-top: 30px; border-radius: 3px; position: relative; overflow: hidden;
+    }
+    .timeline-progress { height: 100%; background: var(--accent); width: 0%; }
+  </style>
+</head>
+<body>
+  <header>
+    <h1 id="title">Loading Storyboard...</h1>
+    <div class="meta" id="meta">Duration: 0s</div>
+  </header>
+  <div class="timeline-bar">
+    <div class="timeline-progress" id="timeline"></div>
+  </div>
+  <div class="grid" id="grid">
+    <!-- Cards will be injected here -->
+  </div>
+  <script>
+    async function loadStoryboard() {
+        const data = {
+          "title": "FitBite Pro - Promo Storyboard",
+          "duration": 12,
+          "target_format": "16:9",
+          "scenes": [
+              {
+                  "id": "1",
+                  "duration": 3,
+                  "image": "storyboard/scene-01.png",
+                  "script": "Gặp khó khăn khi theo dõi dinh dưỡng hàng ngày?",
+                  "prompt": "A young enthusiastic female fitness coach wearing modern sports attire..."
+              },
+              {
+                  "id": "2",
+                  "duration": 3,
+                  "image": "storyboard/scene-02.png",
+                  "script": "FitBite Pro với AI thông minh sẽ tự động lên thực đơn chuẩn y khoa cho bạn.",
+                  "prompt": "A young enthusiastic female fitness coach looking at a smartphone..."
+              },
+              {
+                  "id": "3",
+                  "duration": 3,
+                  "image": "storyboard/scene-03.png",
+                  "script": "Báo cáo chi tiết, giao diện tối ưu hoàn hảo cho cả iPad.",
+                  "prompt": "A young enthusiastic female fitness coach standing in a strong confident pose..."
+              },
+              {
+                  "id": "4",
+                  "duration": 3,
+                  "image": "storyboard/scene-04.png",
+                  "script": "Tải ngay FitBite Pro trên App Store để thay đổi vóc dáng!",
+                  "prompt": "A young enthusiastic female fitness coach showing a download now gesture..."
+              }
+          ]
+        };
+        document.getElementById('title').textContent = data.title || 'App Promo Storyboard';
+        document.getElementById('meta').textContent = `Total Duration: ${data.duration || 0}s | Video Target: ${data.target_format || '16:9'}`;
+        const grid = document.getElementById('grid');
+        grid.innerHTML = '';
+        let totalTime = data.duration || 1; // avoid /0
+        let cumulative = 0;
+        data.scenes.forEach((scene, index) => {
+          cumulative += scene.duration;
+          const card = document.createElement('div');
+          card.className = 'card';
+          card.innerHTML = `
+            <div class="card-img-wrapper">
+              <img src="${scene.image || 'https://via.placeholder.com/640x360?text=Generating+Image...'}" alt="Scene ${scene.id}">
+              <div class="scene-number">Scene ${scene.id}</div>
+            </div>
+            <div class="card-content">
+              <div class="duration">⏱️ ${scene.duration}s</div>
+              <div class="script">🎙️ "${scene.script}"</div>
+              <div class="prompt">🎨 Prompt: ${scene.prompt}</div>
+            </div>
+          `;
+          grid.appendChild(card);
+        });
+        // Setup dumb timeline animation for fun
+        const timeline = document.getElementById('timeline');
+        timeline.style.width = '100%';
+        timeline.style.transition = `width ${data.duration}s linear`;
+    }
+    loadStoryboard();
+  </script>
+</body>
+</html>

package/skills/short-maker/outputs/fitbite-promo/storyboard.json ADDED Viewed

@@ -0,0 +1,38 @@
+{
+    "project": "fitbite-promo",
+    "background_music": "energetic_corporate_pop",
+    "scenes": [
+        {
+            "id": "scene-01",
+            "type": "hook",
+            "image_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, pointing directly at the camera with an excited but empathetic expression, standing on a solid chroma green screen background, highly detailed, cinematic lighting, 8k resolution.",
+            "video_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, pointing directly at the camera with an excited but empathetic expression, standing on a solid chroma green screen background. She speaks with a British accent: \"Struggling to keep track of your daily nutrition?\". High quality, smooth motion, 4k.",
+            "tts_text": "Struggling to keep track of your daily nutrition?",
+            "status": "pending_image"
+        },
+        {
+            "id": "scene-02",
+            "type": "interest",
+            "image_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, looking at a modern smartphone in her hand and smiling broadly, standing on a solid chroma green screen background, highly detailed, cinematic lighting, 8k resolution.",
+            "video_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, looking at a modern smartphone in her hand and smiling broadly, standing on a solid chroma green screen background. She speaks with a British accent: \"FitWitness, with its smart AI, will automatically create medically approved meal plans for you.\". High quality, smooth motion, 4k.",
+            "tts_text": "FitWitness, with its smart AI, will automatically create medically approved meal plans for you.",
+            "status": "pending_image"
+        },
+        {
+            "id": "scene-03",
+            "type": "desire",
+            "image_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, standing in a strong confident pose with arms crossed, nodding approvingly, standing on a solid chroma green screen background, highly detailed, cinematic lighting, 8k resolution.",
+            "video_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, standing in a strong confident pose with arms crossed, nodding approvingly, standing on a solid chroma green screen background. She speaks with a British accent: \"Detailed reports, and an interface perfectly optimised for iPad.\". High quality, smooth motion, 4k.",
+            "tts_text": "Detailed reports, and an interface perfectly optimised for iPad.",
+            "status": "pending_image"
+        },
+        {
+            "id": "scene-04",
+            "type": "action",
+            "image_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, showing a download now gesture by pointing down with both index fingers, standing on a solid chroma green screen background, highly detailed, cinematic lighting, 8k resolution.",
+            "video_prompt": "A young enthusiastic female fitness coach wearing modern sports attire, showing a download now gesture by pointing down with both index fingers, standing on a solid chroma green screen background. She speaks with a British accent: \"Download FitWitness on the App Store today to transform your body!\". High quality, smooth motion, 4k.",
+            "tts_text": "Download FitWitness on the App Store today to transform your body!",
+            "status": "pending_image"
+        }
+    ]
+}

package/skills/short-maker/outputs/fitbite-promo/temp/merged_chroma.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/temp/merged_crossfaded.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/temp/ready_00.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/temp/ready_01.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/temp/ready_02.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/temp/ready_03.mp4 ADDED Viewed

Binary file

package/skills/short-maker/outputs/fitbite-promo/tts/manifest.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+  "endpoint": "https://api.lucylab.io/json-rpc",
+  "speed": 1.0,
+  "blockVersion": 0,
+  "mode": "script-scenes",
+  "voices": [
+    {
+      "id": "nqak8C85bsAG5mihyunRkj",
+      "name": "Chi Chi",
+      "slug": "chi-chi"
+    }
+  ],
+  "items": [
+    {
+      "label": "scene-01",
+      "text": "Gặp khó khăn khi theo dõi dinh dưỡng hàng ngày?"
+    },
+    {
+      "label": "scene-02",
+      "text": "FitBite Pro với AI thông minh sẽ tự động lên thực đơn chuẩn y khoa cho bạn."
+    },
+    {
+      "label": "scene-03",
+      "text": "Báo cáo chi tiết, giao diện tối ưu hoàn hảo cho cả iPad."
+    },
+    {
+      "label": "scene-04",
+      "text": "Tải ngay FitBite Pro trên App Store để thay đổi vóc dáng!"
+    }
+  ]
+}