melgarafael/growthos/remotion-pro

CHECK: does growthOS/video-profile.yaml exist?
  YES → Skip wizard, load profile, proceed to Step 3
  NO  → Run the 6-step onboarding wizard (Step 2)

╔══════════════════════════════════════════════════════╗
║         REMOTION PRO — FIRST-RUN SETUP               ║
║   Let's configure your video production profile.     ║
╚══════════════════════════════════════════════════════╝
 
This takes about 2 minutes. You can edit video-profile.yaml
anytime to update these settings.

📁 STEP 1/6 — ASSETS
─────────────────────────────────────────────
Where are your brand assets located?
 
  Logo path (PNG/SVG):
  > [e.g. assets/logo.png or leave blank to skip]
 
  Screenshots directory:
  > [e.g. assets/screenshots/ — folder with product screenshots]
 
  App icon path (optional):
  > [e.g. assets/icon.png]

🎨 STEP 2/6 — DESIGN TOKENS
─────────────────────────────────────────────
Auto-detecting from brand-voice.yaml...

  Detected from brand-voice.yaml:
    Primary color:   #[value]   ← confirm or override
    Secondary color: #[value]
    Accent color:    #[value]
    Heading font:    [value]
    Body font:       [value]
    Border radius:   [value]
 
  Press Enter to confirm or type new values:
  Primary color:   > 
  Secondary color: > 
  Accent color:    > 
  Heading font:    > 
  Body font:       > 
  Border radius:   > 

🖥️  STEP 3/6 — DEVICE FRAMES
─────────────────────────────────────────────
Which device frames will you use in videos?
(Select all that apply — comma-separated numbers)
 
  1. Browser frame (Chrome/Safari)
  2. Mobile frame (iPhone)
  3. Desktop frame (MacBook)
  4. Terminal frame
 
  Selection: > [e.g. 1,2 or "all" or "none"]

🗺️  STEP 4/6 — USER JOURNEYS
─────────────────────────────────────────────
Define named flows for your product walkthroughs.
These are sequences of screens used in demo and walkthrough videos.
 
  How many journeys do you want to define now?
  (You can add more later in video-profile.yaml)
  > [number, or 0 to skip]

  Journey [N] name: > [e.g. "Onboarding Flow"]
  
  Screens in this journey (one per line, blank to finish):
    Screen name:       > [e.g. "Landing Page"]
    Screenshot path:   > [e.g. screenshots/landing.png]
    Actions (comma-separated): > [e.g. "click Sign Up, fill email, submit"]
    
    Add another screen? [y/n]

journeys:
  - name: "Onboarding Flow"
    screens:
      - name: "Landing Page"
        screenshot: "screenshots/landing.png"
        actions: ["click Sign Up", "fill email", "submit"]

🔗 STEP 5/6 — MAESTRI CONNECTION
─────────────────────────────────────────────
Maestri is GrowthOS's AI orchestration layer.
Connect it to enable automated video triggers.
 
  Enable Maestri integration? [y/n]
  > 
 
  [If y:]
  Source project path:
  > [path to your Maestri project, or leave blank for auto-detect]
 
  Protocol: [http/grpc/stdio] (default: stdio)
  > 

✨ STEP 6/6 — STYLE PREFERENCES
─────────────────────────────────────────────
Final style settings for your videos.
 
  Theme:
    1. Dark (recommended for tech/SaaS)
    2. Light
    3. Auto (follows brand-voice.yaml)
  > 
 
  Pacing:
    1. Fast  (punchy, social-first)
    2. Medium (balanced)
    3. Slow  (detailed, educational)
  > 
 
  Background music: [y/n] (default: n)
  > 
 
  Output extras:
    1. Generate thumbnail
    2. Generate caption file (.srt)
    3. Multi-platform renders (9:16, 16:9, 4:5)
    4. All of the above
    5. None
  > 

# GrowthOS Video Profile
# Generated by Remotion Pro onboarding wizard
# Edit anytime to update settings
 
version: "1.0"
generated_at: "[ISO timestamp]"
 
