What problem does it solve? Creating square (1:1) versions of presentation decks for Instagram or LinkedIn video normally means rebuilding every slide by hand. This Skill transforms an existing 16:9 Mira HTML deck into a square format automatically, or creates new slides natively in square geometry, without touching the original file. ## Core Features & Use Cases - Deck conversion: Copies the original index.html to a new index-1x1.html, injects a canonical CSS block, and reflows each slide's animation to fill a square canvas (side = 100vh). - Native square creation: Builds brand-new slides directly in 1:1 geometry when no source deck exists, choosing radial or centered metaphors suited to the square. - Composition rules: Each content slide shows only the title (max 2 lines, auto-shrunk via injected script) plus the animation filling the safe area, with subtitle, card header, and pill footer hidden via scoped CSS. - Use Case: You have a finished 16:9 deck and need a 1080x1080 video for the Instagram feed. Run the skill to produce index-1x1.html, open it fullscreen in a modern Chromium browser, and record the centered square column. ## Quick Start Ask the AI to generate a square 1:1 version of your current Mira deck for an Instagram feed video.
