mira-studio-full

Generates 16:9 HTML slide decks with live webcam layouts and native MP4 recording.

Updated Sep 2, 2026
One-click install
npx skills add https://github.com/mayconspirlandelli/slides-podcast-ia-home-office --skill mira-studio-full-mayconspirlandelli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mira-studio-full
Source: https://github.com/mayconspirlandelli/slides-podcast-ia-home-office/tree/main/.agents/skills/mira-studio-full
Command: npx skills add https://github.com/mayconspirlandelli/slides-podcast-ia-home-office --skill mira-studio-full-mayconspirlandelli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mp4-muxer, d3.

What problem does it solve? Recording video lessons normally requires OBS, separate webcam overlays, and post-production editing. This Skill generates a self-contained 16:9 (1920x1080) HTML slide deck where the presenter's live webcam is embedded directly in the slides, a teleprompter stays invisible to the recording, and pressing R captures a full-HD MP4 straight to disk. ## Core Features & Use Cases - Three declarative layouts: camera (full-frame webcam), thirds (animation on the left two-thirds plus live camera on the right third), and full (full-frame animation without camera), all declared per slide in an external roteiro.md script file. - Declarative animations: linha: (step-by-step diagonal progression) and orbita: (satellites orbiting a nucleus) animations generated from the script, with D3-based choreographed entry and perpetual loops. - Invisible teleprompter: overlay and editing panel stay outside the video via Element Capture, with auto-scroll, speed control, and per-slide positioning. - Native MP4 recording: WebCodecs pipeline with CFR mode for Premiere-compatible audio sync, direct-to-disk writing, camera/microphone selectors, and live encoding metrics. - Use Case: A teacher writes a lesson script in roteiro.md, opens the deck via the launcher in fullscreen Chrome, and records a complete video lesson with camera, animations, and teleprompter in one take—no OBS or editing required. ## Quick Start Ask the AI to create a 16:9 video lesson deck with embedded camera using /mira-studio-full, providing your lesson script and desired slide layouts.

Frequently Asked Questions about mira-studio-full

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I record a video lesson with webcam embedded in slides?▼

Generate a 16:9 deck where each slide declares a layout (camera, thirds, or full) in the roteiro.md file. Open it via the launcher in fullscreen Chrome and press R to record a 1920x1080 MP4 directly to disk, with the webcam live inside the slides.

How do I keep a teleprompter out of my screen recording?▼

The deck uses Element Capture (RestrictionTarget.fromElement) to restrict recording to the slide subtree, so the teleprompter overlay and panels are never painted into the video. This requires Chrome or Edge on localhost or HTTPS with the native recorder.

What is the difference between mira-studio and mira-studio-full?▼

mira-studio produces vertical 9:16 decks (1080x1920) for Reels, Shorts, and TikTok, while mira-studio-full produces horizontal 16:9 decks (1920x1080) for video lessons. They use different recorders, layouts, and launcher scripts.

Why is my recorded MP4 empty or black?▼

The most common cause is missing `isolation: isolate` on body > section, which is a prerequisite for Element Capture; without it Chrome accepts restrictTo but emits no frames. Also verify you selected 'This tab' when the browser's capture picker appears.

Why does audio drift out of sync in Premiere Pro?▼

VFR recordings cause progressive audio drift when Premiere conforms them to a fixed grid. Enable the CFR (edição) toggle in the recording panel, which places each frame on a 1/FPS grid before encoding so the MP4 imports without sync drift.

Can I use OBS instead of the built-in recorder?▼

Yes, but OBS captures window pixels so overlays cannot be excluded. Hide the teleprompter and panels (T/O keys), then record the fullscreen Chrome window at 1920x1080 directly without cropping.