Skip to content

Responsive agents

Square, vertical and rule-of-thirds versions of a deck, plus the 9:16 and 16:9 recording studios.

/mira-squared

Generates a square (1:1) version of a deck from the 16:9 original, or creates square slides from scratch. Each content slide keeps only the main title at the top and the animation in a standardized square canvas below; the animation's axis is reworked per metaphor to fill the square (no black bars), the title auto-shrinks to two lines, and each animation's viewBox is matched to the square. The square's side equals the 16:9 height (100vh), centered, with black #000 side margins. Writes a new index-1x1.html next to the original. For Instagram feed, LinkedIn, etc.

/mira-vertical

Generates a vertical (9:16) version. Each content slide keeps only the main title at the top and a tall, standardized animation canvas below; the title auto-shrinks to fit at most two lines, and each animation's axis is reworked for portrait (horizontal flow becomes vertical, side-by-side comparison becomes stacked). Writes index-9x16.html. For Reels, Shorts, TikTok, Stories.

/mira-thirds

Reframes a deck on the rule of thirds without changing the aspect ratio. Pushes each slide's content (title + animation) into columns 1 and 2 of a 3×3 grid (the left two-thirds) and paints the right column gray #333, 100% clean — for you to overlay text, a lower-third or the presenter's camera in editing. The animation is reworked per metaphor to fill the two-thirds box (no thin strip). Works on top of 16:9, 1:1 or 9:16. Writes a -thirds file. Gray side is the right by default; can be flipped.

/mira-studio

Creates a 9:16 recording deck (1080×1920) where the presenter's webcam is embedded live inside the slide via getUserMedia — no chroma key needed. Each content slide declares one of three layouts: camera (webcam fills the column), split (square animation on top + camera below) or full (full-column vertical animation). Without a camera the area falls back to pure chroma green #00FF00. A side panel (or the R key) records only the 9:16 column to a native 1080×1920 MP4 (H.264) via Region Capture; OBS window capture remains an alternative. The panel shows the active GPU (e.g. GPU - NVIDIA GeForce RTX 4070) and has an OBS-style encoder selector listing all GPUs on the machine — Auto / active GPU / other GPUs / CPU (software) — with a real encode test on selection (picking a non-active GPU guides you to reopen via the launcher). On hybrid laptops, the mira-studio-windows.bat launcher in the deck root starts the local server (mira/mira-studio-server.cjs, which also feeds the panel the real GPU names) and opens a dedicated Chrome on the high-performance GPU via Chrome's official flag, without touching the Windows registry; closing the window shuts the server down. For Reels, Shorts, TikTok and video lessons with the presenter on screen. Audio (0.1.61): the microphone is captured in stereo — 2 channels are requested as ideal, never exact, so a mono mic never breaks the recording; a mono track is duplicated into both sides through a Web Audio graph and the panel says stereo (dup), never plain stereo. The voice-processing filters (echo cancellation, noise suppression, auto gain) stay on: turning them off is the only way to pull real stereo out of a device the chain is collapsing, but it changes how your audio sounds, so it is your call, not the recorder's. Audio and video are aligned on a common origin before muxing, so the real distance between the two capture starts survives in the file (it was being discarded, and measured up to 30 ms). The panel shows mic 2ch and A/V ±N ms, and the diagnostics JSON carries mic{} and av{}. A 5-second countdown now runs before recording, as in /mira-studio-full.

/mira-studio-full

Creates a 16:9 recording deck (1920×1080, file index-16x9.html) with the presenter's webcam embedded live inside the slide. Three layouts per slide: camera (webcam fills the frame), thirds (animation on the left two-thirds + live camera on the right third) and full (animation only, full frame). Slides are born from roteiro.md: each ## Slide N | layout | Title | animation header declares the layout, the title and a declarative animation (linha: A, B, C or orbita: A, B, C @ CORE), and the text below the header becomes the teleprompter script, synced live while the deck is open. The overlay teleprompter (with auto-scroll, L key) stays out of the video via Element Capture, and the R key records a native 1920×1080 MP4 (H.264) straight to disk, with an encoder panel, camera and microphone selectors and real metrics. The mira-studio-16x9-windows.bat (or -apple.command) launcher starts the local server and opens Chrome fullscreen with the high-performance GPU preference. For full-hd video lessons and courses with the presenter on screen; for vertical 9:16, use /mira-studio. Audio (0.1.61): identical to /mira-studio — stereo capture with honest stereo (dup) labelling when the channel is duplicated, voice filters preserved, and the two tracks brought to a common origin before muxing so the A/V offset stops being thrown away. The panel gained mic 2ch and A/V ±N ms; the diagnostics JSON gained mic{} and av{}.