mira-size-animator

Scale SVG animation size by adjusting viewBox or geometry from a 1–10 target.

158|49|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/sandeco/mira-animator --skill mira-size-animator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mira-size-animator
Source: https://github.com/sandeco/mira-animator/tree/main/agents/mira-size-animator
Command: npx skills add https://github.com/sandeco/mira-animator --skill mira-size-animator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill regulates how much each animation fills the stage by adjusting the perceived size from 1 to 10, starting from 3/10, ensuring the deck can fill more or less space without changing the stage height or the internal loop/gates.

Core Features & Use Cases

  • Marker-driven scaling: reads the @MIRA:SIZE marker above each animation's stage to determine the current size.
  • Scope-aware scaling: can apply to all animations in a deck or to a single animation when a specific target is requested.
  • Non-destructive: scales only the content inside the SVG (via viewBox or geometry constants) and updates the marker for reversibility.

Quick Start

Diga '/mira-size-animator' seguido do alvo (ex.: 5/10) para escalar todas as animações do deck.

Frequently Asked Questions about mira-size-animator

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

FAQPage Schema
How do I scale SVG animation size in a deck without changing the stage height?

To scale SVG animation size without changing the stage height, adjust the perceived size from 1 to 10 using a viewBox zoom or geometry-based scaling within the SVG content, leaving the stage dimensions and internal loops intact.

Can I apply a scale factor to a single SVG animation instead of the whole deck?

Yes, you can apply a scale factor to a single SVG animation by specifying a target scope, which isolates the viewBox or geometry scaling adjustments and updates the @MIRA:SIZE marker for that specific animation only.

What is marker-driven scaling for SVG-based animations?

Marker-driven scaling reads the @MIRA:SIZE marker placed above each animation's stage to determine the current size, computes a target scale factor from a 1 to 10 value, and rewrites the marker to ensure the scaling process is non-destructive and reversible.

How do I adjust SVG viewBox to make animations fill more stage space?

You adjust the SVG viewBox to make animations fill more stage space by computing a scale factor from a target 1 to 10 value and applying a viewBox zoom or geometry-based scaling within the SVG, effectively expanding the perceived content size.

Does adjusting animation perceived size affect internal SVG loops or gates?

No, adjusting the animation perceived size does not affect internal SVG loops or gates, because the scaling is applied strictly within the SVG content via viewBox or geometry constants without resizing the actual stage.

Why are my SVG animations too small on the presentation stage?

SVG animations might appear too small because their default perceived size starts at 3 out of 10, requiring you to compute a higher scale factor and apply a viewBox zoom to expand the content within the existing stage.