What problem does it solve? Embedding a website inside a slide deck breaks in two ways: the iframe steals keyboard focus so arrow keys stop navigating the deck, and many sites refuse embedding via X-Frame-Options or CSP frame-ancestors, showing a blank error page. This Skill generates a full-bleed webview slide that solves both problems. ## Core Features & Use Cases - Interaction guard: the site stays visible but non-clickable until the presenter clicks; pressing Esc returns keyboard control to the deck, with a keyboard bridge so Esc/E/P keep working even when focus is inside the iframe. - Embed-block handling: checks the domain at authoring time with curl, promotes a fallback layer with an "open in new tab" link above the iframe via a data-blocked attribute, and supports downloading the site to assets/webview/<slug>/ for offline file:// playback. - Full-bleed composition: the section uses padding 0 and 100vh height so the site fills the slide edge to edge, with an optional fake address bar and an orange breathing-border animation only on the guard layer. - Use Case: During a product pitch, embed the live product demo or landing page as a slide, click to interact with it on stage, then press Esc to continue the deck without losing navigation. ## Quick Start Use the mira-webview skill to add a slide showing the live site https://example.com filling the entire slide of my deck.
