后续实现被要求在活动组件上运行无限循环动画
原文依据:5 处规范明确让编码代理为每个活动仪表板组件实现无限循环动画,并为列表添加级联延迟。
当页面包含许多活动组件时,持续动画会增加 CPU/GPU 和电量消耗,并可能给对动态效果敏感的用户造成不适。该材料没有给出关闭条件。
文档明确说明这些不是 Stitch 当前执行的动画,而是交给后续编码代理实现的活动产品行为;其中要求每个活动仪表板组件持续无限循环,并让列表和网格延迟级联出现。这可能造成持续 CPU/电量消耗、分散注意力,且未说明遵循“减少动态效果”偏好。文档虽要求隔离高 CPU 动画并以 60fps 为目标,但这只是性能实现建议,不能消除风险。用户可要求动画默认有限、支持暂停并尊重 reduced-motion。
## 8. Motion & Interaction (Code-Phase Intent)> **Note:** Stitch generates static screens — it does not animate. This section documents the **intended motion behavior** so that the coding agent (Antigravity, Cursor, etc.) knows exactly how to implement animations when building the exported design into a live product.- **Physics Engine:** Spring-based exclusively. `stiffness: 100, damping: 20`. No linear easing anywhere. Premium, weighty feel on all interactive elements- **Perpetual Micro-Loops:** Every active dashboard component has an infinite-loop state — Pulse on status dots, Typewriter on search bars, Float on feature icons, Shimmer on loading states- **Staggered Orchestration:** Lists and grids mount with cascaded delays (`animation-delay: calc(var(--index) * 100ms)`). Waterfall reveals, never instant mount- **Layout Transitions:** Smooth re-ordering via shared element IDs. Items swap positions with physics, simulating real-time intelligence查看另外 4 个位置
- **Spring Physics default:** `stiffness: 100, damping: 20` — premium, weighty feel. No linear easing- **Perpetual Micro-Interactions:** Every active component should have an infinite loop state (Pulse, Typewriter, Float, Shimmer)- **Staggered Orchestration:** Never mount lists instantly — use cascade delays for waterfall reveals- **Performance:** Animate exclusively via `transform` and `opacity`. Never animate `top`, `left`, `width`, `height`. Grain/noise filters on fixed pseudo-elements only- **Physics Engine:** Spring-based exclusively. `stiffness: 100, damping: 20`. No linear easing anywhere. Premium, weighty feel on all interactive elements- **Perpetual Micro-Loops:** Every active dashboard component has an infinite-loop state — Pulse on status dots, Typewriter on search bars, Float on feature icons, Shimmer on loading states- **Staggered Orchestration:** Lists and grids mount with cascaded delays (`animation-delay: calc(var(--index) * 100ms)`). Waterfall reveals, never instant mount- **Perpetual Micro-Loops:** Every active dashboard component has an infinite-loop state — Pulse on status dots, Typewriter on search bars, Float on feature icons, Shimmer on loading states- **Staggered Orchestration:** Lists and grids mount with cascaded delays (`animation-delay: calc(var(--index) * 100ms)`). Waterfall reveals, never instant mount- **Layout Transitions:** Smooth re-ordering via shared element IDs. Items swap positions with physics, simulating real-time intelligence- **Hardware Rules:** Animate ONLY `transform` and `opacity`. Never `top`, `left`, `width`, `height`. Grain/noise filters on fixed, pointer-events-none pseudo-elements only- **Performance:** CPU-heavy perpetual animations isolated in microscopic leaf components. Never trigger parent re-renders. Target 60fps minimum