원클릭으로
animate
Add purposeful motion, transitions, and micro-interactions that clarify state change, feedback, and delight without sacrificing performance or accessibility.
메뉴
Add purposeful motion, transitions, and micro-interactions that clarify state change, feedback, and delight without sacrificing performance or accessibility.
| name | animate |
| description | Add purposeful motion, transitions, and micro-interactions that clarify state change, feedback, and delight without sacrificing performance or accessibility. |
| argument-hint | [target] |
| user-invocable | true |
Use this flow when the interface already works but key interactions still feel abrupt, static, or under-explained.
impeccable first.impeccable teach.../impeccable/reference/motion-design.md and ../impeccable/reference/interaction-design.md.transform and opacity; avoid layout-jank animation.prefers-reduced-motion with a clear static fallback.The result should feel faster, clearer, and more intentional without turning the interface into a demo reel.
Adapt interfaces for different devices, breakpoints, platforms, and usage contexts without sacrificing core usability.
Deprecated upstream wrapper kept for completeness. Not a primary route. The local bundle does not vendor upstream `layout`; use `shape` for layout planning or `impeccable` for integrated UI refinement instead.
Run technical UI quality checks across accessibility, performance, theming, responsiveness, and anti-patterns, then return a scored action plan.
Push safe or generic UI toward stronger contrast, personality, and memorability while keeping the experience usable and coherent.
Improve labels, microcopy, error states, and instructions so users understand what is happening and what to do next.
Introduce purposeful color and contrast where the interface feels monochrome, timid, or emotionally flat.