What problem does it solve? Recording vertical videos (Reels, Shorts, TikTok, video lessons) where the presenter appears live inside the slides normally requires complex OBS scenes, chroma key setups, or post-production compositing. This Skill generates a ready-to-record 9:16 HTML deck where the webcam feed is embedded directly into each slide via getUserMedia, so OBS just captures the window. ## Core Features & Use Cases - Three per-slide layouts: camera (full webcam), split (square animation on top + camera below), and full (vertical animation only), chosen slide by slide in conversation. - Live camera without chroma key: the mira-camera.js module injects the webcam stream into .cam-area elements with a shared MediaStream, selfie mirroring (key C), and a green #00FF00 fallback when no camera is available. - Native recording without OBS: the mira-record.js module captures only the 9:16 column via Region/Element Capture, encodes H.264 MP4 in a Web Worker with CFR timing for Premiere-safe audio sync, and can write directly to disk for unlimited-length recordings. - Teleprompter excluded from video: a side panel (T) and central overlay (O) driven by an external roteiro.md script file stay out of the recording through Element Capture. - Use Case: A creator says "slide 1 camera only, slide 2 split about our sales funnel, slide 3 full animation" and receives a complete deck folder with index.html, roteiro.md, vendored libraries, and a Windows launcher, ready to record in OBS or natively with the R key. ## Quick Start Ask the assistant to create a mira-studio deck for OBS, listing your slides and the layout (camera, split, or full) for each one.
