Me and Claude at 6:99 AM

{
  "hook": {
    "spoken": "",
    "ends_at": "00:03.0",
    "on_screen": "Me and Claude at 6:99 AM",
    "starts_at": "00:00.0",
    "technique": "pov_relatable",
    "technique_note": "Meme format showing absurd hours building with AI",
    "why_it_stops_the_scroll": "Pairs relatable developer humor with stunning, unexpected 3D UI visuals."
  },
  "tags": {
    "topics": [
      "claude",
      "threejs",
      "webdesign",
      "creativecoding",
      "vibecoding"
    ],
    "cta_type": "none",
    "language": "en",
    "has_music": true,
    "has_speech": false,
    "content_type": "showcase",
    "products_or_apps": [
      "claude",
      "threejs"
    ],
    "has_burned_captions": false
  },
  "audio": {
    "music": "Slowed atmospheric electronic beat (AKAI - Slowed)",
    "voice": "None",
    "ambient": "None",
    "mix_notes": "Music-only track, steady chill volume",
    "sound_effects": "None"
  },
  "shots": [
    {
      "end": "00:23.8",
      "index": 1,
      "start": "00:00.0",
      "camera": "tripod static",
      "framing": "low-angle angled view of laptop and reflection",
      "movement": "static",
      "shot_type": "medium close-up",
      "transition_in": "none",
      "screen_content": "3D website showing rotating, exploded views of Canon DSLR parts",
      "subject_action": "Right hand scrolls trackpad to advance interactive animations",
      "what_is_visible": "Laptop keyboard, glossy reflective desk, screen rendering 3D Canon EOS 60D website, right hand scrolling trackpad",
      "duration_seconds": 23.8,
      "spoken_during_shot": "",
      "on_screen_text_during_shot": [
        "Me and Claude at 6:99 AM"
      ],
      "facial_expression_or_gesture": "Fluid trackpad scrolling gesture"
    }
  ],
  "video": {
    "pacing": "Slow, hypnotic scroll",
    "setting": "Dark studio desk setup with reflective black surface",
    "subject": "Laptop screen displaying interactive 3D Canon website",
    "lighting": "Low-key moody ambient lighting driven by laptop display glow",
    "color_grade": "High contrast, deep blacks, warm screen palette (orange/cyan)",
    "orientation": "vertical",
    "aspect_ratio": "9:16",
    "overall_format": "Product demo / aesthetic screen interaction",
    "tone_and_energy": "Aesthetic, chill, tech-focused",
    "duration_seconds": 23.8,
    "wardrobe_and_look": "Only hand/fingers visible"
  },
  "script": [],
  "editing": {
    "cut_count": 0,
    "transitions": "None",
    "caption_style": "Static overlay",
    "end_card_or_cta": "None",
    "average_shot_seconds": 23.8,
    "effects_and_overlays": "Pink asterisk icon graphic"
  },
  "teardown": {
    "hook": "Me and Claude at 6:99 AM",
    "format": "other",
    "mechanism": "novelty",
    "structure": [
      "Text hook frames late-night/early-morning coding session with Claude.",
      "Hands scroll smoothly through an interactive 3D landing page for Canon EOS 60D.",
      "Showcases advanced scroll-driven 3D camera model disassembly and exploded-view animations."
    ],
    "hook_source": "on_screen_text",
    "why_it_worked": "Visual novelty of high-end interactive 3D web design paired with relatable AI vibe-coding meme culture."
  },
  "on_screen_text": [
    {
      "end": "00:23.8",
      "kind": "hook",
      "text": "Me and Claude at 6:99 AM",
      "start": "00:00.0",
      "style": "white sans-serif font angled banner under pink asterisk icon",
      "source": "creator overlay",
      "position": "top center"
    }
  ],
  "structure_beats": [
    {
      "end": "00:03.5",
      "beat": "Hook & site intro",
      "start": "00:00.0",
      "purpose": "Grab attention with meme text and transition into 3D UI"
    },
    {
      "end": "00:13.5",
      "beat": "Feature showcase",
      "start": "00:03.5",
      "purpose": "Show rotating product renders and clean typography"
    },
    {
      "end": "00:23.8",
      "beat": "Exploded view climax",
      "start": "00:13.5",
      "purpose": "Demonstrate complex Three.js particle/mesh disassembly"
    }
  ],
  "recreation_blueprint": {
    "shot_template": [
      {
        "slot": "Hook and continuous demo",
        "visual": "Low-angle static shot of laptop screen on glossy desk while user scrolls through interactive 3D model disassembly.",
        "seconds": 23.8,
        "voiceover": "None",
        "text_overlay": "Me and [AI Tool] at 4:99 AM"
      }
    ],
    "what_can_change": [
      "Product modeled in 3D (e.g. watch, phone, sneaker)",
      "Specific AI assistant mentioned",
      "Color scheme of the UI"
    ],
    "template_summary": "Single continuous low-angle shot of sleek laptop on black reflective surface scrolling a high-end 3D landing page with relatable late-night builder overlay text.",
    "what_must_be_kept": [
      "Low-angle reflective desk framing",
      "High visual fidelity interactive 3D landing page",
      "Relatable AI builder overlay meme format",
      "Chill electronic backing track"
    ],
    "generation_prompts": [
      {
        "prompt": "Low-angle close-up of dark laptop on glossy reflective black desk in pitch dark room, screen glowing with vibrant orange and teal 3D interactive landing page, hand scrolling trackpad, cinematic moody aesthetic.",
        "shot_index": 1,
        "negative_prompt": "bright room, daylight, clutter, blurry screen, shaky camera, daytime lighting"
      }
    ]
  },
  "props_apps_and_products": [
    {
      "name": "Laptop",
      "how_used": "Hardware hosting the interactive 3D site demo",
      "first_seen": "00:00.0"
    },
    {
      "name": "Claude AI / Three.js 3D Website",
      "how_used": "Interactive product showcase page being scrolled",
      "first_seen": "00:00.0"
    }
  ]
}