Fixing Motion Performance

用于动画性能审查与修复:当用户说动画卡顿、transition 发抖、scroll-linked motion 不顺、blur 太重,或要审查 CSS/JS 动画性能时使用。Combine with `frontend-design` or `ui-ux-pro-max` when 先做动效设计再做性能收口;Do not use for 纯视觉方向选择或非动效性能问题。

hebertzhu 7a90d01 1.3 KB Updated

File contents

fixing-motion-performance

Intent

  • 用于动画性能审查与修复:当用户说动画卡顿、transition 发抖、scroll-linked motion 不顺、blur 太重,或要审查 CSS/JS 动画性能时使用。Combine with frontend-design or ui-ux-pro-max when 先做动效设计再做性能收口;Do not use for 纯视觉方向选择或非动效性能问题。

Default operating pattern

  1. Clarify audience, surface, success metric, and implementation boundary.
  2. Study relevant patterns, references, or constraints before proposing a direction.
  3. Define structure, interaction, copy, and visual hierarchy with a reusable rationale.
  4. Pressure-test accessibility, motion, maintainability, and platform fit.
  5. Return a concise recommendation and the next implementation move.

Pack fit

  • Included in: product-design
  • Keep examples generic, privacy-safe, and portable across hosts.

Boundary

  • Do not use for unrelated back-end or data-layer performance issues.

hebertzhu/agent-foundry/tree/main/skills/fixing-motion-performance commit 7a90d01620

Frequently asked questions

npx skillmds@latest add hebertzhu/fixing-motion-performance