用途：用于 HyperFrames 组合中制作 evolution-flow 类型的幻灯片，在一屏内通过“左侧状态 → 箭头 → 右侧状态”的双栏布局，呈现某事物从旧状态到新状态的变化。适合 before/after 对比，且希望以因果流向而非简单并列来展示时。
主要能力与结构：幻灯片使用 HTML 结构，外层为 scene clip 容器，内含 eyebrow、scene-title 与 flow。flow 用网格分为左右两栏和中间箭头：左栏为 flow-col（起始状态），右栏为 flow-col after（目标状态），各含 flow-label、flow-heading 与 flow-list；箭头为 flow-arrow。可用 flow-image 在栏内加入 16:9 图片。样式要点包括栏卡背景、圆角与边框，after 栏用强调色突出目标状态，列表项用“—”前缀。
动画：用 GSAP 时间线依次入场，先左栏（x: -40、透明度渐显），再箭头（scale 0.5、back.out 弹入），最后右栏（x: 40、渐显），使阅读方向为左→箭头→右；避免整体大幅晃动。
生成器标记：以 << 开头的块为左栏，>> 为右栏，== 为布局切换信号且其下不写内容；标题可用 << [现有] 标题 形式，方括号内为 flow-label，其余为 flow-heading；块内可放图片。
写作原则：左侧写起点状态、右侧写终点状态；左右条目数不必相同，但应体现对应关系；标题宜用状态型短语；若有图片，核心信息仍用条目重申；变化原因或过程需另开幻灯片。无图片时可省略图片槽，卡片本身即足够。
不适用：只需一图加数行说明时用 split 或 title-image；四步以上时间线用 steps；三个以上对象同时比较用 compare。
限制：资料未提供收费、价格、平台支持范围与官方文档等信息。