Reframe Mira decks into a two-column left-aligned thirds layout.
npx skills add https://github.com/sandeco/mira-animator --skill mira-thirds
Please help me install this Agent Skill. Skill: mira-thirds Source: https://github.com/sandeco/mira-animator/tree/main/agents/mira-thirds Command: npx skills add https://github.com/sandeco/mira-animator --skill mira-thirds
This Skill enables re-framing a Mira deck into the rule-of-thrids grid by moving slide content to the left two columns while keeping the frame's proportions intact, leaving the right column free for overlays during editing. The original deck remains untouched; a new -thirds file is created alongside.
Create a thirds version of the current deck by copying index.html to index-thirds.html and injecting the 2/3 layout CSS before </head>.
High-intent search queries and answers about installing and using this skill.
To apply a rule-of-thirds layout to a Mira deck, the Skill copies your existing index.html to a new -thirds file and injects a CSS style block that sets content width to 66.667% and aligns it left. This preserves the original aspect ratio and navigation.
No, converting a Mira deck to thirds does not modify the original presentation file. The process creates a separate -thirds file in the same folder, leaving your original index.html, index-1x1.html, and index-9x16.html variants completely untouched.
Yes, you can create native thirds slides in Mira without an existing deck. The Skill supports generating slides already composed in the two-thirds grid layout even when no origin deck exists, applying the same left-aligned 66.667% width CSS mold.
The purpose of leaving the right column empty in a thirds slideshow design is to create a free overlay zone. This right-side space is used for adding text, lower-thirds graphics, or presenter video during editing without covering the main slide content.
To align slide content to the right in a Mira thirds layout, you request it during conversion. The Skill uses CSS variables to shift the 66.667% content width to the right side of the grid, still preserving the original frame's proportions and aspect ratio.
Yes, image and video links are preserved when reframing a Mira deck to a two-column layout. The conversion process only injects a lightweight CSS style block before the closing head tag, maintaining all existing links to logos, videos, and images.
sandecoConvert Mira 16:9 decks into square 1080x1080 index-1x1.html files.
theSamPadillaGenerate custom JSX video overlays from editing prompts and transcripts.
sandecoExtract design systems from reference images and create Mira deck templates.
shanraisshanProvide CSS classes and HTML patterns for styling presentation slides.
