improve-animations
Audit existing web UI motion and prioritize concrete improvements or self-contained implementation plans. Use for a motion roadmap; animate owns implementation and diff review.
- License 许可
- MIT
- 最近更新
- 2026-11-12
- Stars
- ★ 4
- Forks
- 1
01 前言 Front Matter
- name
- improve-animations
- description
- Audit existing web UI motion and prioritize concrete improvements or self-contained implementation plans. Use for a motion roadmap; animate owns implementation and diff review.
02 资源文件 1
- 许可证LICENSE1.0 KB
03 SKILL.md 正文
Find the highest-value fixes in motion that should remain. Adapted from Emil Kowalski; source and compatibility. Audit/plan requests return findings without source edits. Save plans only when requested. Explicit implementation requests continue through animate and the project's delivery gates, in the current context; no automatic executors, agents or worktrees.
Audit
- Map the requested surface, installed motion library/version, component primitives, existing tokens, input paths and product context. Identify expected frequency without inventing usage counts. Respect documented tradeoffs; confirm each cited location.
- Load animate and its craft reference. Audit purpose/frequency, easing/duration, physicality/origin, interruption, rendering cost, accessibility, token cohesion and genuine missed opportunities. Apply these axes inline. For unnecessary motion, route to remove-animations rather than polishing it.
- Vet findings against actual state changes and existing decisions. Distinguish
reproducible defects from craft suggestions and unmeasured performance suspicions.
Rank by user impact and effort; show severity, category,
file:line, evidence and fix. An empty result is valid; do not force additions or fixed finding counts. - When plans are requested, make each independently executable: current revision, problem/current excerpt, exact targets and token values, repository exemplar, ordered edits, scope/dependencies, rollback and focused verification commands. Include rapid reversal, keyboard/touch, reduced motion and a real feel-check; name any device evidence still needed. Revalidate stale plans against current code.
For the sequence remove-animations -> improve-animations -> animation-performance,
subtract first, assess retained motion second, then profile the remaining frame problems.
The sequence preserves the requested endpoint; an audit does not authorize fixes.
Load animation-performance for frame bottlenecks; static code inspection cannot prove smoothness. Load dependencies through the dependency-loading contract.
04 同仓库更多 Skills
hill-climb
Optimize a defined outcome through bounded evaluation loops. Use for hill-climb requests or repeated improvement against an executable eval, benchmark, or visual comparison; not a one-pass review.
gestures
Build or fix web drag, swipe, sheet, reorder, and hold interactions: direct tracking, rubber banding, release velocity, momentum, snap points, and interruption. Not native React Native or Swift.
hill-climb
Optimize a defined outcome through bounded evaluation loops. Use for hill-climb requests or repeated improvement against an executable eval, benchmark, or visual comparison; not a one-pass review.
gestures
Build or fix web drag, swipe, sheet, reorder, and hold interactions: direct tracking, rubber banding, release velocity, momentum, snap points, and interruption. Not native React Native or Swift.
effect-ts
Use when setting up a repository that uses the Effect TypeScript library.
matt-chief-of-staff
Use the pinned Matt Pocock chief-of-staff skill with host compatibility rules.