# Fixing Motion Performance

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

- Skill: `hebertzhu/fixing-motion-performance` (Agent Skill)
- Install (CLI): `npx skillmds@latest add hebertzhu/fixing-motion-performance`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hebertzhu/fixing-motion-performance/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: hebertzhu (https://skillmd.com/u/hebertzhu)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/hebertzhu/fixing-motion-performance

---


# 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.