assets:
  logo_path: "[collected value]"
  screenshots_dir: "[collected value]"
  icon_path: "[collected value]"
 
design_tokens:
  primary_color: "[collected value]"
  secondary_color: "[collected value]"
  accent_color: "[collected value]"
  heading_font: "[collected value]"
  body_font: "[collected value]"
  border_radius: "[collected value]"
 
device_frames:
  - browser
  - mobile
  # (only selected frames)
 
journeys:
  # (collected journey data)
 
maestri:
  enabled: false
  source_project: ""
  protocol: "stdio"
 
style:
  theme: "dark"
  pacing: "medium"
  music: false
  output_extras:
    thumbnail: false
    captions: false
    multi_platform: false

✅ video-profile.yaml created at growthOS/video-profile.yaml
   Run /grow video anytime to produce a new video.

1. Find brand-voice.yaml
   → Read growthOS/brand-voice.yaml (or growthOS/brand-voice.example.yaml as fallback)
   → Extract project path hint if present under remotion.project_path
 
2. Locate Remotion project
   Priority order:
     a. growthOS/remotion/          (default GrowthOS location)
     b. value from brand-voice.yaml remotion.project_path
     c. Search upward from cwd for package.json containing "@remotion/core"
 
3. Determine entry point
   Look for in this order:
     a. src/index.ts
     b. src/Root.tsx
     c. remotion/index.ts
     d. Value of "remotion" key in package.json scripts
 
4. Discover CLI
   Try in order:
     a. npx remotion --version
     b. ./node_modules/.bin/remotion --version
     c. bunx remotion --version
 
5. Validate
   If CLI responds → proceed
   If not → display install instructions:
   
     Remotion not found. Install with:
       npm install @remotion/cli @remotion/core
     Then re-run your video command.

remotion_root: [path]
entry_point:   [file]
cli_command:   [npx remotion | ./node_modules/.bin/remotion]

╔══════════════════════════════════════════════════════╗
║              REMOTION PRO — VIDEO CATALOG            ║
╚══════════════════════════════════════════════════════╝
 
Choose a showcase to create your video:
 
  🖥️  1. Product Demo        — Full product walkthrough with device frames
  ⌨️  2. Tech Terminal       — Animated CLI/terminal output for devs
  ⚡  3. Before/After UI     — Split-screen comparison reveal
  📊  4. Data Story          — Animated charts and metric counters
  🎓  5. Course Trailer      — Module previews and learning journey
  ⭐  6. Social Proof        — Testimonials, toasts, and counters
  ✨  7. Feature Highlight   — Zoom-in spotlight on one key feature
  👆  8. App Walkthrough     — Step-by-step guided app tour
 
  Type a number, name, or keyword to select:
  > 

context:
  video_profile: [loaded video-profile.yaml data]
  brand_voice: [loaded brand-voice.yaml data]
  remotion:
    root: [remotion_root]
    entry_point: [entry_point]
    cli: [cli_command]
  briefing: [any user-provided description or requirements]

1. BRIEFING        — Explicit values provided by the user in this session
2. video-profile.yaml — Saved user preferences from onboarding/edits
3. brand-voice.yaml   — Global brand settings (colors, fonts, tone)
4. DEFAULTS        — Showcase-specific hardcoded fallbacks

briefing["primary_color"]  → use if present
video-profile.yaml["design_tokens"]["primary_color"] → use if present
brand-voice.yaml["brand"]["colors"]["primary"] → use if present
"#7C3AED"  → default fallback

# From brand-voice.yaml
automation:
  autonomy: manual | semi | auto

growthOS/out/videos/[showcase-name]-[YYYYMMDD-HHmm]/
  ├── video.mp4                  (always)
  ├── storyboard.md              (always)
  ├── composition.tsx            (always)
  ├── thumbnail.png              (semi + auto)
  ├── captions.srt               (semi + auto)
  ├── video-9x16.mp4             (auto only)
  ├── video-16x9.mp4             (auto only)
  └── video-4x5.mp4              (auto only)