conductor-motion

用途：生成产品营销站点中常见的“中间层”动画模式，如打字/轮播、进度条编排、错落内容揭示、Lottie 序列与滚动驱动动画，用动画模拟实时软件状态。据资料解构自 ConductorAI.com（Webflow、GSAP 3.15、Lottie、原生 JS）。\n\n主要能力：提供多种模式，包括 typewriter（打字机与词轮播）、progress（进度条与计数、点导引、行错落）、file-review（文件列表与未审阅→处理中→已审阅状态机）、stagger-reveal、terminal、lottie-compose、streaming-text、top-layer、full-page、catalog。每个模式对应独立模板，输出单文件 HTML，内联 CSS 与 JS，仅字体走 CDN，必要时加载 Lottie。\n\n使用方式：通过脚本运行，例如 python3 scripts/conductor_motion_generator.py --mode typewriter --base-text "Accelerating" --words "..." --output typewriter.html；其他模式类似。若不带 --mode 则先进行 Motion Interview，收集内容类型、节奏、模式、配色与设计令牌，输出 .motion-context.md 供生成阶段使用。可用 validate_conductor_motion.py 校验输出。所有效果读取 --cm-* CSS 变量，可在 :root 覆盖重新主题化；提供 pacing、stagger、typing-speed 等组合参数。\n\n适用场景：营销页面嵌入、产品演示、状态仪表盘、落地页等需要轻量动效的场景，单文件便于拖入 CMS 或 Webflow 嵌入块。\n\n限制与规则：仅用原生 HTML/CSS/JS，不使用框架；动画循环用 requestAnimationFrame，计时用 performance.now()；必须支持 prefers-reduced-motion；尊重 document.hidden 暂停；will-change 需按生命周期添加移除；颜色统一走 --cm-* 令牌；需处理移动端 viewport、触摸与 resize；需保证 JS 不可用时内容仍可读。反模式包括 transition: all、动画布局属性、硬编码错落延迟、遗漏减少动效、rAF 中使用 Date.now()、永久保留 will-change、打字无光标、用 innerHTML 构建文件审核 UI 等。