[{"data":1,"prerenderedAt":42},["ShallowReactive",2],{"\u002Fapi\u002Fpage\u002Fskills\u002Fsumi-design\u002Fmotion":3,"PageBody_j4N3FBYkMcD0bsnEtTh3qmfIZBQqK4KpUB85JlQ3A":34},{"title":4,"description":5,"plugin":6,"kind":7,"references":8,"source":9,"heading":10,"toc":11,"locale":33},"motion","Motion and interaction craft rules for Sumitsubo projects — when motion is justified, duration and easing by intent, what to animate, entry\u002Fexit with CSS (@starting-style, view transitions), springs, gesture feedback, performance and reduced-motion policy. Defers to Emil Kowalski's skills for deep motion work when installed. Use when adding transitions, animations, hover\u002Fpress feedback, page transitions, scroll effects or when reviewing motion that feels slow, cheap or excessive.","sumi-design","skill",0,"plugins\u002Fsumi-design\u002Fskills\u002Fmotion\u002FSKILL.md","Motion",[12,15,18,21,24,27,30],{"id":13,"text":14},"defaults-tokens-in-design-md","Defaults (tokens in DESIGN.md)",{"id":16,"text":17},"what-to-animate","What to animate",{"id":19,"text":20},"techniques","Techniques",{"id":22,"text":23},"reduced-motion-mandatory","Reduced motion (mandatory)",{"id":25,"text":26},"performance","Performance",{"id":28,"text":29},"slop-tells","Slop tells",{"id":31,"text":32},"done-checklist","Done checklist","en",["Island",35],{"key":36,"result":37},"PageBody_j4N3FBYkMcD0bsnEtTh3qmfIZBQqK4KpUB85JlQ3A",{"head":38},{"style":39},[40],{"innerHTML":41},".prose[data-v-1545ba8e]{max-width:var(--measure-prose)}.prose[data-v-1545ba8e] h2{margin-block:var(--space-8) var(--space-4)}.prose[data-v-1545ba8e] h3{margin-block:var(--space-6) var(--space-3)}.prose[data-v-1545ba8e] h4{margin-block:var(--space-5) var(--space-3);font-family:var(--font-mono);font-variation-settings:\"wdth\" var(--mono-width-label);font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--text-label-ls);color:var(--color-text-muted)}.prose[data-v-1545ba8e] ol,.prose[data-v-1545ba8e] p,.prose[data-v-1545ba8e] ul{margin-block-end:var(--space-4)}.prose[data-v-1545ba8e] li{margin-block-end:var(--space-2)}.prose[data-v-1545ba8e] ol,.prose[data-v-1545ba8e] ul{padding-inline-start:var(--space-5)}.prose[data-v-1545ba8e] li:has(.task-box){list-style:none}.prose[data-v-1545ba8e] .task-box{width:.8em;height:.8em;border:var(--border-width) solid var(--color-border);vertical-align:baseline;margin-inline-end:var(--space-2);display:inline-block}.prose[data-v-1545ba8e] code{padding:1px var(--space-1);background:var(--color-surface-sunk);border:var(--border-width) solid var(--color-border)}.prose[data-v-1545ba8e] pre{padding:var(--space-4);background:var(--color-surface-sunk);border:var(--border-width) solid var(--color-border);margin-block-end:var(--space-5);overflow-x:auto}.prose[data-v-1545ba8e] pre code{background:0 0;border:0;padding:0}.prose[data-v-1545ba8e] .table-scroll{max-width:none;margin-block-end:var(--space-5);overflow-x:auto}.prose[data-v-1545ba8e] table{border-collapse:collapse;width:100%;min-width:32rem;font-size:var(--text-small);line-height:var(--text-small-lh)}.prose[data-v-1545ba8e] td,.prose[data-v-1545ba8e] th{padding:var(--space-3) var(--space-4);text-align:start;vertical-align:top;border-block-start:var(--divider-width) solid var(--color-divider)}.prose[data-v-1545ba8e] th{font-family:var(--font-mono);font-variation-settings:\"wdth\" var(--mono-width-label);font-size:var(--text-label);letter-spacing:var(--text-label-ls);text-transform:uppercase;color:var(--color-text-muted);border-block-end:var(--border-width) solid var(--color-border)}.prose[data-v-1545ba8e] blockquote{margin:0 0 var(--space-5);border-inline-start:var(--seam-width) solid var(--color-seam);color:var(--color-text-muted);padding-inline-start:var(--space-4)}.prose[data-v-1545ba8e] hr{margin-block:var(--space-7);border:0;border-block-start:var(--divider-width) solid var(--color-divider)}.prose[data-v-1545ba8e] pre,.prose[data-v-1545ba8e] table{max-width:none}",1791464219003]