hyper-animator-codex 0.7.1 → 0.8.0

package/skills/hyper-animator-codex/references/shotcraft/catalog.json

@@ -0,0 +1,3946 @@
+{
+  "schema_version": "1.0.0",
+  "source_name": "video-shotcraft",
+  "source_revision": "bdd94be16d60fa8f",
+  "source_license": "Apache-2.0",
+  "generated_from_pack": "video_shotcraft_complete_pack_20260725_final",
+  "counts": {
+    "cards": 106,
+    "styles": 164,
+    "source_available_cards": 106,
+    "spec_only_cards": 0,
+    "implemented_styles": 161,
+    "reference_only_styles": 2,
+    "missing_preview_styles": 1,
+    "previews_present": 163
+  },
+  "cards": [
+    {
+      "name": "ai-stream-response",
+      "summary": "AI 响应面板先落一句可读摘要，再让带状态图标的证据行逐条汇入，最后统一收束成完成态",
+      "use": "AI 助手/agent/search/copilot 的结果生成镜头；强调“结论先到、证据随后、任务完成”",
+      "duration": "约 4–5s（120–150f，含 ≥15f 完成态静止）",
+      "energy": "中高（信息持续增加，但阅读优先于速度炫技）",
+      "intention": "把“AI 正在工作”拍成可读的因果链，而不是日志刷屏：观众先看懂答案摘要，\r\n再看到证据/子任务逐条补齐，最后由完成态确认这轮工作结束。",
+      "usage_document": "cards/ai-stream-response/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/ai-stream-response/StreamResponse.tsx"
+      ],
+      "styles": [
+        {
+          "key": "ai-stream-response",
+          "label": "ai-stream-response",
+          "description": "AI 响应面板先落一句可读摘要，再让带状态图标的证据行逐条汇入，最后统一收束成完成态",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/ai-stream-response/README.md",
+          "source_files": [
+            "source/demos/ai-stream-response/StreamResponse.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "autolayout-gap-dial",
+      "summary": "间距拨盘驱动布局——一排链接块带框选描边+缝隙间距标注，徽章数字逐格跳动、块被参数实时推开再弹簧回弹归位；\"参数驱动布局\"的可视化",
+      "use": "设计工具/低代码产品的\"改一个数、界面跟着动\"卖点镜头；\"用设计工具语义做包装\"的品类语言",
+      "duration": "~4s（120f：框选入场 + 拉松 38f + hold + 弹簧回弹）",
+      "energy": "中（工具理性型，爽点在数字与位移的锁定同步）",
+      "intention": "\"参数改了、UI 变了\"是设计工具的核心承诺，但通常拍成\"点面板→切\r\n结果\"的前后对比，因果被剪掉了。本卡把因果拍成连续镜头：间距徽章\r\n数字逐格跳，链接块**同帧**被推开，测量线实时拉长——数字就是缰绳，\r\n布局就是马。框选描边+8 手柄+间距标注全是设计工具的母语，观众一眼\r\n认出\"这是在工具里调参数\"。回程故意用欠阻尼弹簧过冲（缩到比起点\r\n更紧再回稳），把\"归位\"做成一次有弹性的收尾。与 type-and-filter\r\n分工：那是\"输入内容→列表收敛\"的检索因果，本卡是\"拨数值→几何\r\n重排\"的参数因果。",
+      "usage_document": "cards/autolayout-gap-dial/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/autolayout-gap-dial/AutolayoutGapDial.tsx"
+      ],
+      "styles": [
+        {
+          "key": "autolayout-gap-dial",
+          "label": "autolayout-gap-dial",
+          "description": "间距拨盘驱动布局——一排链接块带框选描边+缝隙间距标注，徽章数字逐格跳动、块被参数实时推开再弹簧回弹归位；\"参数驱动布局\"的可视化",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/autolayout-gap-dial/README.md",
+          "source_files": [
+            "source/demos/autolayout-gap-dial/AutolayoutGapDial.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "beat-cut-moves",
+      "summary": "硬切当节拍乐器的两式——递进硬切串（间隔减半加速逼近）与连闪定格（三次白闪各切一个裁切）",
+      "use": "高光/冲刺段落把\"切\"本身打成鼓点；A 式预告片式加速逼近，B 式颁奖连拍仪式感",
+      "duration": "A 全程 ~4.3s（建立 49f + 五连切 + 定格 hold 35f）；B 全程 ~4.3s（活素材 30f + 三闪 + hold 60f）",
+      "energy": "高",
+      "intention": "库内节奏词汇一直只管\"一条运动内\"的速率（speed-ramp 是同一条 take\r\n里变速）和\"落定后停多久\"（R 系呼吸判例），没有词管**多镜之间切点\r\n怎么排**。本卡补这一块：硬切不做任何过渡，切点间隔本身就是乐谱——\r\n间隔递减读作加速逼近（A），等距三闪读作快门连拍（B）。与 R 系不\r\n冲突：R 管落定后的停，本卡管切点排布，切串结束必须接足量 hold 把\r\n呼吸还回去。注意这是刻意的例外——节奏偏好判例是单向\"放慢\"，硬切\r\n串切得越狠，切完的 hold 要比平常更长。",
+      "usage_document": "cards/beat-cut-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/beat-cut-moves/BeatCutAccelerando.tsx",
+        "source/demos/beat-cut-moves/PaparazziFlash.tsx"
+      ],
+      "styles": [
+        {
+          "key": "beat-cut-accelerando",
+          "label": "beat-cut-accelerando 递进硬切串",
+          "description": "六视图按 16→12→8→6→4f 间隔减半全屏硬切，加速逼近，末刀戛然定格回主画面轻推收住",
+          "use": "冲刺逼近感：预告片式蓄力、功能连打冲向结论",
+          "implementation_status": "implemented",
+          "usage_document": "cards/beat-cut-moves/README.md",
+          "source_files": [
+            "source/demos/beat-cut-moves/BeatCutAccelerando.tsx"
+          ]
+        },
+        {
+          "key": "paparazzi-flash",
+          "label": "paparazzi-flash 连闪定格",
+          "description": "三次白闪各硬切同素材不同裁切（全景→卡片特写→数字特写），快门余韵沉降，第三闪停在数字收束",
+          "use": "高光时刻仪式感：颁奖连拍、关键数字的加冕",
+          "implementation_status": "implemented",
+          "usage_document": "cards/beat-cut-moves/README.md",
+          "source_files": [
+            "source/demos/beat-cut-moves/PaparazziFlash.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "beat-step-list-theme-cycle",
+      "summary": "三通道节拍器——深色场形容词列表逐拍上移一行，视口中央固定胶囊\"接住\"下一个词并换色，整场底色同拍跟换；行、色、场三通道锁死同一拍点",
+      "use": "\"同一产品多种气质/多主题展示\"段落（modern/playful/expressive 式形容词连打）；全片节奏最密的一段；音乐段对拍",
+      "duration": "铺垫 30f + 每拍 18f × 拍数 + 收尾 hold；3 拍约 3.5s（demo 110f）",
+      "energy": "高（0.6s 一拍三通道齐跳，密度型高能）",
+      "intention": "换一次主题色是功能演示；0.6 秒换一次、连换三次、每次\"选中行+胶囊色\r\n+全场底色\"三件事同帧齐跳——就成了节拍器。用最便宜的变量切换做出\r\n全片最高的节奏密度。命门有二：一是**三通道必须锁同一拍点**，任何\r\n一通道慢半拍，\"齐跳\"退化成三个各自为政的动画；二是**跳与滑的分界**\r\n——跳变只占拍头 6f，其余 12f 完全静置，拍点要\"跳\"不要\"滑\"，\r\n匀速滚动的列表就只是列表。",
+      "usage_document": "cards/beat-step-list-theme-cycle/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/beat-step-list-theme-cycle/BeatStepListThemeCycle.tsx"
+      ],
+      "styles": [
+        {
+          "key": "beat-step-list-theme-cycle",
+          "label": "beat-step-list-theme-cycle",
+          "description": "三通道节拍器——深色场形容词列表逐拍上移一行，视口中央固定胶囊\"接住\"下一个词并换色，整场底色同拍跟换；行、色、场三通道锁死同一拍点",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/beat-step-list-theme-cycle/README.md",
+          "source_files": [
+            "source/demos/beat-step-list-theme-cycle/BeatStepListThemeCycle.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "before-after-slider-scrub",
+      "summary": "前后对比拉杆——\"处理前/后\"两版叠放，分割杆先猛甩后慢扫，杆过处新版\"显影\"揭出",
+      "use": "AI 增强/优化/重构类功能的效果对比段落（\"用前 vs 用后\"一镜讲清）",
+      "duration": "4–5s",
+      "energy": "中（快甩是打击点，慢扫是阅读期）",
+      "intention": "AI 图像产品发布片的标准对比语法：同一画面\"处理前\"（低对比灰蒙）\r\n与\"处理后\"（清晰版）叠放，带圆手柄的竖分割杆先从左端猛甩到 70%\r\n（overshoot 回弹）、停一拍，再以约 1/5 的速度慢扫回来让观众看清\r\n差异——**快甩慢扫的速度对比就是节奏**：快甩宣告\"变了\"，\r\n慢扫证明\"变在哪\"。",
+      "usage_document": "cards/before-after-slider-scrub/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/before-after-slider-scrub/BeforeAfterSliderScrub.tsx"
+      ],
+      "styles": [
+        {
+          "key": "before-after-slider-scrub",
+          "label": "before-after-slider-scrub",
+          "description": "前后对比拉杆——\"处理前/后\"两版叠放，分割杆先猛甩后慢扫，杆过处新版\"显影\"揭出",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/before-after-slider-scrub/README.md",
+          "source_files": [
+            "source/demos/before-after-slider-scrub/BeforeAfterSliderScrub.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "bottom-push-stack-wipe",
+      "summary": "底边上推换章——新场景连底色整屏从底边向上推入，把旧场景物理顶出画外，连推数章各配一种饱和底色，内容钉死在各自色底坐标系里随底色走",
+      "use": "多章节产品片的换章骨架（每章一个卖点一种底色）；需要\"翻页节奏感\"贯穿全片的段落切换",
+      "duration": "单次推入 30f + 章内 hold ~1s；demo 三连推 140f（~4.7s）",
+      "energy": "中",
+      "intention": "wipe-transitions 是一条边界扫过、新旧页都不动；page-turn 是立方体\r\n翻转。本卡是第三种物性：**新章把旧章顶出去**——两屏刚性接触、同速\r\n同向位移，像自动售货机压栈。命门是\"连底色整屏走\"：底色+窗口卡+装饰\r\n条焊成一块整料从底边推入，观众读到\"换了个世界\"而不是\"换了张卡\"。\r\n重 ease-out（快进慢停）给推入一个\"哐\"的落位感；上缘 40px 接缝阴影\r\n是两屏物理接触的证据。连推三章且底色饱和度拉满，换章本身就成了全片\r\n的节拍器——slack 原片全片就靠这一招做骨架。",
+      "usage_document": "cards/bottom-push-stack-wipe/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/bottom-push-stack-wipe/BottomPushStackWipe.tsx"
+      ],
+      "styles": [
+        {
+          "key": "bottom-push-stack-wipe",
+          "label": "bottom-push-stack-wipe",
+          "description": "底边上推换章——新场景连底色整屏从底边向上推入，把旧场景物理顶出画外，连推数章各配一种饱和底色，内容钉死在各自色底坐标系里随底色走",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/bottom-push-stack-wipe/README.md",
+          "source_files": [
+            "source/demos/bottom-push-stack-wipe/BottomPushStackWipe.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "brand-frame-snap",
+      "summary": "品牌色画框语法——一圈粗纯色画框先于内容长出包住全屏，录屏窗口落进框内；模式切换时整圈画框同帧硬翻色+窗内布局同帧换，一个 borderColor 干完章节导航/状态提示/品牌露出三件事",
+      "use": "双模式/双章节产品片的全片包装层（蓝=模式A、绿=模式B 颜色编码）；真实录屏素材的品牌化包裹",
+      "duration": "单次翻色 ~4.3s（130f）；画框本身可全片驻场",
+      "energy": "中（翻色瞬间高，其余时间是安静的包装层）",
+      "intention": "真实录屏直接铺满屏没有品牌存在感，加 logo 水印又廉价。本卡用一圈\r\n粗品牌色画框把录屏\"装裱\"起来：画框**先于内容出现**（先立画框再放\r\n画，仪式感），之后画框颜色成为全片的语义编码——蓝=Design、绿=Dev\r\nMode。章节切换时整圈画框一帧内硬翻色，无渐变，颜色硬切就是\"换挡\"\r\n声效的视觉等价物；窗内布局同帧 A→B、角标与徽标同步换字，三处同帧\r\n共振把\"模式切换\"砸实。与 theme-switch-moves 分工：那换的是 UI 本体\r\n肤色（有扫过边界），本卡换的是\"画框\"这个包装层（同帧无边界），\r\n语义是模式/章节切换不是主题切换。",
+      "usage_document": "cards/brand-frame-snap/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/brand-frame-snap/BrandFrameSnap.tsx"
+      ],
+      "styles": [
+        {
+          "key": "brand-frame-snap",
+          "label": "brand-frame-snap",
+          "description": "品牌色画框语法——一圈粗纯色画框先于内容长出包住全屏，录屏窗口落进框内；模式切换时整圈画框同帧硬翻色+窗内布局同帧换，一个 borderColor 干完章节导航/状态提示/品牌露出三件事",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/brand-frame-snap/README.md",
+          "source_files": [
+            "source/demos/brand-frame-snap/BrandFrameSnap.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "brand-ink-open",
+      "summary": "墨线十字准星描画→字标逐字压印→打字机副标→满一秒静止再上浮消散",
+      "use": "品牌开场；任何\"先立名号再进产品\"的片头",
+      "duration": "约 2.8s（83f）",
+      "energy": "低（起步位，为后续镜头留爬升空间）",
+      "intention": "第一拍先给品牌记忆点：观众在任何产品画面出现之前，先看清并记住名字。安静、纸墨质感、有一个完整的静止时刻。",
+      "usage_document": "cards/brand-ink-open/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/SceneOpen.tsx"
+      ],
+      "styles": [
+        {
+          "key": "brand-ink-open",
+          "label": "brand-ink-open",
+          "description": "墨线十字准星描画→字标逐字压印→打字机副标→满一秒静止再上浮消散",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/brand-ink-open/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/SceneOpen.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "bubble-swarm-takeover",
+      "summary": "珠光气泡群幕布转场——大小不一的气泡从画外飘入越涨越大遮满整屏，页面同步\"洗白\"，遮蔽峰值处藏切换，气泡向外散开后已是新场景；可混入 i18n 文字胶囊变体",
+      "use": "章节级换景且品牌世界里有\"实体装饰物\"可当幕布（气泡/花瓣/图标皆可换皮）；转场即品牌露出的段落",
+      "duration": "~4.3s（130f：飘入 ~67f + 峰值藏切 + 散开 ~43f）",
+      "energy": "中高（持续群体涌动，无瞬时冲击）",
+      "intention": "transition-hidden-cut 的前景遮挡式是\"一件东西扫过去的 1–3 帧\"，\r\nwipe-transitions 是一条几何边界扫过——都是\"边界\"思维。本卡是\"幕布\"\r\n思维：让一**群**品牌实体花 2 秒飘入前景涨大遮屏，遮蔽峰值藏硬切，\r\n再散开露出新场景。比几何擦除高级的地方在于幕布本身就是品牌资产，\r\n转场时间越长品牌露出越足，反而不嫌慢。命门有二：**峰值必须真遮满**\r\n（6 颗巨型气泡按网格钉落点兜底，随机群只管氛围）；**洗白层压在页面\r\n与气泡之间**——页面先被洗掉细节，气泡才接得住全部视线，切换在白纱\r\n后面完成，观众无从对比前后帧。",
+      "usage_document": "cards/bubble-swarm-takeover/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/bubble-swarm-takeover/BubbleSwarmTakeover.tsx"
+      ],
+      "styles": [
+        {
+          "key": "bubble-swarm-takeover",
+          "label": "bubble-swarm-takeover",
+          "description": "珠光气泡群幕布转场——大小不一的气泡从画外飘入越涨越大遮满整屏，页面同步\"洗白\"，遮蔽峰值处藏切换，气泡向外散开后已是新场景；可混入 i18n 文字胶囊变体",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/bubble-swarm-takeover/README.md",
+          "source_files": [
+            "source/demos/bubble-swarm-takeover/BubbleSwarmTakeover.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "canvas-materialize-moves",
+      "summary": "内容\"物化上画布\"两式——panel-to-canvas 行倒卡（面板表格行沿弧线飞出、跨容器变形成画布卡片）与 diagram-cascade 级联生成树（prompt 打字后节点逐层弹出、连线先于节点生长）",
+      "use": "AI/协作工具\"生成结果落到画布上\"的叙事段落；A 式讲\"已有内容换了个存在形态\"，B 式讲\"从一句话长出一棵结构\"",
+      "duration": "A ~4.3s（130f）/ B ~5.3s（160f）",
+      "energy": "中",
+      "intention": "库内生成叙事只有\"面板内流式写入\"（ai-stream-response 证据行汇入面板）\r\n和\"图表自己活起来\"（chart-live-moves），没有词管**内容离开容器、在\r\n开放画布上物化成新实体**。本卡补这一块：画布是舞台，生成物是登台的\r\n演员。A 式的命门是跨容器形态迁移——同一条内容从\"行\"变成\"卡\"，位置\r\n/宽高/圆角/内容布局在一条 spring 上同步插值，观众读到\"是它飞过去\r\n变的\"而不是\"删一个加一个\"；B 式的命门是级联时序——线牵出节点、层\r\n喂出层，结构感来自先后而非同时。",
+      "usage_document": "cards/canvas-materialize-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/canvas-materialize-moves/DiagramCascadeBuild.tsx",
+        "source/demos/canvas-materialize-moves/PanelToCanvasMaterialize.tsx"
+      ],
+      "styles": [
+        {
+          "key": "panel-to-canvas",
+          "label": "panel-to-canvas 行倒卡",
+          "description": "复选框逐个自动打勾→按钮按下→三行沿上抛弧线错峰飞出，途中行形态与卡形态交叉淡化，落位带随机倾角；面板行槽塌陷成虚线留白",
+          "use": "批量导入/一键上板：内容从列表态迁移为空间态",
+          "implementation_status": "implemented",
+          "usage_document": "cards/canvas-materialize-moves/README.md",
+          "source_files": [
+            "source/demos/canvas-materialize-moves/DiagramCascadeBuild.tsx",
+            "source/demos/canvas-materialize-moves/PanelToCanvasMaterialize.tsx"
+          ]
+        },
+        {
+          "key": "diagram-cascade",
+          "label": "diagram-cascade 级联生成树",
+          "description": "prompt 逐字敲出（敲完描边变深确认）→根（深色）→2 子→4 孙逐层弹出，折角连线描线先行 8f，成树后整棵呼吸一拍",
+          "use": "AI 生成结构图/脑图/ER 图：一句话长出一棵树",
+          "implementation_status": "implemented",
+          "usage_document": "cards/canvas-materialize-moves/README.md",
+          "source_files": [
+            "source/demos/canvas-materialize-moves/DiagramCascadeBuild.tsx",
+            "source/demos/canvas-materialize-moves/PanelToCanvasMaterialize.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "card-flip-reveal",
+      "summary": "功能卡 3D 翻面揭示——卡片沿 Y 轴翻 180°，正面 UI 翻到侧棱最薄处闪过一道随角度移动的高光带，背面揭出大号结论数字，逐张错峰扫过整排",
+      "use": "\"功能→成果\"的成对叙事：一排功能卡逐张翻出各自的指标/结论；元素级转场卡",
+      "duration": "单卡翻转 26f，三卡错峰 10f，全程 ~4.9s（含 hold）",
+      "energy": "中高",
+      "intention": "库内\"翻\"字辈已有 wall-reveal-moves B（整墙波浪翻面，讲入场）和\r\nsplit-flap（字符翻牌，讲文字）。本卡是**语义翻面**：一张卡的正反两面\r\n是一对因果——正面是功能界面，背面是它带来的数字结论。翻面动作本身\r\n就是\"所以呢？\"的回答，Apple bento 段落的标准语法。逐张错峰 10f 扫过\r\n一排，三张卡三个数字节奏读作\"成果连报\"。",
+      "usage_document": "cards/card-flip-reveal/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/card-flip-reveal/CardFlipReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "card-flip-reveal",
+          "label": "card-flip-reveal",
+          "description": "功能卡 3D 翻面揭示——卡片沿 Y 轴翻 180°，正面 UI 翻到侧棱最薄处闪过一道随角度移动的高光带，背面揭出大号结论数字，逐张错峰扫过整排",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/card-flip-reveal/README.md",
+          "source_files": [
+            "source/demos/card-flip-reveal/CardFlipReveal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "card-flock-tumble",
+      "summary": "三张 UI 页卡从侧棱薄边 3D 翻飞成阶梯站定（全程清晰、样条连续丝滑），站定后保持慢转不停，快速收束吸入中心，炸出单个湍流烟雾环扩散，巨字横贯收场",
+      "use": "能量高潮段（功能页群→品牌口号的爆点转场）；霓虹暗场调性；\"多页面能力\"收束成一句话的段落",
+      "duration": "翻飞 ~1.5s + 慢转展示 ~0.3s + 收束 0.3s + 烟环+巨字 ~2s；全段 4.5s",
+      "energy": "极高（全片能量顶点用）",
+      "intention": "三张页卡像被甩出的扑克在 3D 空间翻飞列队，站定亮相后被瞬间\r\n吸入中心，炸出一圈烟雾环，品牌巨字穿环而出——\"能力展示→能量\r\n坍缩→口号爆发\"一气呵成。命门有三：**丝滑**（侧棱→翻飞→站定\r\n一条 Catmull-Rom 样条导数连续，分段插值的顿挫会被读出来）、\r\n**不许停**（站定后保持低角速度慢转到收束，静止段被裁\"不要停住，\r\n保持旋转\"——高潮段没有静帧）、**全程清晰**（motion blur/景深糊\r\n全删，被裁\"不要加模糊效果\"）。",
+      "usage_document": "cards/card-flock-tumble/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/card-flock-tumble/CardFlockTumble.tsx"
+      ],
+      "styles": [
+        {
+          "key": "card-flock-tumble",
+          "label": "card-flock-tumble",
+          "description": "三张 UI 页卡从侧棱薄边 3D 翻飞成阶梯站定（全程清晰、样条连续丝滑），站定后保持慢转不停，快速收束吸入中心，炸出单个湍流烟雾环扩散，巨字横贯收场",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/card-flock-tumble/README.md",
+          "source_files": [
+            "source/demos/card-flock-tumble/CardFlockTumble.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "cel-flash-stomp",
+      "summary": "底色闪砸字——大词逐拍像图章歪着砸满屏，每词落定瞬间背景层在两个纯色间频闪数帧而文字纹丝不动；动漫必杀技字卡的 UI 翻译",
+      "use": "口号/三连词的高能段落（\"SHIP / FASTER / TODAY\"式）；文字节奏卡，与 type-rhythm-sync 互补（那是字属性动，这是字砸+底闪）",
+      "duration": "每词 ~30f × 词数 + 收尾 ≥45f；三词约 4.8s",
+      "energy": "高",
+      "intention": "逐词砸字（stomp typography）单用只有重量；背景纯色闪（动漫背景\r\nフラッシュ——必杀技名出现时底色交替闪）单用只是闪。焊在一起互补\r\n成立：词砸下的落定帧正是底闪的起爆帧，**主体稳、背景闪**——观众\r\n盯着字，眼角余光里整个世界在震颤，打击感来自周边视野而不来自主体\r\n抖动。这是与震屏完全相反的路线：震屏晃主体，本卡晃世界。三词逐拍\r\n递进，末词闪加倍+标签条收束，一句口号剪成三记盖章。",
+      "usage_document": "cards/cel-flash-stomp/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/cel-flash-stomp/CelFlashStomp.tsx"
+      ],
+      "styles": [
+        {
+          "key": "cel-flash-stomp",
+          "label": "cel-flash-stomp",
+          "description": "底色闪砸字——大词逐拍像图章歪着砸满屏，每词落定瞬间背景层在两个纯色间频闪数帧而文字纹丝不动；动漫必杀技字卡的 UI 翻译",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/cel-flash-stomp/README.md",
+          "source_files": [
+            "source/demos/cel-flash-stomp/CelFlashStomp.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "chart-live-moves",
+      "summary": "活体图表三式——oscilloscope-stream 示波流线（曲线右端实时写入+突发尖峰）、unit-dot-swarm-regroup 点阵重组（点群三幕迁徙聚成数字）、axis-rescale-shock 轴爆表重标（新值冲出画框逼 y 轴重标）",
+      "use": "数据叙事段落；分别讲\"实时性\"、\"每个数字是一个人\"、\"增长装不下\"",
+      "duration": "各 4–6s",
+      "energy": "中高（数据即剧情）",
+      "intention": "图表不是插图是剧情。三式共同前提（实测判例）：**必须真图表语境**\r\n——真轴标/真数据/真文案，灰阶占位条测不出数据叙事的表达力。\r\nA 示波流线：曲线写入点钉在右端上下起伏，旧数据左流出画，中途一次\r\n突发尖峰（振幅 2.2×、读数跳大变强调色）——\"实时\"不用说出口，还有事件；\r\nB 点阵重组：320 个点（每点≈40 customers）散布→聚三簇（浮 Free/Pro/\r\nEnterprise 真标签）→列队成柱（真轴标）→聚成点阵大数字 \"12,847\"——\r\n同一批点，观众能跟着某一颗看它归队；\r\nC 轴爆表：折线正常爬升，新值顶破图表上沿冲出卡片 220px（强调色粗线\r\n插进标题区），停半拍，y 轴\"哗\"地重标（旧刻度飞出/新刻度滑入/网格\r\n加密/旧线压扁成地平线），新值落回+弹真值标签——用\"坐标轴装不下\"演增长。",
+      "usage_document": "cards/chart-live-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/chart-live-moves/AxisRescaleShockV2.tsx",
+        "source/demos/chart-live-moves/OscilloscopeStreamV2.tsx",
+        "source/demos/chart-live-moves/UnitDotSwarmRegroupV2.tsx"
+      ],
+      "styles": [
+        {
+          "key": "oscilloscope-stream",
+          "label": "oscilloscope-stream",
+          "description": "采样窗平移 8px/f + 余弦包络尖峰 + 刹停真静止",
+          "use": "监控/实时类产品：\"活着\"的系统",
+          "implementation_status": "implemented",
+          "usage_document": "cards/chart-live-moves/README.md",
+          "source_files": [
+            "source/demos/chart-live-moves/AxisRescaleShockV2.tsx",
+            "source/demos/chart-live-moves/OscilloscopeStreamV2.tsx",
+            "source/demos/chart-live-moves/UnitDotSwarmRegroupV2.tsx"
+          ]
+        },
+        {
+          "key": "unit-dot-swarm-regroup",
+          "label": "unit-dot-swarm-regroup",
+          "description": "三幕 spring 错峰迁徙（stiffness 150、错峰 8f），终幕点阵拼数字",
+          "use": "用户量/构成叙事：\"每个点是一个人\"",
+          "implementation_status": "implemented",
+          "usage_document": "cards/chart-live-moves/README.md",
+          "source_files": [
+            "source/demos/chart-live-moves/AxisRescaleShockV2.tsx",
+            "source/demos/chart-live-moves/OscilloscopeStreamV2.tsx",
+            "source/demos/chart-live-moves/UnitDotSwarmRegroupV2.tsx"
+          ]
+        },
+        {
+          "key": "axis-rescale-shock",
+          "label": "axis-rescale-shock",
+          "description": "冲出框 220px + 重标三联动（刻度换/网格密/旧线压扁）+ 震 8px",
+          "use": "增长曲线高光：\"off the charts\" 字面化",
+          "implementation_status": "implemented",
+          "usage_document": "cards/chart-live-moves/README.md",
+          "source_files": [
+            "source/demos/chart-live-moves/AxisRescaleShockV2.tsx",
+            "source/demos/chart-live-moves/OscilloscopeStreamV2.tsx",
+            "source/demos/chart-live-moves/UnitDotSwarmRegroupV2.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "circle-match-iris",
+      "summary": "圆心匹配光圈切——光圈从页面上圆形元素的圆心炸开，圈内新页的圆形图表接在同一个圆上；匹配剪辑给光圈一个语义锚点",
+      "use": "前景有圆形元素（头像/图标/圆钮）、后景有圆形主体（donut 图/圆环进度）的接缝；转场技法卡",
+      "duration": "4.7s（锚点脉冲 30f + 光圈扩张 45f + 图表生长 55f + 静止 40f）",
+      "energy": "中高",
+      "intention": "普通 iris 光圈（词汇表原条目）从任意点开圈，观众只读到\"换页了\"。\r\n本卡把它和 match-cut 焊死：光圈必须从前景一个**真实圆形元素**的圆心\r\n炸开，圈内长出的新页里有个圆形图表恰好接在同一个圆上——观众看到的\r\n是\"头像的圆变成了图表的圆\"，圆形本身完成叙事（这个人→这个人的数据）。\r\n这是 match-cut 在 UI 语境里的落地形态：不靠构图巧合，靠语义圆对圆。\r\n与穿越三式同属\"后景在前景里预先在场\"，但锚点是抽象形状而非容器。",
+      "usage_document": "cards/circle-match-iris/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/circle-match-iris/CircleMatchIris.tsx"
+      ],
+      "styles": [
+        {
+          "key": "circle-match-iris",
+          "label": "circle-match-iris",
+          "description": "圆心匹配光圈切——光圈从页面上圆形元素的圆心炸开，圈内新页的圆形图表接在同一个圆上；匹配剪辑给光圈一个语义锚点",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/circle-match-iris/README.md",
+          "source_files": [
+            "source/demos/circle-match-iris/CircleMatchIris.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "cloner-depth-echo",
+      "summary": "克隆纵队——主卡瞬间\"复印\"出 7 个半透明分身沿斜向纵深排开成队，停一拍后全体加速吸回本体合一+弹跳",
+      "use": "多副本/多租户/规模感/批量处理\"卖点；一镜讲完\"一个=很多",
+      "duration": "4–5s",
+      "energy": "中（陈列-收束型）",
+      "intention": "Spline/C4D Cloner 语汇的 UI 翻译：一张主卡\"啪\"地复印出 7 个克隆体\r\n沿 Z 轴向后等距排开（间隔 120px、透明度 100%→20% 递减），错峰弹出\r\n成纵队；停 ~25f 让观众数得清\"有很多个\"；然后全体 ease-in 加速吸回\r\n本体合一，合体瞬间本体弹 1.08x 收束。与 depth-layer-moves 视差\r\n（不同内容分层）分工：这是**同一内容**的等距重影阵列，语义是规模\r\n不是空间。",
+      "usage_document": "cards/cloner-depth-echo/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/cloner-depth-echo/ClonerDepthEcho.tsx"
+      ],
+      "styles": [
+        {
+          "key": "cloner-depth-echo",
+          "label": "cloner-depth-echo",
+          "description": "克隆纵队——主卡瞬间\"复印\"出 7 个半透明分身沿斜向纵深排开成队，停一拍后全体加速吸回本体合一+弹跳",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/cloner-depth-echo/README.md",
+          "source_files": [
+            "source/demos/cloner-depth-echo/ClonerDepthEcho.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "collab-cursor-moves",
+      "summary": "协作光标当演员的两式——dialogue-duet 双光标暗场对话双人舞（靠近/绕位/灯光交接/放大成转场），与 cast-ensemble 五光标群演氛围层（错峰飞入+正弦漂移+打字 cameo+聚拢围观）",
+      "use": "协作/多人/交接主题的叙事段；A 撑起无 UI 的纯叙事拍，B 给画布场景铺\"团队在场\"体温",
+      "duration": "A ~4.7s（140f）/ B ~4.7s（140f）",
+      "energy": "A 中（叙事密度高）/ B 低中（氛围层，可垫任何时长）",
+      "intention": "库内光标一直是\"操作工具\"（input-trigger-moves 的 cursor-performance\r\n是单光标点击表演）。本卡把带身份名牌的协作光标升格成**演员**：\r\nA 式两枚具名光标在纯暗场用位移编排讲\"设计-开发交接\"——没有一个 UI\r\n元素，观众照样看懂了剧情，光标位置关系就是台词；B 式五枚光标错峰\r\n入场后持续漂移当氛围粒子，\"团队在场\"感全靠它，其中一枚还能停下来\r\n打字（cameo 戏份）。SVG 光标+名牌 chip 成本极低、叙事密度极高，\r\n是\"协作\"主题最便宜的视觉论证。",
+      "usage_document": "cards/collab-cursor-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/collab-cursor-moves/CursorCastEnsemble.tsx",
+        "source/demos/collab-cursor-moves/CursorDialogueDuet.tsx"
+      ],
+      "styles": [
+        {
+          "key": "dialogue-duet",
+          "label": "dialogue-duet",
+          "description": "蓝/绿两枚具名光标：贝塞尔入场→相互靠近对话（脉冲呼吸）→上下弧线绕位交换→名牌一亮一暗灯光交接→绿光标 easeIn 放大数十倍成巨箭头当转场遮挡",
+          "use": "双角色交接叙事（设计→开发、你→AI）；需要一段无 UI 的纯叙事呼吸拍",
+          "implementation_status": "implemented",
+          "usage_document": "cards/collab-cursor-moves/README.md",
+          "source_files": [
+            "source/demos/collab-cursor-moves/CursorCastEnsemble.tsx",
+            "source/demos/collab-cursor-moves/CursorDialogueDuet.tsx"
+          ]
+        },
+        {
+          "key": "cast-ensemble",
+          "label": "cast-ensemble",
+          "description": "5 枚具名彩色光标错峰 spring 飞入灰阶画布→双频正弦漂移驻场→一枚在便签上打字机补全一行→结尾全员 easeInOut 聚拢围观",
+          "use": "画布/白板类产品全片氛围层；主内容之外需要\"别人也在\"的背景活性",
+          "implementation_status": "implemented",
+          "usage_document": "cards/collab-cursor-moves/README.md",
+          "source_files": [
+            "source/demos/collab-cursor-moves/CursorCastEnsemble.tsx",
+            "source/demos/collab-cursor-moves/CursorDialogueDuet.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "color-block-step-wipe",
+      "summary": "离散阶跃色块吞屏两式——A 中央小条按 3–5 步硬跳阶跃扩成全屏（接管后徽章两跳弹出），B 色块从角落斜向 3 步吃屏并携带一张页面卡逐跳前进",
+      "use": "品牌色转场/章节交接；\"硬朗无缓动\"的像素游戏手感段落；接管后的纯色场当下一段的舞台",
+      "duration": "A ~2.5s（生长 44f + 徽章 + hold）/ B ~1.5–2s（3 跳 30f + hold）；demo 合计 150f",
+      "energy": "中高（能量来自\"跳变\"的顿挫而非速度）",
+      "intention": "库里 wipe 类全是连续扫过——边界匀速或缓动地推过去。本卡反着来：\r\n**全程零插值零缓动**，色块像老式像素游戏的方块生长，每一跳都是硬切，\r\n跳与跳之间完全静止。顿挫本身就是节奏：3–5 声\"咔、咔、咔\"比一次\r\n平滑扫过更有宣告感。变体 B 再加一层：色块推进时携带一张内容卡同拍\r\n离散跳位——卡不做补间，读作\"整块被搬进来\"，色块是运货的不是装饰的。",
+      "usage_document": "cards/color-block-step-wipe/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/color-block-step-wipe/ColorBlockStepWipe.tsx"
+      ],
+      "styles": [
+        {
+          "key": "color-block-step-wipe",
+          "label": "color-block-step-wipe",
+          "description": "离散阶跃色块吞屏两式——A 中央小条按 3–5 步硬跳阶跃扩成全屏（接管后徽章两跳弹出），B 色块从角落斜向 3 步吃屏并携带一张页面卡逐跳前进",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/color-block-step-wipe/README.md",
+          "source_files": [
+            "source/demos/color-block-step-wipe/ColorBlockStepWipe.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "command-palette-summon",
+      "summary": "命令面板降临——整屏压暗加模糊，⌘K 面板带过冲弹落，候选行错峰浮现，敲字列表实时收窄",
+      "use": "效率型产品的\"全产品在一个输入框里\"叙事；命令面板/搜索/快捷键功能的标志性登场",
+      "duration": "4–5s",
+      "energy": "中（仪式感型，弹落帧与收窄是两个小打击点）",
+      "intention": "Raycast/Linear 发布片的标志性仪式：一声轻响，整个 UI 世界压暗\r\n让路，⌘K 面板从中心上方弹落，候选列表错峰浮现；敲两个字母，\r\n列表实时收窄——\"你要的一切都在这个输入框里\"。模拟交互按真人\r\n操作速度走（R3），收窄的\"挤压感\"来自行高塌缩而非淡出。",
+      "usage_document": "cards/command-palette-summon/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/command-palette-summon/CommandPaletteSummon.tsx"
+      ],
+      "styles": [
+        {
+          "key": "command-palette-summon",
+          "label": "command-palette-summon",
+          "description": "命令面板降临——整屏压暗加模糊，⌘K 面板带过冲弹落，候选行错峰浮现，敲字列表实时收窄",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/command-palette-summon/README.md",
+          "source_files": [
+            "source/demos/command-palette-summon/CommandPaletteSummon.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "crane-rise-reveal",
+      "summary": "升降臂拉升揭示——开场怼在一行数据特写，相机沿 Y 轴减速升起后拉，行行涌入直到整面 dashboard 铺满全幅",
+      "use": "\"从细节到全局\"的开场定场；与 drone-dive-landing（全局→单点俯冲）互为反向",
+      "duration": "5s（特写 hold 20f + 拉升 100f + 满幅静止 30f）",
+      "energy": "中高（持续单向运动，无冲击拍）",
+      "intention": "开场定场库内已有 drone-dive-landing——从上帝视角砸进 hero 特写，\r\n\"全局→焦点\"。本卡是它的镜像：\"焦点→全局\"——先怼在一行真实数据上\r\n让观众看清\"这是什么\"，再升降臂式拉升后退，一排排内容涌入画面，\r\n最后整面产品铺满——\"你看到的这一行，只是这一面墙的一格\"。\r\n适合以产品体量/内容丰富度为卖点的开场；两卡同片只用一个方向。",
+      "usage_document": "cards/crane-rise-reveal/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/crane-rise-reveal/CraneRiseReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "crane-rise-reveal",
+          "label": "crane-rise-reveal",
+          "description": "升降臂拉升揭示——开场怼在一行数据特写，相机沿 Y 轴减速升起后拉，行行涌入直到整面 dashboard 铺满全幅",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/crane-rise-reveal/README.md",
+          "source_files": [
+            "source/demos/crane-rise-reveal/CraneRiseReveal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "crash-zoom-punch",
+      "summary": "全景一拍急推到目标特写（6f），落位二选一——过冲回弹（弹性）或撞停震屏（重量）",
+      "use": "功能段\"点名\"镜头——把观众视线一拍按到目标卡/模块上；强调级用撞停",
+      "duration": "约 0.5s 动作 + 前后 hold（动作 6–11f，前 hold ≥30f 建立全景、后 hold ≥45f 读特写）",
+      "energy": "高（瞬时冲击，非持续高能）",
+      "intention": "慢推近（spotlight-hero-card）是\"请看\"，急推是\"看这个！\"——一拍之内\r\n从全景砸到特写，视线没有选择余地。落位质感分两款：回弹是弹性\r\n（\"看这个\"），撞停震屏是重量（\"就是它\"），按强调级选。",
+      "usage_document": "cards/crash-zoom-punch/README.md",
+      "dependencies": [
+        "@remotion/motion-blur",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/crash-zoom-punch/CrashImpactReal.tsx",
+        "source/demos/crash-zoom-punch/CrashZoomReal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "crash-zoom-punch",
+          "label": "crash-zoom-punch",
+          "description": "全景一拍急推到目标特写（6f），落位二选一——过冲回弹（弹性）或撞停震屏（重量）",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/crash-zoom-punch/README.md",
+          "source_files": [
+            "source/demos/crash-zoom-punch/CrashImpactReal.tsx",
+            "source/demos/crash-zoom-punch/CrashZoomReal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dataviz-landscape-open",
+      "summary": "暗场支流线束地景开场——多条流线汇入主干、虚构 ID 标签浮在线上、相机重景深低速飞越",
+      "use": "品牌级抽象开场（\"数据宇宙\"隐喻），接亮场产品段或字标；与 glow-flyline-moves 分工：那卡是段落内卡片之间的连线叙事，本卡是开场专用的全画幅地景",
+      "duration": "5–8s（开场氛围段，一支片 ≤1 次）",
+      "energy": "低开缓升（起步位，为后续爬升留空间）",
+      "intention": "Linear Releases 发布片开场实证的品牌级开场品类：把产品背后的数据世界\r\n拍成一片**暗场地景**——支流线束从画面深处汇入一条主干（\"无数工作流\r\n汇成一个产品\"的隐喻），真实感来自三样东西：①虚构 issue/任务 ID 标签\r\n浮在线上（观众认出\"这是我每天看到的那种东西\"）；②重景深——近景大虚焦\r\n流过、中景标签清晰可读、远景渐隐，三层纵深让平面 SVG 读作空间；\r\n③相机低速匀稳飞越——这是氛围段不是炫技段，速度感交给后面的镜头。\r\n手搓 UI 合规依据：非复刻场景（页面上不存在此画面），按核心理念 1\r\n修订版走质量+表达明确性门槛。",
+      "usage_document": "cards/dataviz-landscape-open/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/dataviz-landscape-open/DatavizLandscapeOpen.tsx"
+      ],
+      "styles": [
+        {
+          "key": "dataviz-landscape-open",
+          "label": "dataviz-landscape-open",
+          "description": "暗场支流线束地景开场——多条流线汇入主干、虚构 ID 标签浮在线上、相机重景深低速飞越",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/dataviz-landscape-open/README.md",
+          "source_files": [
+            "source/demos/dataviz-landscape-open/DatavizLandscapeOpen.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "deck-deal-flyin",
+      "summary": "暗场金属背景里的实体牌堆特写环绕开局，拉远交给页面后一摞卡像发牌一样硬加速甩进网格，相机追着滚动、满板停半秒",
+      "use": "展示\"内容量大/源源不断汇入\"的列表页与卡片墙；建立信息密度的第一印象",
+      "duration": "约 2.6s 发牌段（36–113f），前接约 2s（62f）牌堆特写可选",
+      "energy": "高（节奏爬升段主力，不放开场第一镜）",
+      "intention": "先给悬念（这一摞是什么？），再给答案（是几十个项目，它们自己飞进页面各就各位）。观众要感受到\"东西源源不断地涌进来\"，每张卡带着急迫感砸到位。",
+      "usage_document": "cards/deck-deal-flyin/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/SceneFlyIn.tsx"
+      ],
+      "styles": [
+        {
+          "key": "deck-deal-flyin",
+          "label": "deck-deal-flyin",
+          "description": "暗场金属背景里的实体牌堆特写环绕开局，拉远交给页面后一摞卡像发牌一样硬加速甩进网格，相机追着滚动、满板停半秒",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/deck-deal-flyin/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/SceneFlyIn.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "depth-layer-moves",
+      "summary": "分层深度两款运镜——多层视差滑轨（3 层速度梯度横移出纵深）与伪 dolly-zoom（主体钉死、背景膨胀压来）",
+      "use": "平面截图要\"有厚度\"的段落；戏剧性蓄力时刻用 dolly-zoom（一支片 ≤1 次）",
+      "duration": "视差滑轨 4–5s 持续；dolly-zoom 3–4s 单向行程",
+      "energy": "视差=中（质感型）；dolly-zoom=中高（压迫感渐强）",
+      "intention": "整页平移是\"看页面\"，分层深度是\"在页面的空间里\"。视差滑轨给横移\r\n加纵深（迪士尼多平面摄影机原理，Linear 片同款质感）；伪 dolly-zoom\r\n反过来——主角纹丝不动、全世界压过来，给戏剧性时刻蓄力。",
+      "usage_document": "cards/depth-layer-moves/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/depth-layer-moves/DollyZoomReal.tsx",
+        "source/demos/depth-layer-moves/MultiplaneReal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "multiplane",
+          "label": "multiplane",
+          "description": "分层深度两款运镜--多层视差滑轨（3 层速度梯度横移出纵深）与伪 dolly-zoom（主体钉死、背景膨胀压来）",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/depth-layer-moves/README.md",
+          "source_files": [
+            "source/demos/depth-layer-moves/DollyZoomReal.tsx",
+            "source/demos/depth-layer-moves/MultiplaneReal.tsx"
+          ]
+        },
+        {
+          "key": "dolly-zoom",
+          "label": "dolly-zoom",
+          "description": "分层深度两款运镜--多层视差滑轨（3 层速度梯度横移出纵深）与伪 dolly-zoom（主体钉死、背景膨胀压来）",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/depth-layer-moves/README.md",
+          "source_files": [
+            "source/demos/depth-layer-moves/DollyZoomReal.tsx",
+            "source/demos/depth-layer-moves/MultiplaneReal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "document-typewriter-reveal",
+      "summary": "整页真排版文档在光标后自己\"写\"出来、侧栏跟进、历史条目逐个落入轨道",
+      "use": "文档/报告/笔记类功能镜头；信息密度最高的一拍",
+      "duration": "约 3.7s（110f，含 history-list-stack 尾段）",
+      "energy": "低中（信息密度最高，节奏放稳让观众读字）",
+      "intention": "观众会读清屏幕上每个字——这一镜的说服力全在\"文档是真的\"。打字机式写入把静态页面变成\"正在被写出来的文档\"，侧栏历史条目落入补上\"持续产出\"的时间纵深。",
+      "usage_document": "cards/document-typewriter-reveal/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/Main.tsx",
+        "source/template/src/aifl/live/SceneWbr.tsx"
+      ],
+      "styles": [
+        {
+          "key": "document-typewriter-reveal",
+          "label": "document-typewriter-reveal",
+          "description": "整页真排版文档在光标后自己\"写\"出来、侧栏跟进、历史条目逐个落入轨道",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/document-typewriter-reveal/README.md",
+          "source_files": [
+            "source/template/src/aifl/Main.tsx",
+            "source/template/src/aifl/live/SceneWbr.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "draw-svg-trace",
+      "summary": "描边生长圈注——一条带笔头的墨线沿元素轮廓跑一圈把它\"画\"出来，闭合瞬间闪黑交棒、内容淡入；同套路可给标题画下划线",
+      "use": "单个卡片/图表/标题的被点名入场；元素级手法（整页级蓝图描线归 wall-reveal-moves C 式）",
+      "duration": "描边 40f + 闪黑交棒 16f + hold ≥35f，约 3–4s",
+      "energy": "中",
+      "intention": "\"画出来\"是纸墨审美里最顺手的入场隐喻：元素不是飞进来也不是淡进来，\r\n而是被一支看不见的笔当场描出来。库内 wall-reveal-moves C 式已有整页\r\n蓝图版（全屏线框逐段画+区域点亮），本卡是它的**元素级特写版**——\r\n一条线、一个主体、一次闭合，笔头可见、方向可读，适合\"接下来讲它\"\r\n的点名时刻。第二用法是标题下划线生长：同一套路 18f 短版，给重点词\r\n一笔手绘强调，与马克笔审美 token 天然同族。",
+      "usage_document": "cards/draw-svg-trace/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/draw-svg-trace/DrawSvgTrace.tsx"
+      ],
+      "styles": [
+        {
+          "key": "draw-svg-trace",
+          "label": "draw-svg-trace",
+          "description": "描边生长圈注——一条带笔头的墨线沿元素轮廓跑一圈把它\"画\"出来，闭合瞬间闪黑交棒、内容淡入；同套路可给标题画下划线",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/draw-svg-trace/README.md",
+          "source_files": [
+            "source/demos/draw-svg-trace/DrawSvgTrace.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "edit-hook-moves",
+      "summary": "logo-sting-button 片尾钩子——片尾 logo 定住后突插 12f 彩蛋再收，预告片 button ending",
+      "use": "片尾收束（全片 ≤1 次）",
+      "duration": "~5s",
+      "energy": "低→瞬时中→低",
+      "intention": "库内声画卡管的都是\"画面上的事\"；这一式管**时间线本身的修辞**——\r\n终点的反悔：收黑→logo 淡入定住（观众以为结束）→突然 12f UI 特写\r\n彩蛋硬切插入→切回 logo 收尾，预告片 button ending，留最后一个钩子。\r\n拿观众的\"已经结束了\"的预期开玩笑。",
+      "usage_document": "cards/edit-hook-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/edit-hook-moves/LogoStingButton.tsx"
+      ],
+      "styles": [
+        {
+          "key": "logo-sting-button",
+          "label": "logo-sting-button",
+          "description": "logo-sting-button 片尾钩子——片尾 logo 定住后突插 12f 彩蛋再收，预告片 button ending",
+          "use": "片尾；正片收束后再给一记",
+          "implementation_status": "implemented",
+          "usage_document": "cards/edit-hook-moves/README.md",
+          "source_files": [
+            "source/demos/edit-hook-moves/LogoStingButton.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "element-body-moves",
+      "summary": "元素身体感两式——axial-stretch 轴向拉伸糖稀拉丝、contact-shadow-lift 接触阴影离面抬升",
+      "use": "给\"位置在变\"之外补\"身体在变\"：高速飞入给速度肉身（A）、卡片点名给悬浮证据（B）；A 配横冲入场，B 配 2.5D 运镜与逐张点名",
+      "duration": "A ~4.7s / B ~5.3s",
+      "energy": "A 中高 / B 低中",
+      "intention": "库内运动卡全在管\"位置在变\"——飞入、滑动、弹跳，元素本身始终是刚体。\r\n这两式管**身体在变**：A 给速度一个可见的肉身——飞得越快沿运动轴拉得\r\n越长，一块糖稀，落点压扁回弹收正，squash & stretch 的 UI 翻译；B 给\r\n悬浮一个可信的证据——卡抬起时正下方阴影同步放大变淡，纸片离桌，\r\nstaging 法则给 2.5D 运镜垫的物理台词。与 smear-multiples 的区别：那是\r\n可数残像（离散鬼影），A 是连续拉伸（糖稀不断丝）；与 CameraMotionBlur\r\n的区别：快门拖影是相机的事，拉伸是身体的事，同一元素别叠加。",
+      "usage_document": "cards/element-body-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/element-body-moves/AxialStretch.tsx",
+        "source/demos/element-body-moves/ContactShadowLift.tsx"
+      ],
+      "styles": [
+        {
+          "key": "axial-stretch",
+          "label": "axial-stretch",
+          "description": "速度差分驱动轴向 scale：v=\\",
+          "use": "p(f)−p(f−1)\\",
+          "implementation_status": "implemented",
+          "usage_document": "cards/element-body-moves/README.md",
+          "source_files": [
+            "source/demos/element-body-moves/AxialStretch.tsx"
+          ]
+        },
+        {
+          "key": "contact-shadow-lift",
+          "label": "contact-shadow-lift",
+          "description": "抬起 10f out-cubic：卡 translateY(−28px)+scale(1.08)，独立椭圆阴影 scale 1→1.72 / opacity 0.55→0.18 同进度反向；落回 8f in-cubic + 2f 微压卡壳",
+          "use": "逐张点名强调；2.5D 段落的离面铺垫",
+          "implementation_status": "implemented",
+          "usage_document": "cards/element-body-moves/README.md",
+          "source_files": [
+            "source/demos/element-body-moves/ContactShadowLift.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "fui-hud-moves",
+      "summary": "FUI/HUD 两式——line-unfold-panel 一线展面（线→面 CRT 语法）与 reticle-lock-on 准星咬合（取景框飞入锁定目标）",
+      "use": "暗场/科技感段落的面板入退场用 A；任何\"看这里\"的目标点名用 B（替代箭头圈红，画面不冻结）",
+      "duration": "A 3–4s（含退场）/ B 2–3s",
+      "energy": "A 中 / B 中高（咬合帧是打击点）",
+      "intention": "科幻虚构界面（Jarvis/Territory）的两个可中性化母题。A 是面板的\r\n仪式感开关机：1px 细线极快抽出→纵向撑开成面板→内容淡入，退场反向\r\n压线缩点熄灭（老 CRT 关机）；灰阶细线即成立，不需要科技蓝。\r\nB 是运动中的捕获：四个 L 形角标从画外冲入、超调回弹、\"咔\"地咬合\r\n到目标元素四角+弹标签——与 freeze-annotate 分工：那卡冻结画面标注，\r\n本卡在流动中点名。",
+      "usage_document": "cards/fui-hud-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/fui-hud-moves/LineUnfoldPanel.tsx",
+        "source/demos/fui-hud-moves/ReticleLockOn.tsx"
+      ],
+      "styles": [
+        {
+          "key": "line-unfold-panel",
+          "label": "line-unfold-panel",
+          "description": "scaleX 0→1（out poly4 急抽 5f）接 scaleY 3px→满高（out cubic 9f），内容提前一拍淡入；退场镜像反序",
+          "use": "暗场面板入退场；开关机仪式感",
+          "implementation_status": "implemented",
+          "usage_document": "cards/fui-hud-moves/README.md",
+          "source_files": [
+            "source/demos/fui-hud-moves/LineUnfoldPanel.tsx"
+          ]
+        },
+        {
+          "key": "reticle-lock-on",
+          "label": "reticle-lock-on",
+          "description": "四 L 角=同一对矩形四份镜像，飞入（10f out cubic）与收缩（2.2×→0.94×→1 超调回弹）解耦；咬合帧目标微亮+标签 back 弹出",
+          "use": "目标点名；踩音效重拍",
+          "implementation_status": "implemented",
+          "usage_document": "cards/fui-hud-moves/README.md",
+          "source_files": [
+            "source/demos/fui-hud-moves/ReticleLockOn.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "gauge-readout-moves",
+      "summary": "仪表读数两式——needle-sweep-selftest 满弧扫针（点火自检指针甩满全弧再回落真值）与 tape-scroll-fixed-pointer 滚带定针（针不动刻度带滚过+冲刺刹车）",
+      "use": "dashboard 开场仪式/性能指标揭晓；A 多表盘开机感，B 单指标大跳变",
+      "duration": "A 4–5s / B 4–5s",
+      "energy": "中高（机械仪式型）",
+      "intention": "把\"报数值\"做成仪表的身体动作：A 是汽车点火自检——表盘指针先\"唰\"地\r\n甩满全弧（270°）再回落定格真实值，多表错峰成波浪，先亮量程再报数，\r\n开场宣誓感；B 是飞机空速带语法——指针/取景窗钉死画面正中，带刻度的\r\n标尺整体从底下滚过，大数值跳变时刻度带 45px/f 冲刺、末尾 spring 刹车\r\n带回摆过冲，\"世界动、针不动\"，数值大小变成看得见的位移距离。\r\n与 odometer-digit-roll 分工：那是数字在窗里滚，B 是连刻度格线全在平移。",
+      "usage_document": "cards/gauge-readout-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/gauge-readout-moves/NeedleSweepSelftest.tsx",
+        "source/demos/gauge-readout-moves/TapeScrollFixedPointer.tsx"
+      ],
+      "styles": [
+        {
+          "key": "needle-sweep-selftest",
+          "label": "needle-sweep-selftest",
+          "description": "指针去程 ~12f ease-out 甩满弧，回程 ~20f 带 5-8° 过冲回摆落真值；多表错峰 3-5f；落定同帧盘下数值弹出",
+          "use": "dashboard 开场/系统就绪仪式",
+          "implementation_status": "implemented",
+          "usage_document": "cards/gauge-readout-moves/README.md",
+          "source_files": [
+            "source/demos/gauge-readout-moves/NeedleSweepSelftest.tsx"
+          ]
+        },
+        {
+          "key": "tape-scroll-fixed-pointer",
+          "label": "tape-scroll-fixed-pointer",
+          "description": "长刻度带 translate：慢爬段→45px/f 冲刺 ~25f→spring 刹车过冲回摆停位；窗内读数同步刷新",
+          "use": "单指标大跳变（性能翻倍/配额提升）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/gauge-readout-moves/README.md",
+          "source_files": [
+            "source/demos/gauge-readout-moves/TapeScrollFixedPointer.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "glow-flyline-moves",
+      "summary": "暗场光斑与飞线三式——glow-orb-ambient 光斑底噪、flyline-arc 飞线连接、orb-flyline-relay 同帧共振组合",
+      "use": "全片唯一暗场段落的氛围与数据叙事：铺底噪用 A、讲数据流向用 B、要背景给前景搭腔用 C；Linear 官网味",
+      "duration": "A ~5s / B ~4.7s / C ~5.2s",
+      "energy": "A 低（底噪级）/ B 中 / C 中高",
+      "intention": "这是库内第一张整卡住在**暗场**的卡。白底提亮不可见判例反过来读就是：\r\n要玩光，先去暗场。A 是空间的呼吸——近黑底三团重 blur 光斑有机漂移，\r\n中央深卡边缘随最近光斑靠近而泛光，背景不再是死的；B 是数据的动词——\r\n发光弧线从 A 卡\"打\"到 B 卡，亮点头领跑、渐隐光尾，落点描边脉冲点亮，\r\n指标关联第一次有了方向；C 是 A+B 的焊接——飞线落点帧邻近光斑同帧\r\n涨亮一拍，氛围层与事件层**同帧共振**，互相搭腔而非各演各的（组合命门：\r\n拆开共振帧就退化成两张卡并置）。",
+      "usage_document": "cards/glow-flyline-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/glow-flyline-moves/FlylineArc.tsx",
+        "source/demos/glow-flyline-moves/GlowOrbAmbient.tsx",
+        "source/demos/glow-flyline-moves/OrbFlylineRelay.tsx"
+      ],
+      "styles": [
+        {
+          "key": "glow-orb-ambient",
+          "label": "glow-orb-ambient",
+          "description": "三团 500-700px radial 光斑 + blur(100px)，双正弦漂移；卡缘辉光按光斑距离 [180,720]px→[1,0] 加权取 max 驱动",
+          "use": "暗场段落铺底；卡呼吸感",
+          "implementation_status": "implemented",
+          "usage_document": "cards/glow-flyline-moves/README.md",
+          "source_files": [
+            "source/demos/glow-flyline-moves/GlowOrbAmbient.tsx"
+          ]
+        },
+        {
+          "key": "flyline-arc",
+          "label": "flyline-arc",
+          "description": "手写 bezier 100 段采样，22f out-cubic 生长；光头条件挂载领跑，段 opacity 按离头距离渐隐；落点描边脉冲，可接力",
+          "use": "数据流向/指标关联；dashboard 叙事",
+          "implementation_status": "implemented",
+          "usage_document": "cards/glow-flyline-moves/README.md",
+          "source_files": [
+            "source/demos/glow-flyline-moves/FlylineArc.tsx"
+          ]
+        },
+        {
+          "key": "orb-flyline-relay",
+          "label": "orb-flyline-relay",
+          "description": "A+B 焊接：光斑 surge 与卡脉冲共用落点帧，涨亮 1+1.6×surge、5f 起升 15f 消散",
+          "use": "暗场高光段；三卡接力收束",
+          "implementation_status": "implemented",
+          "usage_document": "cards/glow-flyline-moves/README.md",
+          "source_files": [
+            "source/demos/glow-flyline-moves/OrbFlylineRelay.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "gradient-word-sweep",
+      "summary": "黑底标语里关键词被渐变彩光从左到右快速扫过\"充能\"——波前字符辉光最强向后衰减，填满后字符间勾连细紫红闪电、整词稳态泛光呼吸",
+      "use": "标语里给单个动词/卖点词充能（Supercharged/faster/AI…）；能量高潮段的文字戏；黑场品牌片的口号帧",
+      "duration": "扫充 ~15–20f（要快）+ 稳态闪电呼吸 1–2s；全段 2.5–3.5s",
+      "energy": "高（一词爆点，前后都该让位）",
+      "intention": "整句白字里只有关键词被\"通电\"：渐变彩光从左到右快速扫过字符，\r\n像能量注入——扫过的瞬间最亮（波前尾迹），随后衰减到稳态；\r\n填满后字符之间跳起勾连的细闪电，词保持泛光呼吸。三个命门：\r\n**快**（扫充 15–20f，慢了读作进度条）、**波前最亮**（刚点亮的\r\n字符效果最强，没有这个梯度就是静态渐变裁切）、**辉光克制**\r\n（AE 式多层泛光但别糊成一团，闪电细而稀疏才是点缀）。",
+      "usage_document": "cards/gradient-word-sweep/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/gradient-word-sweep/GradientWordSweep.tsx"
+      ],
+      "styles": [
+        {
+          "key": "gradient-word-sweep",
+          "label": "gradient-word-sweep",
+          "description": "黑底标语里关键词被渐变彩光从左到右快速扫过\"充能\"——波前字符辉光最强向后衰减，填满后字符间勾连细紫红闪电、整词稳态泛光呼吸",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/gradient-word-sweep/README.md",
+          "source_files": [
+            "source/demos/gradient-word-sweep/GradientWordSweep.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "graze-face-tour",
+      "summary": "大倾角贴面游走特写——镜头贴着 UI 表面低飞掠过（侧栏树/顶栏/列表当地形），页面文字初始悬浮在界面上空带同形软影，随镜头行进先后加速贴落回界面",
+      "use": "功能区巡礼（把 UI 当地景飞掠）；配合暗场+霓虹缘光做产品\"内部世界\"段落；界面内容逐区登场",
+      "duration": "单段 4–5s；可多段接力延长",
+      "energy": "中高（运镜持续推进+元素连续落位，信息密度高）",
+      "intention": "把 UI 拍成地形：大倾角特写让侧栏树、导航、列表行变成掠过的地貌，\r\n浅景深强化\"贴面\"。戏眼是**文字空中贴落**：文字/组件不是原地淡入，\r\n而是悬浮在界面上空（3D z 轴抬高），在空中时往界面投同形软影，\r\n随镜头行进先后加速贴落、影子随高度收敛消失——观众看见界面在\r\n镜头经过时\"完成自己\"。影子是可感命门：没有影子，悬浮读作\r\n普通位移入场；有影子，空间关系瞬间成立。",
+      "usage_document": "cards/graze-face-tour/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/graze-face-tour/GrazeFaceTour.tsx"
+      ],
+      "styles": [
+        {
+          "key": "graze-face-tour",
+          "label": "graze-face-tour",
+          "description": "大倾角贴面游走特写——镜头贴着 UI 表面低飞掠过（侧栏树/顶栏/列表当地形），页面文字初始悬浮在界面上空带同形软影，随镜头行进先后加速贴落回界面",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/graze-face-tour/README.md",
+          "source_files": [
+            "source/demos/graze-face-tour/GrazeFaceTour.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "hashtag-to-pill-materialize",
+      "summary": "话题词打字实体化——居中打出 \"#word\"（红实心光标恒亮），1 帧硬切变成宽大胶囊标签，hold 后缩小左移落到页面标签位，再 1 帧硬切揭示成品页；\"两次硬切一次滑动\"的节奏骨架",
+      "use": "标签/分类/关键词功能的演示段（笔记 app 打 tag、话题聚合）；\"输入 → 变成 UI 实体 → 归位到成品\"的三段式叙事",
+      "duration": "打字 ~40f + 硬切胶囊 hold ~18f + 缩移 ~14f + 硬切揭示后静置；全段约 3.5s（原片 18–21.5s）",
+      "energy": "中（干脆利落，靠硬切给劲，不靠弹跳）",
+      "intention": "文字变实体的常规做法是渐变/morph/展开，原片帧级拆解证明 Bear 反着\r\n来：**实体化是 1 帧硬切**——上一帧还是文字+光标，下一帧就是完整\r\n胶囊，无展开无 cross-fade 无回弹。硬切给的是\"啪、成了\"的确定感，\r\n任何渐变都会把\"实体\"软化成\"特效\"。全段骨架是**两次硬切夹一次\r\n滑动**：硬切实体化 → 平滑缩移归位 → 硬切揭示成品页。唯一的连续\r\n运动（缩移）被两记硬切框住，才显得又快又稳。这个节奏骨架是命门，\r\n三段挪动任何一段的性质（把硬切改渐变、把滑动改硬切）整卡就塌。",
+      "usage_document": "cards/hashtag-to-pill-materialize/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/hashtag-to-pill-materialize/HashtagToPillMaterialize.tsx"
+      ],
+      "styles": [
+        {
+          "key": "hashtag-to-pill-materialize",
+          "label": "hashtag-to-pill-materialize",
+          "description": "话题词打字实体化——居中打出 \"#word\"（红实心光标恒亮），1 帧硬切变成宽大胶囊标签，hold 后缩小左移落到页面标签位，再 1 帧硬切揭示成品页；\"两次硬切一次滑动\"的节奏骨架",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/hashtag-to-pill-materialize/README.md",
+          "source_files": [
+            "source/demos/hashtag-to-pill-materialize/HashtagToPillMaterialize.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "hires-rasterize-3d-text",
+      "summary": "3D 透视下 UI 文字发糊的根治法——高分辨率栅格化 + 布局级 CSS zoom，纹理从高清源向下采样",
+      "use": "一切 2.5D/3D 页面推进、卡片特写镜头（Chromium/Remotion 渲染环境）",
+      "duration": "n/a（技法卡，不占时长）",
+      "energy": "n/a（技法卡，不占时长）",
+      "intention": "这是全库\"最贵的知识\"：经历多轮\"文字模糊\"追打、四连击排查才找到根因的技法。凡是把 UI 截图放进 3D 变换再放大的镜头，迟早撞上它。",
+      "usage_document": "cards/hires-rasterize-3d-text/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/PageCam.tsx",
+        "source/template/src/aifl/live/SceneOpen.tsx"
+      ],
+      "styles": [
+        {
+          "key": "hires-rasterize-3d-text",
+          "label": "hires-rasterize-3d-text",
+          "description": "3D 透视下 UI 文字发糊的根治法——高分辨率栅格化 + 布局级 CSS zoom，纹理从高清源向下采样",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/hires-rasterize-3d-text/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/PageCam.tsx",
+            "source/template/src/aifl/live/SceneOpen.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "icon-field-colorize",
+      "summary": "灰阶小图标点阵错峰浮现铺满全屏，停一拍后多道品牌色横带波纹极快向下扫翻全场——\"功能全景先摆满，品牌一瞬间点亮\"的开场/收束卡",
+      "use": "开场铺陈产品能力面（图标=功能宇宙）再一举打上品牌色；功能集合页、生态/集成规模展示、片头 logo 前垫场",
+      "duration": "浮现 ~45f 错峰 + 静置 ~10f + 翻色 12–45f + 终态静置；全段 3–4s",
+      "energy": "中（浮现是铺垫，翻色瞬间是唯一爆点）",
+      "intention": "先用灰阶把\"多\"摆足——上百个小图标错峰浮进来铺满画面，灰阶保证\r\n读作背景纹理不抢戏；停一拍让观众意识到\"摆满了\"，然后品牌色以\r\n横带波纹形式极快扫过全场，灰世界一瞬间被点亮。命门在**翻色不是\r\n同帧硬翻**：原片实测是 ~0.5s 内多道色波依次向下快扫（蓝先覆盖全场，\r\n橙/绿/红依次覆盖更低行带），终态呈四色横带分层——波纹感让\"点亮\"\r\n有方向和速度，硬翻只读作换了张图。",
+      "usage_document": "cards/icon-field-colorize/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/icon-field-colorize/IconFieldColorize.tsx"
+      ],
+      "styles": [
+        {
+          "key": "icon-field-colorize",
+          "label": "icon-field-colorize",
+          "description": "灰阶小图标点阵错峰浮现铺满全屏，停一拍后多道品牌色横带波纹极快向下扫翻全场——\"功能全景先摆满，品牌一瞬间点亮\"的开场/收束卡",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/icon-field-colorize/README.md",
+          "source_files": [
+            "source/demos/icon-field-colorize/IconFieldColorize.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "icon-performance-moves",
+      "summary": "图标表演两式——pop-burst-confirm 爆花确认（对勾蓄力弹大+炸粒子+扩散环）与 attention-bounce 求关注弹跳（图标连跳递增+落地压扁+镜头被吸引）",
+      "use": "半屏级 icon 特写段落；A \"完成/成功\"的标点符号，B 新功能引出",
+      "duration": "A 3–4s / B 4–5s",
+      "energy": "A 高潮点缀 / B 蓄势引入",
+      "intention": "库内图标动画品类首批入库：icon 是镜头怼着拍的表演者，不是 UI 角落的\r\n微交互。A 是确认时刻的三连爆——大对勾先缩 0.6x 蓄力 3f、弹 1.35x 过冲\r\n落回，同帧中心射出 10 根短线粒子+一圈描边环从边缘扩到 2.5 倍直径淡出，\r\n\"部署成功\"不是画出来的是炸出来的；B 是 macOS Dock 语汇——app 图标\r\n原地连跳 4 次一次比一次高（0.5→1.2 倍 icon 高），每次落地压扁\r\n（宽 1.2x 高 0.8x）+溅尘点，跳最高那下镜头向它轻推 8%（被吸引），\r\n落定后弹开功能面板——把\"用户注意力\"剪进叙事。",
+      "usage_document": "cards/icon-performance-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/icon-performance-moves/AttentionBounce.tsx",
+        "source/demos/icon-performance-moves/PopBurstConfirm.tsx"
+      ],
+      "styles": [
+        {
+          "key": "pop-burst-confirm",
+          "label": "pop-burst-confirm",
+          "description": "scale 蓄力-过冲-落回 spring + N 条径向 line translate + 圆环 scale/opacity，全程 ~20f，随后标签弹出",
+          "use": "任务完成/部署成功/打勾时刻，卡点音效",
+          "implementation_status": "implemented",
+          "usage_document": "cards/icon-performance-moves/README.md",
+          "source_files": [
+            "source/demos/icon-performance-moves/PopBurstConfirm.tsx"
+          ]
+        },
+        {
+          "key": "attention-bounce",
+          "label": "attention-bounce",
+          "description": "translateY 弹跳缓动递增 + 落地帧 scaleX/Y 挤压 + 尘点，峰值帧镜头 scale 1.08 推近，落定触发面板卡弹出",
+          "use": "新功能引出：\"看我\"→镜头看它→它开面板",
+          "implementation_status": "implemented",
+          "usage_document": "cards/icon-performance-moves/README.md",
+          "source_files": [
+            "source/demos/icon-performance-moves/AttentionBounce.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "impact-feedback",
+      "summary": "命中反馈两式——hit-counter 连招计数（顿帧+伤害数字+combo 跳字）、anime-impact 动漫打击帧（负片+集中线+色散）",
+      "use": "元素落位/撞击的\"命中一瞬\"——给砸入、撞停加游戏级手感；按强度阶梯选式",
+      "duration": "n/a（元素级技法，寄生在落位动作上；各式占用帧数见参数表）",
+      "energy": "高（瞬时冲击）",
+      "intention": "元素砸到位却没有\"砸到了\"的一瞬，落位读作 PPT 飞入。游戏 juice\r\n（Vlambeer screenshake 理论）与动漫演出 impact frames 给了同一答案：\r\n命中的那几帧把时间咬住，冲量才传到观众手上。两式是一条强度阶梯：\r\nB 用局部顿帧叠伤害数字和 combo 跳字，把功能清单剪成一套连招，\r\n叙事感最强；C 是最重的一拳——撞停 3 帧翻负片炸集中线，强调级最高、\r\n最风格化。",
+      "usage_document": "cards/impact-feedback/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/impact-feedback/AnimeImpact.tsx",
+        "source/demos/impact-feedback/HitCounter.tsx"
+      ],
+      "styles": [
+        {
+          "key": "hit-counter",
+          "label": "hit-counter 连招计数",
+          "description": "三卡接连砸入，每命中 = 顿帧 2f + 伤害数字上浮 + ×N 计数跳字逐次加码",
+          "use": "功能点连打段--\"功能很多\"用连招讲；游戏化语言浓",
+          "implementation_status": "implemented",
+          "usage_document": "cards/impact-feedback/README.md",
+          "source_files": [
+            "source/demos/impact-feedback/HitCounter.tsx"
+          ]
+        },
+        {
+          "key": "anime-impact",
+          "label": "anime-impact 打击帧",
+          "description": "crash-zoom 撞停的 3f 整幅负片反色 + 放射集中线 + 红青色散，第 4f 全撤",
+          "use": "全片唯一高潮的那一拳；强调级封顶",
+          "implementation_status": "implemented",
+          "usage_document": "cards/impact-feedback/README.md",
+          "source_files": [
+            "source/demos/impact-feedback/AnimeImpact.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "input-trigger-moves",
+      "summary": "输入触发两式——cursor-performance 光标表演点击推近、keycap-smash-cut 键帽引信引爆猛切",
+      "use": "发布片的第一人称段落：演示核心交互、开场即高潮；观众\"在用\"而不是\"在看\"产品",
+      "duration": "A ~5s / C ~5s",
+      "energy": "A 中 / C 高",
+      "intention": "发布片的第一人称语法——观众不是在\"看\"产品，是在\"用\"产品：光标\r\n是手、键帽是指尖、触发即叙事。两式共同点：**交互动作当扳机，产品\r\n画面当枪响**。A 是慢扳机——放大光标带性格地滑入点击，镜头以点击点\r\n推近再缓退，有去有回（区别 crash-zoom：慢速、锚定光标、会回来）；\r\nC 是引信——假 3D 键帽（⌘K）呼吸悬浮，3f 压扁+底部亮环溢出当引信，\r\n按下引爆 30f 满屏轰鸣，最高潮一帧猛切成整齐静止全景，\r\n按下→爆发→定论。选型：演示交互用 A，开场即高潮用 C。",
+      "usage_document": "cards/input-trigger-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/input-trigger-moves/CursorPerformancePunchIn.tsx",
+        "source/demos/input-trigger-moves/KeycapSmashCut.tsx"
+      ],
+      "styles": [
+        {
+          "key": "cursor-performance",
+          "label": "cursor-performance",
+          "description": "光标三次贝塞尔弧线滑入+末端甩腕过冲，悬停提亮，点击帧按钮下陷+涟漪+推近 1.4x 停两拍缓退",
+          "use": "核心按钮/交互的演示特写",
+          "implementation_status": "implemented",
+          "usage_document": "cards/input-trigger-moves/README.md",
+          "source_files": [
+            "source/demos/input-trigger-moves/CursorPerformancePunchIn.tsx",
+            "source/demos/input-trigger-moves/KeycapSmashCut.tsx"
+          ]
+        },
+        {
+          "key": "keycap-smash-cut",
+          "label": "keycap-smash-cut",
+          "description": "键帽呼吸悬浮→3f 压扁+亮环引信 + 30f 卡片四面冲镜持续加速轰鸣 + 动势最猛一帧硬切静止全景、键帽嵌顶栏",
+          "use": "全片开场定论；能量最高",
+          "implementation_status": "implemented",
+          "usage_document": "cards/input-trigger-moves/README.md",
+          "source_files": [
+            "source/demos/input-trigger-moves/KeycapSmashCut.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "integration-hub-map",
+      "summary": "旧页面一次性快翻 180°（侧棱瞬间亮闪）落成新中枢页，五个集成 app 图标同帧弹现、随即五条彩虹光管同帧齐连，光管内输送脉冲持续流动——\"翻开新一页，生态一齐接入\"",
+      "use": "集成/生态能力段（一个产品连一切）；版本翻新叙事（旧页翻成新页）；暗场霓虹调性的功能高潮",
+      "duration": "前摇 ~0.5s + 快翻 ~1.2s + 图标齐现 → 光管齐连两拍 ~0.7s + 输送呼吸 ≥1.5s；全段 4.5–5s",
+      "energy": "中高（翻面是爆点，输送段是余韵）",
+      "intention": "翻面是\"换时代\"：旧文档页整个翻转 180° 得到新中枢页——必须是\r\n完整翻面不是转个角度（判例），翻的动作**快翻+尾段减速**、一口气\r\n完成无分段停顿（\"匀速\"判例：用户说的匀速=无停顿，不是字面\r\nlinear；90° 侧棱停顿版被裁）。侧棱时刻只\"闪一下\"（1–3f 脉冲，\r\n长光晕平台被裁）。接入是**两拍制**：五图标同帧弹现（第一拍）→\r\n五管同帧起画齐连（第二拍）——齐，才读作\"生态一次到位\"；错峰\r\n逐个连读作逐个谈判（两轮被裁）。连通后光管内亮脉冲沿图标→中枢\r\n方向持续循环，\"输送感\"是终态的生命。",
+      "usage_document": "cards/integration-hub-map/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/integration-hub-map/IntegrationHubMap.tsx"
+      ],
+      "styles": [
+        {
+          "key": "integration-hub-map",
+          "label": "integration-hub-map",
+          "description": "旧页面一次性快翻 180°（侧棱瞬间亮闪）落成新中枢页，五个集成 app 图标同帧弹现、随即五条彩虹光管同帧齐连，光管内输送脉冲持续流动——\"翻开新一页，生态一齐接入\"",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/integration-hub-map/README.md",
+          "source_files": [
+            "source/demos/integration-hub-map/IntegrationHubMap.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "letterspace-materialize",
+      "summary": "大字距字标全字符并行连续描画结晶——所有字母同帧起笔、笔画像手写一样连续生长、同帧齐收成词；氛围底景上的品牌字标显影",
+      "use": "片尾/片头品牌字标登场（SUPERHUMAN 式大字距全大写）；章节题字；needs 静谧/高级感的收束帧",
+      "duration": "静置 ~15f + 描画 ~50f + 终态静置 ≥30f；全段 3–4s",
+      "energy": "低（静谧仪式感，一次呼吸完成）",
+      "intention": "字标不是淡入也不是打字机，而是\"结晶\"：全部字母的笔画同时\r\n开始连续生长，像一只看不见的手同时写所有字母，同一瞬间齐收\r\n成词。两个命门：**连续**（笔画必须是连续画出的过程，不许遮罩\r\n分段——先半截再另半截会被读穿；任何中间帧都该像\"写到一半\"）；\r\n**同步**（所有字母同帧起笔、同帧完成——逐字错峰是打字机语义，\r\n这里是整词一体的仪式感）。",
+      "usage_document": "cards/letterspace-materialize/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/letterspace-materialize/LetterspaceMaterialize.tsx"
+      ],
+      "styles": [
+        {
+          "key": "letterspace-materialize",
+          "label": "letterspace-materialize",
+          "description": "大字距字标全字符并行连续描画结晶——所有字母同帧起笔、笔画像手写一样连续生长、同帧齐收成词；氛围底景上的品牌字标显影",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/letterspace-materialize/README.md",
+          "source_files": [
+            "source/demos/letterspace-materialize/LetterspaceMaterialize.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "light-play-moves",
+      "summary": "光效三式——spotlight-sweep 聚光扫字、sheen 单点扫光、halation-bloom 撞停晕染",
+      "use": "把光当第四种笔触（扫/擦/晕）：暗场标题揭示（A）、主角卡加冕（B）、撞停帧冲击（D）",
+      "duration": "A ~5.3s / B ~4.7s / D ~4.8s",
+      "energy": "A 中 / B 低 / D 高",
+      "intention": "库内\"光\"一直只有 spotlight-hero-card 一个点射手法；这三式把光做成\r\n体系，三种笔触三种职责：A 是**扫**——暗场里几乎不可见的标题被锥形\r\n光摆动扫亮，光到哪哪亮，与 spotlight-hero-card 的区别是那个打卡片、\r\n这个扫文字；B 是**擦**——深墨主角卡上一道 45° 高光带缓扫一次，被\r\n圆角裁住，无声的加冕；D 是**晕**——白字撞停帧一圈柔晕猛涨炸开再\r\n回落成驻留呼吸光，与 B 的区别是 B 移动扫过、D 驻留在高光边缘。\r\n全部深底或深主角——**白底上提亮不可见**（判例）是这整张卡的地基。",
+      "usage_document": "cards/light-play-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/light-play-moves/HalationBloom.tsx",
+        "source/demos/light-play-moves/SheenSweepRetry.tsx",
+        "source/demos/light-play-moves/SpotlightSweepReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "spotlight-sweep",
+          "label": "spotlight-sweep",
+          "description": "双层同文本：暗版 0.07 常驻，亮版 radial mask 随光斑走，锥形光摆两个来回后全亮定格",
+          "use": "暗场大标题揭示开场",
+          "implementation_status": "implemented",
+          "usage_document": "cards/light-play-moves/README.md",
+          "source_files": [
+            "source/demos/light-play-moves/HalationBloom.tsx",
+            "source/demos/light-play-moves/SheenSweepRetry.tsx",
+            "source/demos/light-play-moves/SpotlightSweepReveal.tsx"
+          ]
+        },
+        {
+          "key": "sheen-sweep",
+          "label": "sheen-sweep",
+          "description": "深墨卡上 45° 高光带 translateX 扫一次，overflow hidden 圆角裁剪",
+          "use": "主角卡静止段的一次加冕",
+          "implementation_status": "implemented",
+          "usage_document": "cards/light-play-moves/README.md",
+          "source_files": [
+            "source/demos/light-play-moves/HalationBloom.tsx",
+            "source/demos/light-play-moves/SheenSweepRetry.tsx",
+            "source/demos/light-play-moves/SpotlightSweepReveal.tsx"
+          ]
+        },
+        {
+          "key": "halation-bloom",
+          "label": "halation-bloom",
+          "description": "文字复制底层 blur+brightness 当晕层，撞停帧起猛涨一圈回落成稳态柔光",
+          "use": "crash-zoom 撞停帧的冲击加成",
+          "implementation_status": "implemented",
+          "usage_document": "cards/light-play-moves/README.md",
+          "source_files": [
+            "source/demos/light-play-moves/HalationBloom.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "line-boil",
+      "summary": "线条沸腾——hold 期间文字/描边轮廓每 3 帧轻微扭动一次，像手绘逐帧重描，静止画面保持\"活着\"的呼吸感",
+      "use": "标题字卡/描边元素的长 hold 段（黑场字卡升级首选）；质感层手法，寄生在别的镜头上",
+      "duration": "寄生型——沸腾段随宿主 hold 长度，无自身时长",
+      "energy": "低（底噪级）",
+      "intention": "库内 R 系判例要求落定后\"真静止\"，但长字卡（3s+ 的黑场字卡、片尾）\r\n完全冻结会读作\"片子卡了\"。本卡给第三种状态：**活着的静止**——轮廓\r\n每 3 帧被\"重描\"一次，位置内容全然不动，只有线条边缘在极轻微地呼吸，\r\n手绘动画 hold 帧的百年惯例。与 noise-drift（被否决）的区别正是可感性：\r\n漂移是整体 1–3px 位移（肉眼读不出），沸腾是轮廓形变+阶梯跳变（每次\r\n换 seed 都是一次可见的\"重描\"）。纸墨审美里这是\"手工感\"的直接来源。",
+      "usage_document": "cards/line-boil/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/line-boil/LineBoil.tsx"
+      ],
+      "styles": [
+        {
+          "key": "line-boil",
+          "label": "line-boil",
+          "description": "线条沸腾——hold 期间文字/描边轮廓每 3 帧轻微扭动一次，像手绘逐帧重描，静止画面保持\"活着\"的呼吸感",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/line-boil/README.md",
+          "source_files": [
+            "source/demos/line-boil/LineBoil.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "line-carry-transition",
+      "summary": "线条接力横移转场——场景 A 的进度条延伸出画，镜头跟线横移，线在移动中拐角围出场景 B 的卡框，全程无剪切",
+      "use": "两个有图形亲缘的场景之间（进度条→卡框、下划线→图表轴）；一支片子的招牌转场位，Catch Me If You Can 片头的图形接力",
+      "duration": "~5.3s（进度条走满 + 横移 60f + 围框 + 内容淡入 + 静止 36f）",
+      "energy": "中",
+      "intention": "转场库三大族（穿越/藏切/体块）都在回答\"场景怎么换\"；本卡的回答是\r\n**根本不换——一条线牵着你走过去**。进度条走满后末端延伸成长线冲出\r\n卡缘，镜头跟着线横移 1920px 进入新世界，线在移动中拐直角围出 B 场景\r\n的卡框，框闭合、内容淡入，从头到尾观众的眼睛没离开过这条线。图形\r\n连续性本身就是转场。与 match-cut 的区别：那是切点两侧形状对位——\r\n终究还是切；这是连续绘制——**没有切**。线的身份要有叙事逻辑（进度条\r\n\"走完了\"所以延伸出去），无来由的线只是装饰。",
+      "usage_document": "cards/line-carry-transition/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/line-carry-transition/LineCarryTransition.tsx"
+      ],
+      "styles": [
+        {
+          "key": "line-carry-transition",
+          "label": "line-carry-transition",
+          "description": "线条接力横移转场——场景 A 的进度条延伸出画，镜头跟线横移，线在移动中拐角围出场景 B 的卡框，全程无剪切",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/line-carry-transition/README.md",
+          "source_files": [
+            "source/demos/line-carry-transition/LineCarryTransition.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "list-stack-press",
+      "summary": "列表卡从画面底部逐张飞上摞起，每张落地压弹整摞、计数器同步跳一格",
+      "use": "feed/雷达/收件箱类\"每天有新东西\"的镜头；强调持续积累的资产列表",
+      "duration": "约 3s（18–88f）",
+      "energy": "中",
+      "intention": "\"堆叠有重量\"：每张新卡落上来，已落定的整摞被压下再弹回——观众从物理反馈里读出\"这是实打实攒下来的东西\"。计数器同步跳格把数量感钉死。",
+      "usage_document": "cards/list-stack-press/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/ScenePapers.tsx"
+      ],
+      "styles": [
+        {
+          "key": "list-stack-press",
+          "label": "list-stack-press",
+          "description": "列表卡从画面底部逐张飞上摞起，每张落地压弹整摞、计数器同步跳一格",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/list-stack-press/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/ScenePapers.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "magician-card-flourish",
+      "summary": "纯黑场上蓝色星芒闪现 0.3s（X 形针状光束旋转 90°+中心辉光放射小光芒），卡片从闪光点弹射而出——极速自旋弧线飞向镜头、自旋随靠近衰减、瞬间硬定格近满幅、定格后 sheen 扫光",
+      "use": "单张卡片/海报/封面的魔术性登场（片头主视觉、产品卡揭晓）；纯黑暗场；需要\"变出来\"仪式感的爆点",
+      "duration": "闪光 0.3s + 飞行 ~1.7s + 定格展示+扫光 ~2s；全段 4.2s",
+      "energy": "高（一次性爆点，定格后即静）",
+      "intention": "魔术师甩牌：一道蓝色星芒闪过，卡片仿佛从光里被变出来——从画面\r\n中心极远处（视觉上一个小点）弹射而出，沿弧线极速自旋飞向镜头，\r\n到达中心瞬间硬定格成近满幅展示。三个魔术感命门：**闪光先行**\r\n（光是\"变\"的仪式，0.3s 短促干脆）、**弹射节奏**（起飞慢速蓄力→\r\n急加速踢出→弧线段减速抵达，slow-in→burst→decelerating arc）、\r\n**定格即静**（无减速尾巴无回弹，13 整圈自旋保证定格恰为正面）。",
+      "usage_document": "cards/magician-card-flourish/README.md",
+      "dependencies": [
+        "@remotion/motion-blur",
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/magician-card-flourish/MagicianCardFlourish.tsx"
+      ],
+      "styles": [
+        {
+          "key": "magician-card-flourish",
+          "label": "magician-card-flourish",
+          "description": "纯黑场上蓝色星芒闪现 0.3s（X 形针状光束旋转 90°+中心辉光放射小光芒），卡片从闪光点弹射而出——极速自旋弧线飞向镜头、自旋随靠近衰减、瞬间硬定格近满幅、定格后 sheen 扫光",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/magician-card-flourish/README.md",
+          "source_files": [
+            "source/demos/magician-card-flourish/MagicianCardFlourish.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "marker-underline-title",
+      "summary": "大标题落定后，关键词下方马克笔下划线从左到右快速描画——变宽笔形、毛糙边缘、微上斜跟随斜体字势，贴着字底",
+      "use": "标题里强调单个关键词（new/free/AI…）；手写感/人味的品牌调性；正文标注式强调",
+      "duration": "标题落定 +4~8f 后起笔，划线 8–12f，总 1–1.5s",
+      "energy": "低（一笔点睛，不抢标题的戏）",
+      "intention": "打印体标题里突然出现一笔手绘马克笔，用材质反差把一个词从\r\n排版里拎出来——像人拿笔在海报上圈重点。命门有三：**快**\r\n（8–12f 一笔呵成，慢了读作加载条）、**近**（贴着字底，离远了\r\n读作分隔线不是强调）、**跟字势**（斜体词的划线必须左低右高\r\n微上斜——斜向画反是最容易犯且一眼假的错，判例见已知坑）。",
+      "usage_document": "cards/marker-underline-title/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/marker-underline-title/MarkerUnderlineTitle.tsx"
+      ],
+      "styles": [
+        {
+          "key": "marker-underline-title",
+          "label": "marker-underline-title",
+          "description": "大标题落定后，关键词下方马克笔下划线从左到右快速描画——变宽笔形、毛糙边缘、微上斜跟随斜体字势，贴着字底",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/marker-underline-title/README.md",
+          "source_files": [
+            "source/demos/marker-underline-title/MarkerUnderlineTitle.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "montage-rhythm-moves",
+      "summary": "蒙太奇节奏三式——drop-blackout-slam 黑场蓄爆、wright-triple-cut 三连咔哒特写、domino-cascade 多米诺连锁入场",
+      "use": "段落级节奏设计：蓄力爆发（A）、流程速写（B）、开场连锁（C）；与 beat-cut-moves（切点排布）互补——这三式管\"段落的呼吸形状\"",
+      "duration": "A 4.3s / B 4.3s / C 5s",
+      "energy": "高",
+      "intention": "beat-cut-moves 管切点间隔怎么排，这三式管更大一层的节奏叙事：\r\nA 是\"静默即蓄力\"——drop 前一拍切全黑死寂憋一整拍，爆开才够响\r\n（EDM 演出 blackout 惯例），给全片最高潮的前一秒用；B 是\"流程三连\"\r\n——三个超近特写咔哒咔哒咔哒连打（按下/拨动/翻牌），第三声甩回全景\r\n亮结果，Edgar Wright 式把\"操作很简单\"剪成肌肉记忆；C 是\"动量传递\"\r\n——标题砸落震起卡片、卡片落地撞进侧边栏，每个元素的入场由上一个的\r\n撞击触发，Rube Goldberg 式把一页内容的入场讲成连锁反应。",
+      "usage_document": "cards/montage-rhythm-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/montage-rhythm-moves/DominoCascade.tsx",
+        "source/demos/montage-rhythm-moves/DropBlackoutSlam.tsx",
+        "source/demos/montage-rhythm-moves/WrightTripleCut.tsx"
+      ],
+      "styles": [
+        {
+          "key": "drop-blackout-slam",
+          "label": "drop-blackout-slam 黑场蓄爆",
+          "description": "正常播放中一帧切纯黑死寂 12f，然后主视觉带震屏+亮环砸入",
+          "use": "全片唯一最高潮的前一拍；发布口号/大字的登场",
+          "implementation_status": "implemented",
+          "usage_document": "cards/montage-rhythm-moves/README.md",
+          "source_files": [
+            "source/demos/montage-rhythm-moves/DropBlackoutSlam.tsx"
+          ]
+        },
+        {
+          "key": "wright-triple-cut",
+          "label": "wright-triple-cut 三连特写",
+          "description": "三个 10f 超近特写硬切连打（各\"静4-动3-静3\"），第三声甩回全景亮结果",
+          "use": "\"操作流程\"速写：三步设置、一键完成类叙事",
+          "implementation_status": "implemented",
+          "usage_document": "cards/montage-rhythm-moves/README.md",
+          "source_files": [
+            "source/demos/montage-rhythm-moves/WrightTripleCut.tsx"
+          ]
+        },
+        {
+          "key": "domino-cascade",
+          "label": "domino-cascade 连锁入场",
+          "description": "标题砸落→震波弹起卡片列→末卡撞滑侧边栏进场，动量方向逐级传递",
+          "use": "开场整页入场的叙事化版本；替代平铺直叙的逐个 fade-in",
+          "implementation_status": "implemented",
+          "usage_document": "cards/montage-rhythm-moves/README.md",
+          "source_files": [
+            "source/demos/montage-rhythm-moves/DominoCascade.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "morph-from-primitive",
+      "summary": "原型变形——正圆呼吸一拍（anticipation）后 SVG path 插值 24f 长成圆角卡轮廓，内容淡入",
+      "use": "图形/图标/卡轮廓类主体的入场；logo→UI 容器的经典原语",
+      "duration": "~4.7s（呼吸 20f + 变形 24f + 内容淡入 12f）",
+      "energy": "中低",
+      "intention": "入场库全是\"从外面进来\"——飞入、砸落、翻面，主体都预先存在于画外；\r\n本卡是**就地长出来**：画面中心一个描边正圆先鼓一口气（scale\r\n1→1.12→1），随即轮廓连续变形为圆角矩形卡片，内容再淡入。原型\r\n停留加呼吸这一拍就是预备动作——迪士尼 anticipation 的图形学翻译：\r\n圆先\"吸气\"，观众就知道它要变，变形本身因此不需要任何解释。\r\n仅适用图形/图标/卡轮廓类主体——位图截图不能 morph。",
+      "usage_document": "cards/morph-from-primitive/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/morph-from-primitive/MorphFromPrimitive.tsx"
+      ],
+      "styles": [
+        {
+          "key": "morph-from-primitive",
+          "label": "morph-from-primitive",
+          "description": "原型变形——正圆呼吸一拍（anticipation）后 SVG path 插值 24f 长成圆角卡轮廓，内容淡入",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/morph-from-primitive/README.md",
+          "source_files": [
+            "source/demos/morph-from-primitive/MorphFromPrimitive.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "neon-frame-forerun",
+      "summary": "强透视直角霓虹框自左缘两头奔画先行成型，页面在框内由暗转亮，同时框内组件/文字从 3D 上空带同形软影错峰贴落、随页面点亮同步完成贴合，背景霓虹管群终段熄灭让位",
+      "use": "暗场品牌片里给 UI 面板做\"登场仪式\"（框先到、内容后落）；功能区首次亮相；霓虹/赛博调性的段落开场",
+      "duration": "框奔画 ~0.6s + 点亮&贴落 ~2s + 背景熄灭收束 ~0.8s；全段 4–4.5s",
+      "energy": "中高（三层动作叠进，但都服务同一次登场）",
+      "intention": "先立框后填肉：霓虹线框像跑道灯一样两头奔画圈出位置，宣告\r\n\"这里要出现东西\"；页面在框内由暗转亮的同时，组件从空中带影\r\n贴落——观众看见界面被\"安放\"进框里。三层动作（框奔画/页面点亮/\r\n组件贴落）必须**同步咬合**：贴落进程与点亮进程同步推进、稍滞后\r\n收尾，框光最终并入面板辉光。背景霓虹管群终段熄灭，把亮度让给\r\n主角完成收束。",
+      "usage_document": "cards/neon-frame-forerun/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/neon-frame-forerun/NeonFrameForerun.tsx"
+      ],
+      "styles": [
+        {
+          "key": "neon-frame-forerun",
+          "label": "neon-frame-forerun",
+          "description": "强透视直角霓虹框自左缘两头奔画先行成型，页面在框内由暗转亮，同时框内组件/文字从 3D 上空带同形软影错峰贴落、随页面点亮同步完成贴合，背景霓虹管群终段熄灭让位",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/neon-frame-forerun/README.md",
+          "source_files": [
+            "source/demos/neon-frame-forerun/NeonFrameForerun.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "neon-frame-orbit-drop",
+      "summary": "霓虹框先行描框后，镜头绕页面左→右弧线旋转，页面全部组件/文字**同帧**从空中往下贴合（同形软影同步收敛）——整体登场式的框内安放",
+      "use": "单页 UI 的一次性隆重登场（与巡礼/逐区亮相相对）；暗场霓虹调性段落的主视觉揭幕；neon-frame-forerun 的姊妹镜",
+      "duration": "描框 ~0.5s + 旋转&同时贴落 ~2.5s + 落定 ~1s；全段 4–4.5s",
+      "energy": "中高（一次性的大动作，落定即静）",
+      "intention": "neon-frame-forerun 的孪生变体：同样框先行、内容后落，但镜头\r\n不是固定的——从页面左侧视角连续弧线旋转到右侧视角，旋转进行\r\n的同时全部组件从空中贴落。命门是**同时贴合**：所有组件和文字\r\n同帧起落、同帧贴合、软影同步消失——这是\"整体登场\"的语法\r\n（判例：错峰版被裁\"应该是所有组件和文字同时从空中往下贴合\"）。\r\n错峰贴落属于巡礼镜（graze-face-tour/runway），一页一次性亮相\r\n必须齐落，节奏语义不能混用。",
+      "usage_document": "cards/neon-frame-orbit-drop/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/neon-frame-orbit-drop/NeonFrameForerunOrbit.tsx"
+      ],
+      "styles": [
+        {
+          "key": "neon-frame-orbit-drop",
+          "label": "neon-frame-orbit-drop",
+          "description": "霓虹框先行描框后，镜头绕页面左→右弧线旋转，页面全部组件/文字**同帧**从空中往下贴合（同形软影同步收敛）——整体登场式的框内安放",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/neon-frame-orbit-drop/README.md",
+          "source_files": [
+            "source/demos/neon-frame-orbit-drop/NeonFrameForerunOrbit.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "neon-triple-marquee",
+      "summary": "三行对向霓虹跑马灯 recap——BETTER/FASTER/STRONGER 空心描边巨字上中下排满全屏，奇偶行反向匀速无限横滚，三行按 1/3 相位轮流亮起，结尾整组淡出",
+      "use": "片尾主题词复读机段落；三连词口号的\"余韵\"拍法（cel-flash-stomp 砸完之后的低一档收尾）；音乐段无旁白铺陈",
+      "duration": "4–5s（demo 150f：10f 淡入 + 循环体 + 20f 淡出）",
+      "energy": "中高（持续流动 + 逐行脉冲，无瞬时冲击）",
+      "intention": "一行 marquee 只是网页装饰；三行叠起来、奇偶反向、再让亮度按相位轮流\r\n走，就成了\"主题词在观众眼前列队巡游\"。命门是**明暗轮唱**：任一时刻\r\n只有一行是霓虹主角，其余压暗成细描边背景——三行全亮是灯牌事故，\r\n轮流亮才是 recap。反向对滚制造\"包围感\"：上下行向右、中行向左，\r\n视线被夹在中间，词从两侧源源不断流过，读作\"这三个词说不完\"。",
+      "usage_document": "cards/neon-triple-marquee/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/neon-triple-marquee/NeonTripleMarquee.tsx"
+      ],
+      "styles": [
+        {
+          "key": "neon-triple-marquee",
+          "label": "neon-triple-marquee",
+          "description": "三行对向霓虹跑马灯 recap——BETTER/FASTER/STRONGER 空心描边巨字上中下排满全屏，奇偶行反向匀速无限横滚，三行按 1/3 相位轮流亮起，结尾整组淡出",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/neon-triple-marquee/README.md",
+          "source_files": [
+            "source/demos/neon-triple-marquee/NeonTripleMarquee.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "odometer-digit-roll",
+      "summary": "里程表数字滚动大字报——全屏巨号指标每个数位像老虎机滚轮独立纵向滚动带残影，从左到右逐位过冲停稳，全部锁定瞬间整体加深脉冲",
+      "use": "单个王牌指标的全屏亮相（\"10x\"/\"99.98%\"级）；与 impact-feedback B 式（伤害数字弹出）分工——那是元素级配菜，这是全屏级主菜",
+      "duration": "滚动+逐位锁定 ~63f + 脉冲 8f + hold ≥45f，约 5s",
+      "energy": "中高",
+      "intention": "王牌数字的登场库内有\"砸\"（score-slam）和\"弹\"（damage-number），\r\n都是位移系。本卡是**机械系**：数字不是飞进来的，是\"算出来的\"——\r\n每位一条 0–9 滚轮高速转动，从左到右逐位减速、过冲半格、咔哒锁定，\r\nVercel Ship/Stripe Sessions 指标段的标准语法。滚动过程自带悬念\r\n（它会停在几？），逐位锁定自带节奏（哒、哒、哒、哒），比直接显示\r\n终值多一整拍的期待感。与 VerticalTicker（backlog 待选）的区别：\r\n有终值、逐位停稳，不是无限滚动墙。",
+      "usage_document": "cards/odometer-digit-roll/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/odometer-digit-roll/OdometerDigitRoll.tsx"
+      ],
+      "styles": [
+        {
+          "key": "odometer-digit-roll",
+          "label": "odometer-digit-roll",
+          "description": "里程表数字滚动大字报——全屏巨号指标每个数位像老虎机滚轮独立纵向滚动带残影，从左到右逐位过冲停稳，全部锁定瞬间整体加深脉冲",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/odometer-digit-roll/README.md",
+          "source_files": [
+            "source/demos/odometer-digit-roll/OdometerDigitRoll.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "outro-group-photo-launch",
+      "summary": "全片元素从四面八方飞来围住字标合影，crane 落机位+舞台光+金尘做成发布会收场",
+      "use": "outro/品牌收尾；多功能产品的\"全家福\"式终镜",
+      "duration": "约 4.8s（145f）",
+      "energy": "峰值（全片最高点）",
+      "intention": "把看过的每个功能各抽一个代表元素叫回来合影，字标压轴登场——观众离场前最后记住的是\"这些东西属于同一个产品\"。规格必须是发布会级：能量推到全片最高。",
+      "usage_document": "cards/outro-group-photo-launch/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/Main.tsx",
+        "source/template/src/aifl/live/SceneOutroLive.tsx"
+      ],
+      "styles": [
+        {
+          "key": "outro-group-photo-launch",
+          "label": "outro-group-photo-launch",
+          "description": "全片元素从四面八方飞来围住字标合影，crane 落机位+舞台光+金尘做成发布会收场",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/outro-group-photo-launch/README.md",
+          "source_files": [
+            "source/template/src/aifl/Main.tsx",
+            "source/template/src/aifl/live/SceneOutroLive.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "overhead-camera-moves",
+      "summary": "俯拍揭示两式——tilt-reveal 俯仰抬正揭示、overhead-tabletop-drop 桌面卡阵横滑骤降扎入",
+      "use": "用\"俯仰角\"讲故事的开场/转场：单页 establishing 用 A，多页巡视择一扎入用 B",
+      "duration": "A ~4.8s / B ~4.7s",
+      "energy": "A 中 / B 中高",
+      "intention": "库内俯拍视角一直空缺——crane-rise 是\"平移+缩放\"的升起（俯仰角\r\n不动），space-camera C 式 drone-dive 是俯冲降落一镜到底；这两式让\r\n**俯仰角本身讲故事**：A 是揭示——整页 rotateX 平躺、开场只见上缘\r\n一条透视窄带，机位\"抬头\"回正，内容一排排涌入视野，像掀开桌上的\r\n图纸；B 是选择——三张页面卡平躺成桌面卡阵，相机俯拍横向滑过依次\r\n掠过（韦斯·安德森 tabletop），滑到目标页猛地俯冲扎入、抬正成满屏，\r\n\"巡视一圈，就选这张\"。选型：单页开场用 A，多页转场/开场用 B。",
+      "usage_document": "cards/overhead-camera-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/overhead-camera-moves/OverheadTabletopDrop.tsx",
+        "source/demos/overhead-camera-moves/TiltReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "tilt-reveal",
+          "label": "tilt-reveal",
+          "description": "perspective 容器内整页 rotateX -80° 平躺，~43f 抬正，rotateX/scale/translateY 共用 out-cubic，末端轻过冲",
+          "use": "开场 establishing；单主体",
+          "implementation_status": "implemented",
+          "usage_document": "cards/overhead-camera-moves/README.md",
+          "source_files": [
+            "source/demos/overhead-camera-moves/TiltReveal.tsx"
+          ]
+        },
+        {
+          "key": "overhead-tabletop-drop",
+          "label": "overhead-tabletop-drop",
+          "description": "卡阵平躺 rotateX 62°，pan 段只动 translateX 横滑掠过，drop 段角度/缩放/位移三通道同跑扎入落版",
+          "use": "多页巡视后择一；转场/开场两用",
+          "implementation_status": "implemented",
+          "usage_document": "cards/overhead-camera-moves/README.md",
+          "source_files": [
+            "source/demos/overhead-camera-moves/OverheadTabletopDrop.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "page-turn-transitions",
+      "summary": "整页体块转场两式——cube-rotate 立方体翻转（两页贴盒子相邻面转 90°）与 barn-door-split 对开门裂幕（旧页裂两半滑出、新页迎上）",
+      "use": "章节级换页：两个并列大段落之间的\"翻篇\"仪式；与 shot-transitions 系（镜头交棒）分工——那是\"航拍机移过去\"，这是\"页面自己是实体\"",
+      "duration": "单式 前态建立 30f + 转场 20–38f + 收尾 ≥40f，约 4.4–4.7s",
+      "energy": "中高",
+      "intention": "shot-transitions 六式和 transition-travel/hidden-cut 都把页面当\"场景\"\r\n——相机在场景间移动。本卡把页面当**实体**：它有厚度、有重量、会翻面\r\n会裂开。体块隐喻的仪式感更强，适合章节级大换页（功能 A 讲完→功能 B）\r\n而非镜头级小交棒。A 立方体是\"空间上并列\"——两页是盒子的两面，\r\n暗示同级关系；B 对开门是\"旧的让位\"——旧页从正中撕开滑走、新页\r\n从底下迎上来，暗示取代关系。按语义选：并列翻篇用 A，新旧交替用 B。",
+      "usage_document": "cards/page-turn-transitions/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/page-turn-transitions/BarnDoorSplit.tsx",
+        "source/demos/page-turn-transitions/CubeRotate.tsx"
+      ],
+      "styles": [
+        {
+          "key": "cube-rotate",
+          "label": "cube-rotate",
+          "description": "两页贴立方体相邻面（rotateY 0/90° + translateZ W/2），场景层转 -90°；旧面转出压暗、新面转进变亮，45° 时两面夹一条暗棱",
+          "use": "并列章节翻篇；产品两大功能区切换",
+          "implementation_status": "implemented",
+          "usage_document": "cards/page-turn-transitions/README.md",
+          "source_files": [
+            "source/demos/page-turn-transitions/CubeRotate.tsx"
+          ]
+        },
+        {
+          "key": "barn-door-split",
+          "label": "barn-door-split",
+          "description": "旧页两个 960px overflow 容器对位拼合，同时向外 Easing.in(cubic) 滑出画外；裂缝内边缘亮线+投影，新页底层 scale 1.06→1 迎上",
+          "use": "新旧交替：改版前后、方案 A→方案 B",
+          "implementation_status": "implemented",
+          "usage_document": "cards/page-turn-transitions/README.md",
+          "source_files": [
+            "source/demos/page-turn-transitions/BarnDoorSplit.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "page-waterfall-wall",
+      "summary": "页面瀑布墙——真实页面截图切成 3–4 列在 3D 后仰墙面上差速反向无限滚动，视差 + 镜头缓推做\"内容多到流不完\"的一览",
+      "use": "\"多页面/多功能/多模板\"体量感段落；montage 中段铺陈或 intro 后的产品广度镜头",
+      "duration": "4–6s（无限循环体，时长由段落需要裁）",
+      "energy": "中（流动陈列型）",
+      "intention": "流动式一览：让观众在几秒内\"看到很多页面流过\"，读感是体量而非细节。\r\n与 outro-group-photo-launch 分工：那是**聚拢式**一览（元素飞来围住\r\n字标定格合影，语义\"属于同一产品\"），本卡是**流动式**一览（内容持续\r\n流过不定格，语义\"还有很多没给你看完\"）。与 odometer-digit-roll 分工：\r\n那是有终值的机械滚轮（逐位停稳读数字），本卡无终值无限循环。\r\n与 wall-reveal-moves 分工：那是整墙**入场动作**，本卡是墙的**持续状态**，\r\n可用那卡入场后交棒本卡续流。",
+      "usage_document": "cards/page-waterfall-wall/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/assets/lib/VerticalTicker.tsx",
+        "source/demos/page-waterfall-wall/PageWaterfallWall.tsx",
+        "source/demos/page-waterfall-wall/VerticalTicker.tsx"
+      ],
+      "styles": [
+        {
+          "key": "page-waterfall-wall",
+          "label": "page-waterfall-wall",
+          "description": "页面瀑布墙——真实页面截图切成 3–4 列在 3D 后仰墙面上差速反向无限滚动，视差 + 镜头缓推做\"内容多到流不完\"的一览",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/page-waterfall-wall/README.md",
+          "source_files": [
+            "source/demos/page-waterfall-wall/PageWaterfallWall.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "panel-grid-moves",
+      "summary": "分格节奏三式——grid-flash-mosaic 九宫格闪切填墙吞屏、flip-grid-reflow 网格集体重排、comic-panel-split 漫画斜格三机位并列",
+      "use": "把\"格子\"当节奏器：逐格踩拍亮相（A）、节拍点集体换位（B）、同主体多机位定格并列（C）；三式都吃拍点",
+      "duration": "A ~4.7s / B ~4.8s / C ~5s",
+      "energy": "A 高 / B 中 / C 中高",
+      "intention": "与 wall-reveal-moves 的区别是本卡的定位锚：那是\"整墙怎么入场\"\r\n（一次性揭示），这是\"格子怎么当节奏器\"——分格、重排、并列都发生\r\n在节拍上，格变即鼓点。A 是填：3×3 格按十六分音符乱序逐格啪啪硬入，\r\n填满停一拍，中心格放大吞掉全屏——功能矩阵一秒全亮相；B 是移：6 张卡\r\n在节拍点集体直线换位（横排→3×2 网格），半秒落定 + 加深脉冲收束——\r\n布局重排本身当一个鼓点；C 是并：画面咔咔切成 3 个斜线分格，同一产品\r\n三种机位同时定格，停半拍后一格斜边扩张吃掉全屏——Scott Pilgrim 的\r\n分屏语言。按需选：多功能亮相用 A，布局叙事用 B，单品多视角用 C。",
+      "usage_document": "cards/panel-grid-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/panel-grid-moves/ComicPanelSplit.tsx",
+        "source/demos/panel-grid-moves/FlipGridReflow.tsx",
+        "source/demos/panel-grid-moves/GridFlashMosaic.tsx"
+      ],
+      "styles": [
+        {
+          "key": "grid-flash-mosaic",
+          "label": "grid-flash-mosaic",
+          "description": "3×3 格每 2f 一格按 h(i) 乱序条件挂载硬入（入格 3f scale 1.18→1 + 2f 加深脉冲），满墙呼吸一拍，中心格 14f Easing.in(cubic) 放大 3.28x 吞屏",
+          "use": "功能矩阵一秒全亮相；高潮前铺排",
+          "implementation_status": "implemented",
+          "usage_document": "cards/panel-grid-moves/README.md",
+          "source_files": [
+            "source/demos/panel-grid-moves/GridFlashMosaic.tsx"
+          ]
+        },
+        {
+          "key": "flip-grid-reflow",
+          "label": "flip-grid-reflow",
+          "description": "预写两套坐标表（横排/3×2 网格），每卡 delay=i×1.5f、16f inOut cubic 直线飞行 + scale 1→1.28 带 1.02 过冲；落定后 6f brightness 0.78 全画面脉冲",
+          "use": "布局叙事：并列→分组的语义换挡",
+          "implementation_status": "implemented",
+          "usage_document": "cards/panel-grid-moves/README.md",
+          "source_files": [
+            "source/demos/panel-grid-moves/FlipGridReflow.tsx"
+          ]
+        },
+        {
+          "key": "comic-panel-split",
+          "label": "comic-panel-split",
+          "description": "三格各一份整页 clip-path 12° 斜边裁切 + translate/scale 摆机位（1x/1.9x/2.6x），逐格 2f 间隔弹入；定格 18f 各格缓推保活，末格斜边 12f out-cubic 扩张吃屏",
+          "use": "同一主体多视角并列；漫画感段落",
+          "implementation_status": "implemented",
+          "usage_document": "cards/panel-grid-moves/README.md",
+          "source_files": [
+            "source/demos/panel-grid-moves/ComicPanelSplit.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "paper-craft-moves",
+      "summary": "纸艺两式——masking-tape-slap 纸胶带拍定（悬浮微晃被\"啪啪\"按死）与 popup-book-rise 立体书立起（卡片沿底边错峰立墙）",
+      "use": "纸墨主视觉片的实体材料语言：单卡定妆入场用 A、整版 dashboard 开场建立用 B；与纸墨+强调色的主视觉（模板片为纸/墨/琥珀）天然同源",
+      "duration": "A 3–4s / B 4–5.5s",
+      "energy": "A 中（两拍打击）/ B 中高（立墙有纵深冲击）",
+      "intention": "Wes Anderson 手账美术与立体书纸艺的 UI 翻译。A：卡片轻飘入位后\r\n悬着微晃（未固定的纸），两条撕边半透明胶带\"啪、啪\"先后拍在对角，\r\n第二条拍下**同帧**卡片停晃、投影变薄、整卡下沉——\"按死\"的定妆\r\n一瞬是主角，两声\"啪\"是天然音效点。B：整页平躺如摊开书页（俯视），\r\n卡片像贴在页上的纸片沿各自底边错峰立起成墙，立到 95° 回弹 90°\r\n（纸的韧性），根部投影随立起收窄。",
+      "usage_document": "cards/paper-craft-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/paper-craft-moves/MaskingTapeSlap.tsx",
+        "source/demos/paper-craft-moves/PopupBookRise.tsx"
+      ],
+      "styles": [
+        {
+          "key": "masking-tape-slap",
+          "label": "masking-tape-slap",
+          "description": "晃动=幅度包络×正弦（rot ±1.5°/bob ±5px）；胶带扑入 6f：scale 1.45→1 + rotate 欠 16°→过冲 7°→回正 + 落帧 scaleY 0.72 一帧压扁；撕边 14 点 clipPath 锯齿",
+          "use": "单卡/徽章的定妆入场；文案重音对齐",
+          "implementation_status": "implemented",
+          "usage_document": "cards/paper-craft-moves/README.md",
+          "source_files": [
+            "source/demos/paper-craft-moves/MaskingTapeSlap.tsx"
+          ]
+        },
+        {
+          "key": "popup-book-rise",
+          "label": "popup-book-rise",
+          "description": "双层 3D：场景 rotateX 75° 俯视（persp 2600），每卡 rotateX 0→-90° spring（damping 11 过冲 -95°），origin 底边，preserve-3d 贯通；远排先近排后错峰 7f",
+          "use": "整版 dashboard 开场；\"系统被搭建起来\"",
+          "implementation_status": "implemented",
+          "usage_document": "cards/paper-craft-moves/README.md",
+          "source_files": [
+            "source/demos/paper-craft-moves/PopupBookRise.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "paper-plane-messenger",
+      "summary": "纸飞机信使转场——点击\"发送\"后镜头拉远脱离窗口 A，折纸飞机沿贝塞尔弧线飞出（俯仰跟随切线），镜头伴飞穿过多层视差道具，飞抵窗口 B 门前落定，B 放大接管全屏",
+      "use": "\"发送/邀请/分享\"动作连接两个人物/场景视角的叙事转场；抽象动作需要一个隐喻实体当转场载具时",
+      "duration": "~5s（150f：点击 12f → 拉远 16–42f → 飞行 34–104f → B 接管 112–146f）",
+      "energy": "中",
+      "intention": "transition-travel 是镜头钻进画面里的既有元素换景；本卡反过来——从\r\n动作里**放出一个语义信使**，让镜头跟着它飞去下一个场景。\"发送\"这个\r\n抽象动作被实体化成折纸飞机，A/B 两窗的空间关系被飞行轨迹真实丈量\r\n过，观众对\"消息去了哪\"有了身体感。命门是 2.5D 相机管线：所有元素\r\n挂在同一世界坐标系上，镜头中心 A→跟飞机→B、变焦拉远再推近，视差\r\n道具按 depth 乘相机位移——重 3D 原片降级成一台\"假三维\"，成本掉一个\r\n量级而纵深感保留。飞机俯仰角跟随弧线切线是\"它在飞\"而非\"它在平移\"\r\n的全部区别。",
+      "usage_document": "cards/paper-plane-messenger/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/paper-plane-messenger/PaperPlaneMessenger.tsx"
+      ],
+      "styles": [
+        {
+          "key": "paper-plane-messenger",
+          "label": "paper-plane-messenger",
+          "description": "纸飞机信使转场——点击\"发送\"后镜头拉远脱离窗口 A，折纸飞机沿贝塞尔弧线飞出（俯仰跟随切线），镜头伴飞穿过多层视差道具，飞抵窗口 B 门前落定，B 放大接管全屏",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/paper-plane-messenger/README.md",
+          "source_files": [
+            "source/demos/paper-plane-messenger/PaperPlaneMessenger.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "paper-title-card",
+      "summary": "一句话逐词压印上纸、一个词标强调色斜体、短划线收束",
+      "use": "章节转场/价值主张字卡；重要功能出场前的引导卡；全片呼吸位",
+      "duration": "1.7–1.8s（50–55f）",
+      "energy": "低（呼吸位，隔开两段高能镜头）",
+      "intention": "在两段产品画面之间给观众一句话的喘息：说清\"接下来看什么、它值什么\"。letterpress 压印质感让字卡与纸墨风格的产品画面同属一个世界。",
+      "usage_document": "cards/paper-title-card/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/PaperTitleCard.tsx"
+      ],
+      "styles": [
+        {
+          "key": "paper-title-card",
+          "label": "paper-title-card",
+          "description": "一句话逐词压印上纸、一个词标强调色斜体、短划线收束",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/paper-title-card/README.md",
+          "source_files": [
+            "source/template/src/aifl/PaperTitleCard.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "particle-celebrate-hits",
+      "summary": "庆祝粒子两式——confetti-crossfire 双侧礼炮（里程碑揭晓帧双炮交叉彩屑弹幕）与 counter-tick-sparks 数字溅火（计数器每破整千顶部迸火星）",
+      "use": "里程碑数字/KPI 揭晓/成就段落；A 一次性大庆祝，B 持续小打点",
+      "duration": "A 3–4s / B 4–5s",
+      "energy": "高潮点缀型（爆发后必须落回纯净静止）",
+      "intention": "给\"数字揭晓\"配可听感的视觉打点：A 是揭晓瞬间的句号——画面左下右下\r\n两门炮同帧开火，上百颗翻转彩屑抛物线交叉飞过全屏再落出画外，纯庆祝\r\n语义；B 是过程中的逗号——计数器每跳过一个整千，数字顶部\"叮\"地溅一撮\r\n小火星坠落熄灭，终值那跳翻倍爆一大撮+数字弹 1.1x。两式都是闭式弹道\r\n（初速+重力+衰减逐帧公式），免物理引擎、帧确定。",
+      "usage_document": "cards/particle-celebrate-hits/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/particle-celebrate-hits/ConfettiCrossfire.tsx",
+        "source/demos/particle-celebrate-hits/CounterTickSparks.tsx"
+      ],
+      "styles": [
+        {
+          "key": "confetti-crossfire",
+          "label": "confetti-crossfire",
+          "description": "双炮各 50 颗矩形彩屑：初速 90-150px/f（decay 0.9 下总程 ~900-1500px 才能交叉过中线）、spread 55°、每帧翻转 8-15°；~90f 全部落出画外后条件卸载",
+          "use": "终值揭晓/发布宣言的一次性高潮",
+          "implementation_status": "implemented",
+          "usage_document": "cards/particle-celebrate-hits/README.md",
+          "source_files": [
+            "source/demos/particle-celebrate-hits/ConfettiCrossfire.tsx"
+          ]
+        },
+        {
+          "key": "counter-tick-sparks",
+          "label": "counter-tick-sparks",
+          "description": "tick 帧由计数器同一 interpolate 派生；每 tick 6-10 颗 2px 火星（初速向上 4-6px/f、重力 12-18f 坠灭），终值跳翻倍 20 颗+数字弹 1.1x",
+          "use": "计数爬升过程的节奏打点",
+          "implementation_status": "implemented",
+          "usage_document": "cards/particle-celebrate-hits/README.md",
+          "source_files": [
+            "source/demos/particle-celebrate-hits/CounterTickSparks.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "particle-sand-fill",
+      "summary": "粒子落斗成柱——柱状图不长高而是\"下雨下出来\"：方点粒子逐颗坠落堆积成柱，堆满凝成实体+数值弹出",
+      "use": "柱状图/量级对比入场；讲\"积累/汇聚\"语义的数据段落",
+      "duration": "4–5s",
+      "energy": "中高（构筑感入场）",
+      "intention": "把柱状图入场从\"长高动画\"换成\"落体堆积\"：每根柱上方下一场方块雨，\r\n粒子逐颗坠落（重力加速）、触堆积面即停+15% 回弹，一层压一层堆到目标\r\n高度后粒子面淡出换实体柱、顶部数值标签弹出。数据的\"量\"变成看得见的\r\n\"一颗一颗攒出来\"——与 unit-dot-swarm-regroup（点群平面迁徙聚形）\r\n分工：那是同一批点改队形，这是落体材料筑成图形。",
+      "usage_document": "cards/particle-sand-fill/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/particle-sand-fill/ParticleSandFill.tsx"
+      ],
+      "styles": [
+        {
+          "key": "particle-sand-fill",
+          "label": "particle-sand-fill",
+          "description": "粒子落斗成柱——柱状图不长高而是\"下雨下出来\"：方点粒子逐颗坠落堆积成柱，堆满凝成实体+数值弹出",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/particle-sand-fill/README.md",
+          "source_files": [
+            "source/demos/particle-sand-fill/ParticleSandFill.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pill-slot-cycle",
+      "summary": "句中词槽轮换——固定句干钉死不动，句尾 pill 徽章每 ~0.7s 老虎机滚一格（旧的上飞加速淡出、新的从下带模糊滑入），连换 N 个功能词后落成完整句子收束",
+      "use": "\"功能列举\"类文案的最优雅解法（比逐条列表快、比乱码解码有语义）；一句话卖点 + 多个动词短语的段落",
+      "duration": "入场 12f + 每拍 21f × 词数 + 收束 14f + hold；6 词约 5.8s（demo 175f）",
+      "energy": "中（稳定节拍器，无峰值）",
+      "intention": "罗列六个功能，列表要六行、逐条淡入要六拍还占满屏。词槽轮换把它们\r\n塞进**一句话的一个槽位**里：句干 \"One AI tool to ___\" 是承诺，槽里\r\n滚过的每个 pill 是证据，最后 pill 飞走、\"do it all.\" 落位——证据\r\n列举完毕，结论盖章。结构自带三幕：承诺→列举→收束。命门是句干\r\n**纹丝不动**：观众的眼睛全程钉在槽位上，句干一晃列举感就散。",
+      "usage_document": "cards/pill-slot-cycle/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/pill-slot-cycle/PillSlotCycle.tsx"
+      ],
+      "styles": [
+        {
+          "key": "pill-slot-cycle",
+          "label": "pill-slot-cycle",
+          "description": "句中词槽轮换——固定句干钉死不动，句尾 pill 徽章每 ~0.7s 老虎机滚一格（旧的上飞加速淡出、新的从下带模糊滑入），连换 N 个功能词后落成完整句子收束",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/pill-slot-cycle/README.md",
+          "source_files": [
+            "source/demos/pill-slot-cycle/PillSlotCycle.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "print-texture-transitions",
+      "summary": "印刷质感转场——ink-bleed-reveal 墨渗揭示（须状渗边洇开吃掉旧景）",
+      "use": "换景接缝的纸墨审美款；与交棒六式/穿越三式并列的第三族——\"介质显影\"型转场",
+      "duration": "4–4.5s（洇开段 55–80f + 静止收尾 ≥30f）",
+      "energy": "中（渐进显形，无冲击拍）",
+      "intention": "转场语言已有交棒（shot-transitions 六式）和穿越（transition-travel）\r\n，都是空间/光学隐喻。本式开第三族：**介质隐喻**——新画面不是\"到来\"\r\n而是\"印染\"出来的，直接调用库内纸墨审美的物理想象：像一滴墨落在\r\n宣纸上洇开吃掉旧景，有机、书写感。天然亲和 paper/ink 调性的片子，\r\n是 light-leak-burn（强调色漏光）之外的另一个\"介质系\"接缝选择。",
+      "usage_document": "cards/print-texture-transitions/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/print-texture-transitions/InkBleedReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "ink-bleed-reveal",
+          "label": "ink-bleed-reveal 墨渗揭示",
+          "description": "印刷质感转场——ink-bleed-reveal 墨渗揭示（须状渗边洇开吃掉旧景）",
+          "use": "旧景→新景替换；书写感、叙事调性",
+          "implementation_status": "implemented",
+          "usage_document": "cards/print-texture-transitions/README.md",
+          "source_files": [
+            "source/demos/print-texture-transitions/InkBleedReveal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rhythm-interrupt-moves",
+      "summary": "打断节奏两式——jump-cut-punch-in 三级跳切推近、strobe-black-frames 频闪黑帧",
+      "use": "用\"打断连续性\"本身当节奏器：顿挫推近（B）、窒息逼近（C）；与 beat-cut-moves（切点排布）、montage-rhythm（段落呼吸）互补",
+      "duration": "B ~4.5s / C ~4.5s",
+      "energy": "B 中 / C 高",
+      "intention": "库内节奏卡管的都是\"怎么切、切多密\"；这两式管**怎么断**——观众预期\r\n连续，你偏打断，打断方式即表达：B 是空间断——同构图三次无补间跳大\r\n（1x→1.6x→2.6x），戈达尔跳切的顿挫，比连续推近更有\"看这里、再近点、\r\n就是它\"的指令感；C 是存在断——画面与纯黑交替频闪且间隔收紧，\r\n高潮前的窒息倒数。选型：强制聚焦指标用 B，高潮前蓄压用 C。",
+      "usage_document": "cards/rhythm-interrupt-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/rhythm-interrupt-moves/JumpCutPunchIn.tsx",
+        "source/demos/rhythm-interrupt-moves/StrobeBlackFrames.tsx"
+      ],
+      "styles": [
+        {
+          "key": "jump-cut-punch-in",
+          "label": "jump-cut-punch-in",
+          "description": "transform-origin 钉目标中心，三档 scale 阶梯跳变（零补间），每跳 2f 加深脉冲当 tick",
+          "use": "逐级逼近核心指标；纪录片式盯住",
+          "implementation_status": "implemented",
+          "usage_document": "cards/rhythm-interrupt-moves/README.md",
+          "source_files": [
+            "source/demos/rhythm-interrupt-moves/JumpCutPunchIn.tsx"
+          ]
+        },
+        {
+          "key": "strobe-black-frames",
+          "label": "strobe-black-frames",
+          "description": "全屏黑帧按写死帧号表闪现（每次 2f，间隔 8f→3f 收敛），末闪掀开即硬切放大落定",
+          "use": "全片最高潮前的倒数蓄压",
+          "implementation_status": "implemented",
+          "usage_document": "cards/rhythm-interrupt-moves/README.md",
+          "source_files": [
+            "source/demos/rhythm-interrupt-moves/StrobeBlackFrames.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "riso-print-hits",
+      "summary": "套印错位两式——riso-misregistration-hit 单发冲击帧（撞停裂双色版抖两下套准）与 riso-beat-pump 节拍泵（逐拍跳大+错版逐次加码）",
+      "use": "标题/卡片的命中强调，纸墨审美版的\"故障闪\"；A 单发高潮、B 节奏段连打",
+      "duration": "A 4s（单发）；B 4.7s（四拍）",
+      "energy": "高",
+      "intention": "RGB 色散故障闪（impact-feedback C 式的一部分）是荧光屏语言，与纸墨\r\n调性相克。这两式给出印刷版平替：元素裂成浅灰/深墨两份单色印版\r\n（multiply 油墨感而非 screen 荧光感），像 risograph 没对准版，抖几下\r\n\"啪\"地套准——同样的冲击力，介质想象完全换成纸上油墨。A 是单发：\r\n撞停瞬间裂版、震荡衰减、硬切套准，给一次命中盖章；B 是它的节奏化：\r\n每个鼓点整画面跳大 8% + 标题裂版，错位逐拍加码，越打越狠——\r\n卡点段的视觉低音鼓。同技术根（衰减震荡的双版错位），单发/连打二选一。",
+      "usage_document": "cards/riso-print-hits/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/riso-print-hits/RisoBeatPump.tsx",
+        "source/demos/riso-print-hits/RisoMisregistrationHit.tsx"
+      ],
+      "styles": [
+        {
+          "key": "misregistration-hit",
+          "label": "misregistration-hit 单发",
+          "description": "标题 8f 撞入撞停，裂两版反向错 ~32px，44f 衰减震荡后硬切套准 + scale 脉冲",
+          "use": "全片 1-2 次的命中盖章；标题/大字的到位一瞬",
+          "implementation_status": "implemented",
+          "usage_document": "cards/riso-print-hits/README.md",
+          "source_files": [
+            "source/demos/riso-print-hits/RisoBeatPump.tsx",
+            "source/demos/riso-print-hits/RisoMisregistrationHit.tsx"
+          ]
+        },
+        {
+          "key": "beat-pump",
+          "label": "beat-pump 节拍泵",
+          "description": "每 24f 一拍：整画面瞬跳 1.08 指数回落 + 标题错版逐拍 8/14/22/32px 加码套准",
+          "use": "音乐卡点段；\"越打越狠\"的蓄力连打",
+          "implementation_status": "implemented",
+          "usage_document": "cards/riso-print-hits/README.md",
+          "source_files": [
+            "source/demos/riso-print-hits/RisoBeatPump.tsx",
+            "source/demos/riso-print-hits/RisoMisregistrationHit.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "row-embed",
+      "summary": "内容行像卡片一样从空中降下、rotateX 收平、嵌入瞬间底边亮一道强调色的缝",
+      "use": "\"结构化数据长进页面\"的详情页/列表镜头；行级内容的批量入场",
+      "duration": "约 2s（12–68f）",
+      "energy": "中",
+      "intention": "详情页的行不是\"显示出来\"而是\"长进去\"——每一行从空中降下并严丝合缝嵌入页面布局，嵌入瞬间的强调色缝是\"咔哒\"扣上的视觉拟音。",
+      "usage_document": "cards/row-embed/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/SceneDetail.tsx"
+      ],
+      "styles": [
+        {
+          "key": "row-embed",
+          "label": "row-embed",
+          "description": "内容行像卡片一样从空中降下、rotateX 收平、嵌入瞬间底边亮一道强调色的缝",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/row-embed/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/SceneDetail.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "runway-ground-skim",
+      "summary": "低角度掠地机位下 UI 卡片群从空中一阵急雨式快速贴落（起点微错、下落大量重叠并行、着地即停零回弹），落齐后整页立起、视角转正收尾",
+      "use": "仪表盘/卡片流界面的登场（内容\"从天而降完成自己\"）；低角度炫技段后的收正；clickup 系悬空贴落语言的\"齐落\"重型版",
+      "duration": "悬空展示 ~0.4s + 贴落 ~1.2s + 立起转正 ~1.8s；全段 4s",
+      "energy": "高（掉落感是戏眼，立起转正是收束）",
+      "intention": "把界面拍成跑道：低角度透视里 UI 卡片悬空在不同高度，随后按界面\r\n位置顺序（行优先左→右）一阵急雨式贴落——掉落感=干脆利落。\r\n三个命门：**重叠并行**（起点只错 1.5f、下落 9f ⇒ 空中恒有 5–6 张\r\n同时在落，\"几乎一起但有涟漪感\"；串行等待两轮被裁）、**零回弹**\r\n（着地即停，弹起被裁）、**快**（下落 9f，15f 版被裁\"快一点\"）。\r\n落齐后页面从躺倒立起（rotateX 66°→0°）、镜头拉远居中，观众从\r\n\"看戏\"回到\"看界面\"。",
+      "usage_document": "cards/runway-ground-skim/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/runway-ground-skim/RunwayGroundSkim.tsx"
+      ],
+      "styles": [
+        {
+          "key": "runway-ground-skim",
+          "label": "runway-ground-skim",
+          "description": "低角度掠地机位下 UI 卡片群从空中一阵急雨式快速贴落（起点微错、下落大量重叠并行、着地即停零回弹），落齐后整页立起、视角转正收尾",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/runway-ground-skim/README.md",
+          "source_files": [
+            "source/demos/runway-ground-skim/RunwayGroundSkim.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "sakuga-timing-shift",
+      "summary": "一拍三转一拍一——元素先以每 3 帧一步的手翻书顿挫移动，高潮瞬间切成逐帧丝滑冲刺，帧率量化的突变本身就是看点",
+      "use": "单元素的强调性位移（卡片入场、指标冲线）；需要\"手工感→高潮爆发\"反差的段落",
+      "duration": "~5s",
+      "energy": "中高",
+      "intention": "库内时间轴操纵已有 speed-ramp 连续变速与 hit-counter 的局部顿帧。\r\n本卡是另一种——**改的不是速度是帧率本身**：\r\n顿挫段驱动帧 q=floor(f/3)*3，元素每 3 帧才动一步（10fps 手翻书），\r\n切换帧起改用原始 f 逐帧驱动，丝滑冲刺。一拍三的钝与一拍一的滑\r\n同屏对切，日式作画的拍数演出（shooting on 3s / on 1s）。顿挫段\r\n不是低级感是手工感，切换点即高潮标记。",
+      "usage_document": "cards/sakuga-timing-shift/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/sakuga-timing-shift/SakugaTimingShift.tsx"
+      ],
+      "styles": [
+        {
+          "key": "sakuga-timing-shift",
+          "label": "sakuga-timing-shift",
+          "description": "一拍三转一拍一——元素先以每 3 帧一步的手翻书顿挫移动，高潮瞬间切成逐帧丝滑冲刺，帧率量化的突变本身就是看点",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/sakuga-timing-shift/README.md",
+          "source_files": [
+            "source/demos/sakuga-timing-shift/SakugaTimingShift.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scene-locked-title",
+      "summary": "透视锁定标题——大标题\"钉\"在页面所处的 3D 空间里，相机动字随透视变形，与 UI 共享灭点",
+      "use": "品牌开场/章节标题要\"住进\"产品空间的段落；与 C3 判例（3D 注记同空间）同源的标题级放大版",
+      "duration": "4–5s",
+      "energy": "低中（氛围型开场，字是主角）",
+      "intention": "标题贴在屏幕玻璃上是字幕，钉在场景空间里是实体（《战栗空间》片头判例）。\r\ndashboard 躺倒在 3D 空间，巨大标题悬浮其前方不同深度，只动相机——\r\n字随透视变形、层间视差分离、必要时被画框裁切，观众读到\"字放在\r\n产品世界里\"。C3 判例（3D 镜头注记文字活在同一空间）的开场标题版。",
+      "usage_document": "cards/scene-locked-title/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/scene-locked-title/SceneLockedTitle.tsx"
+      ],
+      "styles": [
+        {
+          "key": "scene-locked-title",
+          "label": "scene-locked-title",
+          "description": "透视锁定标题——大标题\"钉\"在页面所处的 3D 空间里，相机动字随透视变形，与 UI 共享灭点",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/scene-locked-title/README.md",
+          "source_files": [
+            "source/demos/scene-locked-title/SceneLockedTitle.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scroll-brake-moves",
+      "summary": "长卷急刹两式——changelog-scroll-brake 基本款（高速长卷指数减速精准停位+目标抬升）与 brake-reticle-lock 组合款（急刹帧同帧准星咬合）",
+      "use": "changelog/发布史/长列表段落：\"一直在发货，今天这条最大\"；要给停点更强打击感用 B",
+      "duration": "A 4–5s / B 5s",
+      "energy": "高开中收（速度对比型）",
+      "intention": "Linear changelog 视频语法：一整年的更新日志作为长卷高速掠过\r\n（糊成色带），指数减速精准急刹停在本次发布那条上，该条抬升离面\r\n高亮、其余退暗——密度感讲\"一直在发货\"，急停讲\"今天这条最大\"。\r\nB 是组合变异：急刹帧**同帧**四个 L 角标从画外飞入咬合锁定停点\r\n条目——急刹的\"哐\"与咬合的\"咔\"叠在同一帧共振（组合命门：\r\n角标起跳帧=列表首停帧，错开退化成两招并置）。",
+      "usage_document": "cards/scroll-brake-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/scroll-brake-moves/BrakeReticleLock.tsx",
+        "source/demos/scroll-brake-moves/ChangelogScrollBrake.tsx"
+      ],
+      "styles": [
+        {
+          "key": "changelog-scroll-brake",
+          "label": "changelog-scroll-brake",
+          "description": "translateY 扫 ~2400px（out exp 指数减速 ~50f），blur 由帧间位移差分驱动（0-6px 自动清零）；停点行 scale 1.03 抬升+阴影+3px 描边，其余 opacity 退 0.38",
+          "use": "changelog 段落基本款",
+          "implementation_status": "implemented",
+          "usage_document": "cards/scroll-brake-moves/README.md",
+          "source_files": [
+            "source/demos/scroll-brake-moves/ChangelogScrollBrake.tsx"
+          ]
+        },
+        {
+          "key": "brake-reticle-lock",
+          "label": "brake-reticle-lock",
+          "description": "滚动三段：sin-in 加速→cubic-out 猛减速冲过头 +30px→回弹落定；blur=v×0.12 封顶 24px；角标从 ±620/±320 画外 Easing.back(2.4) 飞入咬合，高亮 6f 内完成、标签 back(2.6) 弹出",
+          "use": "停点需要更强打击感的高光段",
+          "implementation_status": "implemented",
+          "usage_document": "cards/scroll-brake-moves/README.md",
+          "source_files": [
+            "source/demos/scroll-brake-moves/BrakeReticleLock.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "segmented-thumb-hero",
+      "summary": "分段控件 thumb 位移当主角特写——超大胶囊 segmented control 弹簧浮入，描边箭头光标画外滑入按下，白 thumb 8f ease-out 滑到另一段，到位瞬间新图标 spring 弹出、旧图标收起",
+      "use": "\"模式切换/二选一\"功能的宣告镜头（Ask→Computer、Chat→Agent 式）；一个 UI 微交互撑一整镜的特写拍法",
+      "duration": "~3.5s（demo 110f：浮入 18f + 光标 24f + 点击 + 滑动 8f + 图标弹出 + hold）",
+      "energy": "中（微交互特写，精致不轰）",
+      "intention": "产品切到新模式，通常拍法是整个界面换掉。本卡反着来：把 segmented\r\ncontrol 放大到 1080px 宽拍特写，**thumb 那 8 帧位移本身就是叙事**——\r\n\"我们从 A 走到了 B\"。没有任何页面上下文，控件即舞台。因果链完整：\r\n光标滑入（有人来了）→ 按下+涟漪（做了决定）→ thumb 滑动（世界响应）\r\n→ 新图标弹出（新身份确立）。四拍缺一不可，缺了光标就是 UI 自己在动，\r\n缺了图标弹出就是切换没有奖励。",
+      "usage_document": "cards/segmented-thumb-hero/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/segmented-thumb-hero/SegmentedThumbHero.tsx"
+      ],
+      "styles": [
+        {
+          "key": "segmented-thumb-hero",
+          "label": "segmented-thumb-hero",
+          "description": "分段控件 thumb 位移当主角特写——超大胶囊 segmented control 弹簧浮入，描边箭头光标画外滑入按下，白 thumb 8f ease-out 滑到另一段，到位瞬间新图标 spring 弹出、旧图标收起",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/segmented-thumb-hero/README.md",
+          "source_files": [
+            "source/demos/segmented-thumb-hero/SegmentedThumbHero.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "shot-transitions",
+      "summary": "镜头交棒六式——推进流白、穿暗场直航、虚焦接力、黑场字卡、whip-pan 甩镜、mask-wipe 穿窗（含纵深款），按能量落差选型",
+      "use": "任何两镜衔接处（技法卡，分镜阶段排完镜头后逐个接缝选一式）",
+      "duration": "n/a（技法卡；各式占用帧数见参数表，从相邻镜头预算里划）",
+      "energy": "n/a（技法卡，不占能量位）",
+      "intention": "库内各镜头卡只管自己的入场和收尾，镜与镜\"怎么接\"一直没有词汇——\r\n接缝裸切会把逐镜头攒出的电影感一次漏光。公认优秀的发布片\r\n（Linear Releases/Agent，2026-07-11 抽帧逆向）全程没有一次裸切：\r\n换景要么靠深度旅行、要么靠焦点接力、要么靠黑场字卡蓄力。",
+      "usage_document": "cards/shot-transitions/README.md",
+      "dependencies": [
+        "@remotion/motion-blur",
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/shot-transitions/MaskWipeReal.tsx",
+        "source/demos/shot-transitions/PortalWipeV2.tsx",
+        "source/demos/shot-transitions/WhipBrakeReal.tsx",
+        "source/demos/shot-transitions/WhipPanReal.tsx",
+        "source/template/src/aifl/Main.tsx"
+      ],
+      "styles": [
+        {
+          "key": "flash-cut",
+          "label": "推进流白 flash-cut",
+          "description": "前镜相机推进，切点跨骑一层白闪盖住换页",
+          "use": "交互穿透、能量相近的页面→页面（库内已有，收编）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/shot-transitions/README.md",
+          "source_files": [
+            "source/demos/shot-transitions/MaskWipeReal.tsx",
+            "source/demos/shot-transitions/PortalWipeV2.tsx",
+            "source/demos/shot-transitions/WhipBrakeReal.tsx",
+            "source/demos/shot-transitions/WhipPanReal.tsx",
+            "source/template/src/aifl/Main.tsx"
+          ]
+        },
+        {
+          "key": "shot-transitions-4",
+          "label": "穿暗场直航",
+          "description": "相机顺运动方向推出前景→纯暗场滑行几帧→后景从景深迎面放大而来，一条 take 不切",
+          "use": "高能量→高能量的场景跳转；暗色调全片的主力转场",
+          "implementation_status": "implemented",
+          "usage_document": "cards/shot-transitions/README.md",
+          "source_files": [
+            "source/demos/shot-transitions/MaskWipeReal.tsx",
+            "source/demos/shot-transitions/PortalWipeV2.tsx",
+            "source/demos/shot-transitions/WhipBrakeReal.tsx",
+            "source/demos/shot-transitions/WhipPanReal.tsx",
+            "source/template/src/aifl/Main.tsx"
+          ]
+        },
+        {
+          "key": "shot-transitions-5",
+          "label": "虚焦接力",
+          "description": "前景滑出焦平面（blur 渐深）同时后景反向收焦入场，焦点当剪辑点",
+          "use": "同页面内区块→区块；文档/长页游览的分段",
+          "implementation_status": "implemented",
+          "usage_document": "cards/shot-transitions/README.md",
+          "source_files": [
+            "source/demos/shot-transitions/MaskWipeReal.tsx",
+            "source/demos/shot-transitions/PortalWipeV2.tsx",
+            "source/demos/shot-transitions/WhipBrakeReal.tsx",
+            "source/demos/shot-transitions/WhipPanReal.tsx",
+            "source/template/src/aifl/Main.tsx"
+          ]
+        },
+        {
+          "key": "shot-transitions-6",
+          "label": "黑场字卡",
+          "description": "前镜收尾淡入黑场，字卡打字机/压印出现，再交棒后镜",
+          "use": "章节级分段 + 呼吸位二合一（paper-title-card 的暗场变体）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/shot-transitions/README.md",
+          "source_files": [
+            "source/demos/shot-transitions/MaskWipeReal.tsx",
+            "source/demos/shot-transitions/PortalWipeV2.tsx",
+            "source/demos/shot-transitions/WhipBrakeReal.tsx",
+            "source/demos/shot-transitions/WhipPanReal.tsx",
+            "source/template/src/aifl/Main.tsx"
+          ]
+        },
+        {
+          "key": "whip-pan",
+          "label": "whip-pan 甩镜",
+          "description": "机位一拍横甩到下一场景，中段运动模糊糊到不可辨，借糊帧换景",
+          "use": "快节奏功能段连打（高能量→高能量的轻快款，比 B 式省帧提速）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/shot-transitions/README.md",
+          "source_files": [
+            "source/demos/shot-transitions/MaskWipeReal.tsx",
+            "source/demos/shot-transitions/PortalWipeV2.tsx",
+            "source/demos/shot-transitions/WhipBrakeReal.tsx",
+            "source/demos/shot-transitions/WhipPanReal.tsx",
+            "source/template/src/aifl/Main.tsx"
+          ]
+        },
+        {
+          "key": "mask-wipe",
+          "label": "mask-wipe 穿窗",
+          "description": "页面内真实元素（卡片）放大成全屏窗口，新场景从窗内长出接管",
+          "use": "语义化接缝：功能总览→该功能详情（\"点开这张卡进入它的世界\"）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/shot-transitions/README.md",
+          "source_files": [
+            "source/demos/shot-transitions/MaskWipeReal.tsx",
+            "source/demos/shot-transitions/PortalWipeV2.tsx",
+            "source/demos/shot-transitions/WhipBrakeReal.tsx",
+            "source/demos/shot-transitions/WhipPanReal.tsx",
+            "source/template/src/aifl/Main.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "skeleton-reveal",
+      "summary": "草稿→骨架→内容三级显影——手绘涂鸦占位（煮沸抖动）一拍被灰条骨架窗口替换，骨架列表滚入后镜头推近、灰条逐行显影成头像+逐词文字，末词晚半拍落地",
+      "use": "产品 UI 的\"从无到有\"登场叙事；开场后第一次亮产品界面的段落",
+      "duration": "~5.7s（172f：涂鸦 1s + 换真 0.3s + 骨架滚入 1.2s + 推近显影 3s）",
+      "energy": "中（叙事型登场，重点是\"变成真的\"那两次跃迁）",
+      "intention": "UI 登场库全是\"整页一次到位\"（飞入/落位/擦出）。本卡把登场拆成\r\n**三级保真度跃迁**：手绘涂鸦（想法）→ 灰条骨架（结构）→ 真实内容\r\n（产品），每次跃迁都是一拍\"变成真的\"的爽点，观众跟着走完\"从草图\r\n到产品\"的叙事弧。骨架→内容的显影借的是加载态语法——用户天天见\r\nskeleton screen，看到灰条就知道\"内容要来了\"，预期免费。与\r\ndocument-typewriter-reveal 分工：那是**一份文档**被逐块写出来（内容是\r\n主角、要读字）；本卡是**一个界面**逐级变真（结构是主角、字是最后\r\n一级质感）。与 ai-stream-response 分工：那是证据行逐条\"汇入\"（列表\r\n在生长），本卡是已就位的占位\"显影\"（布局早定，保真度在升级）。",
+      "usage_document": "cards/skeleton-reveal/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/skeleton-reveal/SkeletonReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "skeleton-reveal",
+          "label": "skeleton-reveal",
+          "description": "草稿→骨架→内容三级显影——手绘涂鸦占位（煮沸抖动）一拍被灰条骨架窗口替换，骨架列表滚入后镜头推近、灰条逐行显影成头像+逐词文字，末词晚半拍落地",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/skeleton-reveal/README.md",
+          "source_files": [
+            "source/demos/skeleton-reveal/SkeletonReveal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "slam-entrance-moves",
+      "summary": "高能砸入三式——kanada-perspective-snap 金田透视急停、score-slam 比分砸落、impact-burst-kit 落点冲击套件（波及邻卡）",
+      "use": "主角卡/KPI 卡的重拳入场；impact-feedback 管落位后的反馈，本卡管入场本身就是冲击",
+      "duration": "单式动作段 6–22f + 冲击余波 ~16f + hold ≥45f",
+      "energy": "高",
+      "intention": "库内入场词汇的力度上限一直是 deck-deal-flyin 的\"发牌\"——快但不重。\r\n本卡补\"砸\"这一档，三种口味：A 是方向感——卡片带鱼眼级夸张透视贴着\r\n镜头甩进来，\"啪\"地弹平，动漫金田流的潇洒；B 是重量感——KPI 卡从\r\n镜头前 2.5 倍大小砸落，圆环+尘点+震屏三件套同帧起爆，体育比分弹窗\r\n的分量；C 是传导感——B 的三件套之上，冲击波前沿扫过左右邻卡时把\r\n它们可见地推开再弹回，\"这一下震到了邻居\"，一件事说清力量大小。\r\n选型按叙事需要：告诉观众\"它来了\"用 A，\"它很重\"用 B，\"它震动了\r\n全场\"用 C。",
+      "usage_document": "cards/slam-entrance-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/slam-entrance-moves/ImpactBurstKit.tsx",
+        "source/demos/slam-entrance-moves/KanadaPerspectiveSnap.tsx",
+        "source/demos/slam-entrance-moves/ScoreSlam.tsx"
+      ],
+      "styles": [
+        {
+          "key": "kanada-perspective-snap",
+          "label": "kanada-perspective-snap",
+          "description": "perspective 300→1500px + rotate3d 58°→0 + scale 1.7→1 甩入 18f，末 4f 过冲 +5° 弹平，长斜影收正",
+          "use": "单卡潇洒亮相；调性偏动漫/轻快",
+          "implementation_status": "implemented",
+          "usage_document": "cards/slam-entrance-moves/README.md",
+          "source_files": [
+            "source/demos/slam-entrance-moves/KanadaPerspectiveSnap.tsx"
+          ]
+        },
+        {
+          "key": "score-slam",
+          "label": "score-slam",
+          "description": "卡从 scale 2.5/rotate 5° 六帧 Easing.in(quad) 砸落，落点帧圆环扩散+尘点飞散+震屏同帧",
+          "use": "KPI/比分类重磅数字登场",
+          "implementation_status": "implemented",
+          "usage_document": "cards/slam-entrance-moves/README.md",
+          "source_files": [
+            "source/demos/slam-entrance-moves/ScoreSlam.tsx"
+          ]
+        },
+        {
+          "key": "impact-burst-kit",
+          "label": "impact-burst-kit",
+          "description": "B 三件套 + 冲击波前沿按半径-距离精算扫过邻卡帧，邻卡外推 30px + rotate ±3° 阻尼弹回",
+          "use": "页面上已有邻居时的\"全场震动\"",
+          "implementation_status": "implemented",
+          "usage_document": "cards/slam-entrance-moves/README.md",
+          "source_files": [
+            "source/demos/slam-entrance-moves/ImpactBurstKit.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "smear-multiples",
+      "summary": "残像分身——卡片高速横移时拖 4 个清晰可数的半透明分身副本，落位瞬间收拢合一；motion blur 的动画式平替",
+      "use": "元素高速位移段想要\"漫画式速度感\"而非\"摄影式模糊\"时；与 CameraMotionBlur 二选一",
+      "duration": "元素级技法（移动 12f + 合拢回弹 8f，寄生在位移动作上）",
+      "energy": "中高",
+      "intention": "快速位移的速度感库内标准答案是 CameraMotionBlur（摄影隐喻：快门拖影，\r\n连续的糊）。本卡给第二个答案，动漫演出的 smear frame 传统：残像是\r\n**离散、清晰、可数的**完整副本——观众能数出 4 张卡，读作\"快到留下\r\n分身\"而非\"快到糊掉\"。两者气质完全不同：blur 是实拍级质感，分身是\r\n漫画级趣味；同一次位移二选一，叠用读作渲染错误。分身式还有一个\r\n实用优势：残像里内容仍可辨，适合\"移动的东西本身是信息\"的场景。",
+      "usage_document": "cards/smear-multiples/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/smear-multiples/SmearMultiples.tsx"
+      ],
+      "styles": [
+        {
+          "key": "smear-multiples",
+          "label": "smear-multiples",
+          "description": "残像分身——卡片高速横移时拖 4 个清晰可数的半透明分身副本，落位瞬间收拢合一；motion blur 的动画式平替",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/smear-multiples/README.md",
+          "source_files": [
+            "source/demos/smear-multiples/SmearMultiples.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "space-camera-moves",
+      "summary": "3D 空间化运镜三式——exploded-view 爆炸分解（构件沿 Z 炸开再合体）、snorricam-lock 主体锁定背景翻滚、drone-dive-landing 无人机俯冲降落",
+      "use": "把平面页面当 3D 实体拍的高光段落；三式都是\"大动作\"，一支片合计 ≤2 次",
+      "duration": "A 5s（炸开-悬停-合体全程）；B 4.5–5s 单次狂奔；C 3–5s 单向俯冲",
+      "energy": "高",
+      "intention": "depth-layer 卡是给平移加纵深——层在动、页面还是页面。这三式更进一步：\r\n整页被当成一个 3D 实体，相机（或世界）绕着它做实拍级机动。三式叙事\r\n语义各占一格：A 说\"看看它由什么组成\"（拆解展示，Apple 发布片语言）；\r\nB 说\"这张卡带你狂奔\"（主角钉死、全世界翻滚掠过，动能全给背景）；\r\nC 说\"从全局俯瞰砸到主角\"（上帝视角一头扎进 hero 特写，全景→焦点）。",
+      "usage_document": "cards/space-camera-moves/README.md",
+      "dependencies": [
+        "@remotion/motion-blur",
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/space-camera-moves/DroneDiveLanding.tsx",
+        "source/demos/space-camera-moves/ExplodedView.tsx",
+        "source/demos/space-camera-moves/SnorricamLock.tsx"
+      ],
+      "styles": [
+        {
+          "key": "exploded-view",
+          "label": "exploded-view",
+          "description": "整页 3D 倾斜后构件沿 Z 轴错峰炸开悬停，一拍后逆序合体震屏收口",
+          "use": "架构/组成展示：\"这个产品里有什么\"；模块总览段",
+          "implementation_status": "implemented",
+          "usage_document": "cards/space-camera-moves/README.md",
+          "source_files": [
+            "source/demos/space-camera-moves/ExplodedView.tsx"
+          ]
+        },
+        {
+          "key": "snorricam-lock",
+          "label": "snorricam-lock",
+          "description": "前景主体焊死画面正中，背景整页四通道复合运动狂奔而过",
+          "use": "单个功能/卡片的高光时刻；速度感、失控感段落",
+          "implementation_status": "implemented",
+          "usage_document": "cards/space-camera-moves/README.md",
+          "source_files": [
+            "source/demos/space-camera-moves/SnorricamLock.tsx"
+          ]
+        },
+        {
+          "key": "drone-dive-landing",
+          "label": "drone-dive-landing",
+          "description": "近垂直俯角悬停 → 猛扎俯冲 → 气垫减速停在 hero 卡特写",
+          "use": "开场定场→入题；全局地图砸进单点的章节启动",
+          "implementation_status": "implemented",
+          "usage_document": "cards/space-camera-moves/README.md",
+          "source_files": [
+            "source/demos/space-camera-moves/DroneDiveLanding.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "spectrum-morph-ui",
+      "summary": "频谱化 UI——标题下划线裂成一排竖条按频谱跳动两小节，再收拢还原成直线；音乐可视化长在 UI 上",
+      "use": "有音轨片子的声画同步高光段（BGM 副歌起/鼓点密集段）；标题字卡、章节页的下划线/分隔线构件",
+      "duration": "~4.7s（裂开 8f + 跳动 64f + 收拢 12f + 静止 39f）",
+      "energy": "中",
+      "intention": "声画同步库内已有 type-rhythm-sync A（字重脉冲）——那是\"文字自己动\"；\r\n本卡是\"UI 构件变成均衡器\"：下划线这个最不起眼的构件被音乐借用两小节，\r\n裂成 28 根竖条跳出频谱，然后**收拢还原、完璧归赵**。借用-归还结构是\r\n全部优雅所在——观众先认出\"这是下划线\"，再看它变成别的东西，最后\r\n看它变回来；若一开始就是频谱条，只是又一个音乐可视化。跳完必须还原\r\n成那条 8px 直线，一像素不差。",
+      "usage_document": "cards/spectrum-morph-ui/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/spectrum-morph-ui/SpectrumMorphUi.tsx"
+      ],
+      "styles": [
+        {
+          "key": "spectrum-morph-ui",
+          "label": "spectrum-morph-ui",
+          "description": "频谱化 UI——标题下划线裂成一排竖条按频谱跳动两小节，再收拢还原成直线；音乐可视化长在 UI 上",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/spectrum-morph-ui/README.md",
+          "source_files": [
+            "source/demos/spectrum-morph-ui/SpectrumMorphUi.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "speed-ramp-freeze",
+      "summary": "帧号非线性 remap 的两款节奏手法——变速（快→0.2x 凝视→快）与定格标注（流动→定格圈注→解冻）",
+      "use": "卡片流/长横移中把一个重点\"放慢/停下给人看\"；教学解说语境用定格标注",
+      "duration": "变速全程 4–5s（慢速窗 ≥40f）；定格标注全程 4–5s（定格段 ≥45f）",
+      "energy": "中高（速度反差本身即energy beat）",
+      "intention": "匀速流读作 PPT（R2），全程快流观众抓不住重点（R3）。变速在一条\r\n运动里制造\"冲刺-凝视-冲刺\"；定格标注更进一步——干脆停下来，\r\n马克笔圈出重点再走。两款同一技术根（帧号 remap），语义不同：\r\n变速是\"路过时多看一眼\"，定格是\"停课划重点\"。",
+      "usage_document": "cards/speed-ramp-freeze/README.md",
+      "dependencies": [
+        "@remotion/motion-blur",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/speed-ramp-freeze/FreezeAnnotateReal.tsx",
+        "source/demos/speed-ramp-freeze/SpeedRampReal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "speed-ramp",
+          "label": "speed-ramp",
+          "description": "帧号非线性 remap 的两款节奏手法--变速（快→0.2x 凝视→快）与定格标注（流动→定格圈注→解冻）",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/speed-ramp-freeze/README.md",
+          "source_files": [
+            "source/demos/speed-ramp-freeze/FreezeAnnotateReal.tsx",
+            "source/demos/speed-ramp-freeze/SpeedRampReal.tsx"
+          ]
+        },
+        {
+          "key": "freeze-annotate",
+          "label": "freeze-annotate",
+          "description": "帧号非线性 remap 的两款节奏手法--变速（快→0.2x 凝视→快）与定格标注（流动→定格圈注→解冻）",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/speed-ramp-freeze/README.md",
+          "source_files": [
+            "source/demos/speed-ramp-freeze/FreezeAnnotateReal.tsx",
+            "source/demos/speed-ramp-freeze/SpeedRampReal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "split-flap-title",
+      "summary": "机场翻牌屏字标题——每字符上下两半机械翻牌格，翻过 2 个乱码咔哒停在目标字，左→右级联成波",
+      "use": "开场/章节大标题；倒计时、发布日期、数据播报类文案；需要\"机械宣告感\"的一拍",
+      "duration": "约 4.7s（140f：≥20f 乱码静止建立 + 级联翻牌 + ≥15f 停定静止）",
+      "energy": "中（持续的机械动感，非瞬时冲击）",
+      "intention": "文字三式的第三式：压印（paper-title-card）是纸上落墨的\"低语\"，打字机\r\n（document-typewriter-reveal）是文档被人写出来的\"叙述\"，翻牌是车站大屏的\r\n\"播报\"——带机械宣告腔。选翻牌的语境：倒计时/发车感（版本发布、截止日）、\r\n数据播报感（指标揭晓）、或想给标题一层复古机械质感。它天然是等宽深底\r\n格子，在库内纸墨审美里读作\"纸面上摆了一块机械显示屏\"——异色块本身\r\n就是看点，背景产品画面压暗降饱和给它让位。",
+      "usage_document": "cards/split-flap-title/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/split-flap-title/SplitFlapFlip.tsx"
+      ],
+      "styles": [
+        {
+          "key": "split-flap-title",
+          "label": "split-flap-title",
+          "description": "机场翻牌屏字标题——每字符上下两半机械翻牌格，翻过 2 个乱码咔哒停在目标字，左→右级联成波",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/split-flap-title/README.md",
+          "source_files": [
+            "source/demos/split-flap-title/SplitFlapFlip.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "spotlight-hero-card",
+      "summary": "聚光灯扫过页面锁定一张卡，斜 45° 推进后卡片弹起悬浮、光束沿轮廓两圈、贴回原位",
+      "use": "\"单一主角\"式产品开场；把一个核心对象（卡片/条目/模块）立成全片主角",
+      "duration": "约 4.6s（82–220f）",
+      "energy": "中（质感最高的一镜，节奏慢而稳）",
+      "intention": "开场只讲一件事：这一张卡就是产品的原子单位。聚光灯替观众做视线引导，弹起悬浮给它体积和重量，轮廓光束是\"扫描/检视\"的隐喻，最后贴回原位表示它属于这个页面。",
+      "usage_document": "cards/spotlight-hero-card/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/SceneOpen.tsx"
+      ],
+      "styles": [
+        {
+          "key": "spotlight-hero-card",
+          "label": "spotlight-hero-card",
+          "description": "聚光灯扫过页面锁定一张卡，斜 45° 推进后卡片弹起悬浮、光束沿轮廓两圈、贴回原位",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/spotlight-hero-card/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/SceneOpen.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "spotlight-sweep-moves",
+      "summary": "暗场聚光显影三式——A 醒睡扫过（光到即亮光走即暗）、B 贴边泛光横摇（紫光贴 UI 边缘渗入+聚光匀速右移）、C 角落匀速显影（径向聚光从角落匀速扩张点亮全屏）；黑场里\"光即叙事\"的 UI 展示",
+      "use": "暗色调品牌片里逐个介绍 UI 面板/功能区；黑场开场把界面\"点亮\"登场；段落间光转场",
+      "duration": "单式 3.5–4.5s；A/B 可串联成巡礼段",
+      "energy": "中低（克制、神秘感，爆点在\"亮起\"瞬间）",
+      "intention": "黑场里观众只能看见光给看的东西——聚光既是照明也是运镜和剪辑：\r\n光到哪里哪里登场，光走即谢幕。三式共用\"贴边紫色辉光光线\"这个\r\n身份元素（光线贴着 UI 边框/logo/顶边走，辉光要亮要糊，是光在\r\n\"抚摸\"界面而不是描边动画）。命门是**匀速**：聚光的移动/扩张\r\n严格 linear——缓动会让光有\"意图\"，匀速才读作探照灯的机械扫掠\r\n（C 式判例：linear 但半径终值过大＝前 1/4 就饱和，观感照样不匀速）。",
+      "usage_document": "cards/spotlight-sweep-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/spotlight-sweep-moves/CornerSpotlightReveal.tsx",
+        "source/demos/spotlight-sweep-moves/GlowWakeSleepPanel.tsx",
+        "source/demos/spotlight-sweep-moves/SlideSpotlightPan.tsx"
+      ],
+      "styles": [
+        {
+          "key": "glow-wake-sleep-panel",
+          "label": "glow-wake-sleep-panel",
+          "description": "醒睡扫过：radial 显影罩跟随光头从左向右匀速移动，贴顶边紫色光线三层辉光同行，经过 logo 描光、到右缘点亮竖直残光，尾段面板沉回黑暗",
+          "use": "暗色调品牌片里介绍单个 UI 面板——有醒有睡的登场与谢幕",
+          "implementation_status": "implemented",
+          "usage_document": "cards/spotlight-sweep-moves/README.md",
+          "source_files": [
+            "source/demos/spotlight-sweep-moves/GlowWakeSleepPanel.tsx"
+          ]
+        },
+        {
+          "key": "slide-spotlight-pan",
+          "label": "slide-spotlight-pan",
+          "description": "贴边泛光横摇：光线先绕左上角竖缘、转角后沿顶边横走，紫光晕染渗入 UI 顶部内侧；聚光头匀速右移显影 + 面板匀速左滑＝相机右摇感",
+          "use": "横向巡礼宽面板/多列看板，逐段点亮功能区",
+          "implementation_status": "implemented",
+          "usage_document": "cards/spotlight-sweep-moves/README.md",
+          "source_files": [
+            "source/demos/spotlight-sweep-moves/SlideSpotlightPan.tsx"
+          ]
+        },
+        {
+          "key": "corner-spotlight-reveal",
+          "label": "corner-spotlight-reveal",
+          "description": "角落匀速显影：左上角径向聚光半径严格 linear 扩张，照到显影照不到沉黑，最终全屏亮起——光即转场",
+          "use": "黑场开场点亮界面登场；段落间光转场",
+          "implementation_status": "implemented",
+          "usage_document": "cards/spotlight-sweep-moves/README.md",
+          "source_files": [
+            "source/demos/spotlight-sweep-moves/CornerSpotlightReveal.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "steep-tilt-glide",
+      "summary": "固定镜头下直立页面以 60° 强透视侧立（右近左远），页面自身沿其 3D 横面方向滑移掠过镜头（物动镜不动），滑移带速度重影、文字组件悬空贴落、由暗揭亮",
+      "use": "长页面/多区块 UI 的炫技巡览（内容依次滑过固定机位）；暗场霓虹调性；与贴面运镜卡互补的\"侧掠\"机位",
+      "duration": "4s（120f）单镜；页面越宽越可拉长",
+      "energy": "中高（透视炫技+持续运动，但节奏是匀的）",
+      "intention": "把页面立成一堵斜墙：镜头钉死不动，60° 强透视让右缘贴脸、左缘\r\n消失在灭点，页面自己沿自身平面横向滑移——内容像列车车厢一样\r\n依次掠过。命门是**物动镜不动**：perspective/origin/rotY 全程常数，\r\n唯一动的量是页面局部 translateX——镜头一动语义就变成运镜炫技，\r\n这里的戏是\"页面在自我展示\"。角度经三轮收敛为精确 60°\r\n（-45°\"不对\"→-53°\"再大一点\"→-60°选中）。",
+      "usage_document": "cards/steep-tilt-glide/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/steep-tilt-glide/SteepTiltGlide.tsx"
+      ],
+      "styles": [
+        {
+          "key": "steep-tilt-glide",
+          "label": "steep-tilt-glide",
+          "description": "固定镜头下直立页面以 60° 强透视侧立（右近左远），页面自身沿其 3D 横面方向滑移掠过镜头（物动镜不动），滑移带速度重影、文字组件悬空贴落、由暗揭亮",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/steep-tilt-glide/README.md",
+          "source_files": [
+            "source/demos/steep-tilt-glide/SteepTiltGlide.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "stroke-segment-build",
+      "summary": "断笔成字——标题拆成十几段互不相连的笔画乱序逐段点亮，前 70% 不可读，末段落位瞬间语义\"啪\"地成立",
+      "use": "开场吊悬念的产品名/大数字揭晓；一支片 ≤1 次；与 type-assembly/draw-svg-trace 分工：那些是\"看着字被组装/描画\"，本卡是\"意义延迟揭晓\"",
+      "duration": "4–5s",
+      "energy": "低起中收（悬念型，落位帧是能量点）",
+      "intention": "《异形》片头判例：标题不是被画出来的，是\"显影\"出来的——拆成离散\r\n笔画段乱序点亮，观众前 70% 时间只看到神秘碎段，最后几段落位的瞬间\r\n突然读出是什么字。\"认出的那一刻\"就是钩子，钩子的强度取决于\r\n不可读期撑多久、钥匙段压多晚。",
+      "usage_document": "cards/stroke-segment-build/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/stroke-segment-build/StrokeSegmentBuild.tsx"
+      ],
+      "styles": [
+        {
+          "key": "stroke-segment-build",
+          "label": "stroke-segment-build",
+          "description": "断笔成字——标题拆成十几段互不相连的笔画乱序逐段点亮，前 70% 不可读，末段落位瞬间语义\"啪\"地成立",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/stroke-segment-build/README.md",
+          "source_files": [
+            "source/demos/stroke-segment-build/StrokeSegmentBuild.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "tear-streak-transitions",
+      "summary": "撕裂转场——glitch-displace 噪声撕裂（16 横条错位抖动中硬切），数字故障语义的条带级撕裂",
+      "use": "高能换页：数字故障/断裂语义；页面完整性不破、能量拉满的条带级撕裂",
+      "duration": "前态 ≥40f + 撕裂 17–24f + 收尾 ≥40f，约 4.5s（135–140f）",
+      "energy": "高",
+      "intention": "本卡管**条带级撕裂**——页面被切成横条高速运动，但每条内容完整。\r\n这是反复裁决划出的品味分界：碎块系转场三连否（doom-melt 竖条坠落、\r\npixel-dissolve 方块翻黑、facade-block 砖块翻飞全部淘汰），条带系过关。碎块读作\"页面被破坏\"，条带读作\"页面在高速\r\n运动\"——完整性不破、能量却拉满。横向撕：条带左右错位抖动 +\r\n明暗重影，数字故障的灰阶降维（RGB split 改明暗双重影）。\r\n适用系统故障/瞬间跳变语义。",
+      "usage_document": "cards/tear-streak-transitions/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/tear-streak-transitions/GlitchDisplace.tsx"
+      ],
+      "styles": [
+        {
+          "key": "glitch-displace",
+          "label": "glitch-displace",
+          "description": "撕裂转场——glitch-displace 噪声撕裂（16 横条错位抖动中硬切），数字故障语义的条带级撕裂",
+          "use": "故障/断裂语义；高潮前的暴力换页",
+          "implementation_status": "implemented",
+          "usage_document": "cards/tear-streak-transitions/README.md",
+          "source_files": [
+            "source/demos/tear-streak-transitions/GlitchDisplace.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "tension-camera-moves",
+      "summary": "情绪运镜四式——bullet-time 冻结环绕、dutch-roll 斜角滚正、slow-push 慢推压迫、pull-back 拉远孤立，相机替观众\"感受\"而非\"看\"",
+      "use": "情绪节点（震撼/纠偏/积压/收束）的运镜语言；与 space-camera-moves 的\"炫技大动作\"互补——这四式动作小、情绪重",
+      "duration": "单式 4–5s；全片合计 ≤2 式（各 ≤1 次）",
+      "energy": "A 高 / B 中 / C 低压升 / D 低收",
+      "intention": "space-camera-moves 三式是\"把页面当 3D 实体拍\"的高光炫技；这四式相反——\r\n动作本身克制，全部劲道在情绪语义上：A 说\"这一刻值得停下时间看\"\r\n（运动中的元素被冻住、相机绕行审视）；B 说\"问题解决了，世界被扶正\"\r\n（斜角悬着的难受感在节拍上滚回水平）；C 说\"有什么要发生了\"（慢到\r\n不自觉的推近积压张力，顶点硬切释放）；D 说\"最后只剩这一件事\"\r\n（后拉中周围逐层熄灭，孤悬一点收束全片）。四式各占一个情绪格，\r\n是分镜阶段\"这一段观众该感到什么\"的直接词汇。",
+      "usage_document": "cards/tension-camera-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/tension-camera-moves/BulletTimeFreezeOrbit.tsx",
+        "source/demos/tension-camera-moves/DutchRollToLevel.tsx",
+        "source/demos/tension-camera-moves/PullBackIsolation.tsx",
+        "source/demos/tension-camera-moves/SlowPushIn.tsx"
+      ],
+      "styles": [
+        {
+          "key": "bullet-time-freeze-orbit",
+          "label": "bullet-time-freeze-orbit 冻结环绕",
+          "description": "图表生长到一半全冻住，相机绕悬停的 UI 平面 rotateY 扫 55° 再回，时间恢复接着长完",
+          "use": "核心数据/图表的加冕时刻；\"值得停表看\"的一格",
+          "implementation_status": "implemented",
+          "usage_document": "cards/tension-camera-moves/README.md",
+          "source_files": [
+            "source/demos/tension-camera-moves/BulletTimeFreezeOrbit.tsx"
+          ]
+        },
+        {
+          "key": "dutch-roll-to-level",
+          "label": "dutch-roll-to-level 斜角滚正",
+          "description": "痛点段整帧 -10° 斜角悬着（叠微漂移），解决方案一拍带单次过冲滚回水平",
+          "use": "痛点→方案的翻转节拍；纠偏语义",
+          "implementation_status": "implemented",
+          "usage_document": "cards/tension-camera-moves/README.md",
+          "source_files": [
+            "source/demos/tension-camera-moves/DutchRollToLevel.tsx"
+          ]
+        },
+        {
+          "key": "slow-push-in",
+          "label": "slow-push-in 慢推压迫",
+          "description": "4s 匀加速推近 1.00→1.14 + 暗角渐深，张力顶点无过渡硬切亮场",
+          "use": "大数字/宣言前的蓄力；暗→亮的章节爆点",
+          "implementation_status": "implemented",
+          "usage_document": "cards/tension-camera-moves/README.md",
+          "source_files": [
+            "source/demos/tension-camera-moves/SlowPushIn.tsx"
+          ]
+        },
+        {
+          "key": "pull-back-isolation",
+          "label": "pull-back-isolation 拉远孤立",
+          "description": "从发光主卡特写后拉，兄弟卡按距离错峰熄灭、背景沉黑，孤卡悬在暗场中央",
+          "use": "结尾收束；\"全片只为这一个数字\"的谢幕",
+          "implementation_status": "implemented",
+          "usage_document": "cards/tension-camera-moves/README.md",
+          "source_files": [
+            "source/demos/tension-camera-moves/PullBackIsolation.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-as-mask",
+      "summary": "文字视频遮罩——超粗大标题字内部透出缓慢平移的产品画面，结尾字形放大 26 倍溢出、内部画面接管全屏",
+      "use": "品牌词/口号与产品画面二合一的开场或章节卡；字是门、产品在门里",
+      "duration": "5s（hold 20f + 字内漂移 80f + 放大接管 30f + 静止 20f）",
+      "energy": "中高（漂移段沉稳，接管段一次爆发）",
+      "intention": "标题和产品画面抢屏幕是老问题——先字后画慢，画上压字挤。这一式让\r\n两者同体：字形就是遮罩，产品只透过笔画显形，观众同时读到词和画面\r\n质感；结尾字形胀开溢出画幅，产品自然接管全屏——\"从品牌词走进产品\"\r\n一条镜头说完，兼任章节转场（与 transition-travel C 字腔穿越同族：\r\n那边是镜头钻进字腔，这边是字形自己胀开，前者相机动、后者门动）。",
+      "usage_document": "cards/text-as-mask/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/text-as-mask/TextAsMask.tsx"
+      ],
+      "styles": [
+        {
+          "key": "text-as-mask",
+          "label": "text-as-mask",
+          "description": "文字视频遮罩——超粗大标题字内部透出缓慢平移的产品画面，结尾字形放大 26 倍溢出、内部画面接管全屏",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/text-as-mask/README.md",
+          "source_files": [
+            "source/demos/text-as-mask/TextAsMask.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-column-converge",
+      "summary": "双词对峙合拢——左\"NEW\"右特性词钉死在等屏边距两侧硬切轮换、全程零收缩，换到最后一词才唯一一次 ease-in-out 滑到居中咬合成短语，下方小字近乎硬切浮现；收尾揭晓型文字卡",
+      "use": "特性清单收束到产品名/口号的段落（\"NEW × 一串特性 → NEW <产品名>\"式）；发布会式 recap、版本号揭晓",
+      "duration": "轮换 7–16f/词 × 8–9 词 + 合拢 ~36f + 小字后静置；全段约 5–6s",
+      "energy": "中低（机器节奏、小字规格清单气质，不是砸字）",
+      "intention": "两词分踞左右像目录页对峙，观众以为只是轮换字幕；直到最后一词\r\n停稳才发现左右其实是同一句话的两半——唯一一次连续合拢把整段\r\n轮换追认为\"悬念铺垫\"。命门是**钉死**：轮换期两词位置一像素不动、\r\n左右屏边距完全相等（原片实测 412 vs 413@1280），任何渐进收缩都会\r\n提前剧透合拢、把揭晓稀释成进度条。合拢只许发生一次，且必须在\r\n最后一词之后——这是收尾揭晓，不是持续动效。",
+      "usage_document": "cards/text-column-converge/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/text-column-converge/TextColumnConverge.tsx"
+      ],
+      "styles": [
+        {
+          "key": "text-column-converge",
+          "label": "text-column-converge",
+          "description": "双词对峙合拢——左\"NEW\"右特性词钉死在等屏边距两侧硬切轮换、全程零收缩，换到最后一词才唯一一次 ease-in-out 滑到居中咬合成短语，下方小字近乎硬切浮现；收尾揭晓型文字卡",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/text-column-converge/README.md",
+          "source_files": [
+            "source/demos/text-column-converge/TextColumnConverge.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "theme-switch-moves",
+      "summary": "主题切换两式——theme-sweep 斜向扫场（边界扫过处就地换肤）与 palette-ripple 组合款（⌘K 面板收缩成点、涟漪从点荡开换肤）",
+      "use": "深色模式/主题功能的叙事段落；同一 UI \"在你眼前变色\"而非切到新场景",
+      "duration": "A 3–4s / B 5–6s",
+      "energy": "A 中 / B 中高（组合款有完整因果链）",
+      "intention": "深浅模式切换的两种拍法。A（Notion/Figma/Linear 惯用）：15° 斜向\r\n边界带亮线从左上扫到右下，边界经过处浅色**就地**变深色，同布局\r\n双主题共存一瞬——观众看到的是\"同一个 UI 换肤\"，不是转场。\r\nB（组合变异）：⌘K 面板输入 \"dark\" 回车，面板收缩成一个亮点，\r\n深色涟漪**从该点**荡开扫过全 UI——\"命令引发换肤\"的因果链完整可读。\r\n组合命门：涟漪圆心必须是面板收缩点、起始帧必须是收缩完成帧。",
+      "usage_document": "cards/theme-switch-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/theme-switch-moves/PaletteThemeRipple.tsx",
+        "source/demos/theme-switch-moves/ThemeSweepToggle.tsx"
+      ],
+      "styles": [
+        {
+          "key": "theme-sweep-toggle",
+          "label": "theme-sweep-toggle",
+          "description": "深色版 clip-path polygon 15° 斜边扫场（out poly3 先快后缓 ~38f），边界 4px 白亮线+18px 辉光，扫完 2f 淡出；深版 scale 1→0.995→1 坐实",
+          "use": "主题功能直接展示",
+          "implementation_status": "implemented",
+          "usage_document": "cards/theme-switch-moves/README.md",
+          "source_files": [
+            "source/demos/theme-switch-moves/ThemeSweepToggle.tsx"
+          ]
+        },
+        {
+          "key": "palette-theme-ripple",
+          "label": "palette-theme-ripple",
+          "description": "面板 back(1.9) 弹落→逐字输入→回车面板 ease-in 收缩到 0 + 白色高光核钉住位置→圆形 clip 半径 12→1250px cubic-out 荡开，边缘 5px 白环双向辉光",
+          "use": "命令面板+主题联动的高光段",
+          "implementation_status": "implemented",
+          "usage_document": "cards/theme-switch-moves/README.md",
+          "source_files": [
+            "source/demos/theme-switch-moves/PaletteThemeRipple.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "timeline-travel",
+      "summary": "时间轴横移——镜头沿水平刻度轴加速掠过版本刻度，每过一格卡片弹立短停，末刻度急停推近",
+      "use": "changelog/里程碑/发展史段落（\"我们一直在发货\"的另一种拍法）；与 scroll-brake-moves 分工：那卡是纵向列表急刹，本卡是横向时间旅行",
+      "duration": "4–5s",
+      "energy": "中高（加速→急刹的节奏型镜头）",
+      "intention": "把产品的版本史拍成一次沿时间轴的旅行（《反恐王国》片头判例）：\r\n镜头缓起→冲刺→急刹三段变速横移，v1.0/v2.0/v3.0 刻度依次掠过，\r\n每过一格对应卡片从刻度线上 spring 弹立——历史在窗外闪过，\r\n急停在\"今天\"并推近。速度本身讲\"发展快\"，急停讲\"现在最重要\"。",
+      "usage_document": "cards/timeline-travel/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/timeline-travel/TimelineTravel.tsx"
+      ],
+      "styles": [
+        {
+          "key": "timeline-travel",
+          "label": "timeline-travel",
+          "description": "时间轴横移——镜头沿水平刻度轴加速掠过版本刻度，每过一格卡片弹立短停，末刻度急停推近",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/timeline-travel/README.md",
+          "source_files": [
+            "source/demos/timeline-travel/TimelineTravel.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "title-demote-to-label",
+      "summary": "大标题降格为节标签两式——A 大标题居中显影站稳一拍后连续缩小 0.3x 平移到左上角落成小节标签、内容区在其下生长；B 同套路但登场时带文本选中态高亮块扫入再撤掉",
+      "use": "章节开场（标题先当主角再让位给内容）；教程/功能演示片的小节交接；B 式给\"文字/编辑\"类产品加身份暗示",
+      "duration": "A ~3s（92f）/ B ~3.5s（104f）；demo 两式串播 196f",
+      "energy": "低中（版式变换型，氛围镜头）",
+      "intention": "章节标题的常规命运是\"出现→消失→内容登场\"，标题和内容互不认识。\r\n本卡让标题**降格而不退场**：居中大字站稳一拍宣告主题，然后一次连续\r\n补间缩到 0.3x 飞到左上角，落成这一节的栏目标签——它还在屏幕上，\r\n只是从主角变成了门牌。观众获得免费的空间记忆：刚才那个大词就是\r\n现在左上角那个小词，本节讲的就是它。内容骨架在降格进行中就开始\r\n生长，交接零空档。",
+      "usage_document": "cards/title-demote-to-label/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/title-demote-to-label/TitleDemoteToLabel.tsx"
+      ],
+      "styles": [
+        {
+          "key": "title-demote-to-label",
+          "label": "title-demote-to-label",
+          "description": "大标题降格为节标签两式——A 大标题居中显影站稳一拍后连续缩小 0.3x 平移到左上角落成小节标签、内容区在其下生长；B 同套路但登场时带文本选中态高亮块扫入再撤掉",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/title-demote-to-label/README.md",
+          "source_files": [
+            "source/demos/title-demote-to-label/TitleDemoteToLabel.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "trailer-grammar-moves",
+      "summary": "预告片语法三式——trailer-bumper 前置速剪钩子、card-footage-cadence 字卡穿插对话、smash-cut 猛切入定",
+      "use": "预告片的三个结构性时刻：开场怎么钩（A）、中段怎么对话（B）、高潮怎么收（C）；三式合用即一支预告片的骨架",
+      "duration": "A ~4.7s / B ~5s / C ~4.5s",
+      "energy": "A 高 / B 中 / C 高",
+      "intention": "库内节奏卡各管一段：beat-cut 管切点排布、montage-rhythm 管段落呼吸、\r\nrhythm-interrupt 管打断。本卡管**预告片的结构性时刻**——不是某个\r\n镜头怎么动，是整片的三个关节怎么接：A 是开场钩——正片前 0.9 秒塞\r\n三个最抓眼镜头速剪 + 黑场静默一拍再开场，预告片的\"预告\"；B 是中段\r\n对话——UI 镜头与黑底短语卡互相接拍交替硬切，画面与文字都踩拍点，\r\n第三幕结构；C 是高潮句号——满屏动势轰鸣最高潮一帧硬切成整齐静止\r\n全景死寂，喧闹→死寂。三式合用即一支预告片的骨架。",
+      "usage_document": "cards/trailer-grammar-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/trailer-grammar-moves/CardFootageCadence.tsx",
+        "source/demos/trailer-grammar-moves/SmashCut.tsx",
+        "source/demos/trailer-grammar-moves/TrailerBumper.tsx"
+      ],
+      "styles": [
+        {
+          "key": "trailer-bumper",
+          "label": "trailer-bumper",
+          "description": "三镜头各 9f 等长硬切（0/9/18），每镜内部 scale 1→1.04 微推保活；27-33f 纯黑静默，33f 起标题 16f 淡入 + 44px out-cubic 微升",
+          "use": "正片开场前的钩子；cold open",
+          "implementation_status": "implemented",
+          "usage_document": "cards/trailer-grammar-moves/README.md",
+          "source_files": [
+            "source/demos/trailer-grammar-moves/TrailerBumper.tsx"
+          ]
+        },
+        {
+          "key": "card-footage-cadence",
+          "label": "card-footage-cadence",
+          "description": "七段条件挂载分段（14/22/34/42/52/62 切点）：UI 段带微动（缓推/裁切横移），字卡段黑底白字 1.05→1 落定微缩",
+          "use": "中段画面与文字对话；卖点三连",
+          "implementation_status": "implemented",
+          "usage_document": "cards/trailer-grammar-moves/README.md",
+          "source_files": [
+            "source/demos/trailer-grammar-moves/CardFootageCadence.tsx"
+          ]
+        },
+        {
+          "key": "smash-cut",
+          "label": "smash-cut",
+          "description": "轰鸣段全 Easing.in(quad)：背景推近 1→1.55 + rotate 1.8°、5 张飞卡错峰加速冲脸 + 速度门控模糊；42f 一帧硬切无动画属性的静止全景",
+          "use": "全片最高潮的收束句号",
+          "implementation_status": "implemented",
+          "usage_document": "cards/trailer-grammar-moves/README.md",
+          "source_files": [
+            "source/demos/trailer-grammar-moves/SmashCut.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition-hidden-cut",
+      "summary": "藏切点转场三式——前景遮挡隐形切、对撞开屏、暖色漏光，硬切藏进遮挡/撞击/光峰的 1-3 帧里，观众看不见剪刀",
+      "use": "两镜衔接处需要\"无痕换景\"或\"仪式感开屏\"时（技法卡，与 shot-transitions 六式同层选型）",
+      "duration": "n/a（技法卡；各式占用帧数见参数表，从相邻镜头预算里划）",
+      "energy": "n/a（技法卡，不占能量位）",
+      "intention": "与 shot-transitions A 式 flash-cut 同族：flash-cut 用一层白闪盖住硬切，\r\n这三式换了三种\"障眼物\"——扫过的前景卡片（A）、对撞的撞击帧（B）、\r\n爬到顶峰的漏光（C）。共同原理是魔术误导：观众的眼睛被大动作/强光\r\n吸走的那 1-3 帧里完成硬切，回过神来景已经换了，全程\"看不见剪刀\"。\r\nflash-cut 是最素的一款；要方向感选 A，要仪式感选 B，要温度选 C。",
+      "usage_document": "cards/transition-hidden-cut/README.md",
+      "dependencies": [
+        "@remotion/motion-blur",
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/transition-hidden-cut/InvisibleCut.tsx",
+        "source/demos/transition-hidden-cut/LightLeakBurn.tsx",
+        "source/demos/transition-hidden-cut/VersusSlam.tsx"
+      ],
+      "styles": [
+        {
+          "key": "invisible-cut",
+          "label": "invisible-cut 前景遮挡隐形切",
+          "description": "一张超画幅卡片带重运动模糊贴脸横扫，糊满全屏的遮挡帧内背景 A→B 硬切，卡片飞出观众以为还是同一镜",
+          "use": "想让换景完全无痕的页面→页面；伪\"一条 take\"的主力款",
+          "implementation_status": "implemented",
+          "usage_document": "cards/transition-hidden-cut/README.md",
+          "source_files": [
+            "source/demos/transition-hidden-cut/InvisibleCut.tsx"
+          ]
+        },
+        {
+          "key": "versus-slam",
+          "label": "versus-slam 对撞开屏",
+          "description": "左右两半屏带斜切边从画外加速对冲撞合，撞击帧白闪+震屏+VS 盖章，切点就是撞击本身",
+          "use": "对比/对阵语义的开屏或章节头（新旧方案、双产品、before/after）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/transition-hidden-cut/README.md",
+          "source_files": [
+            "source/demos/transition-hidden-cut/VersusSlam.tsx"
+          ]
+        },
+        {
+          "key": "light-leak-burn",
+          "label": "light-leak-burn 琥珀漏光",
+          "description": "三团琥珀柔光沿对角线斜扫，光峰帧吞掉旧页约七成时硬切新页，光退散时新页已就位",
+          "use": "想要暖调/胶片味的章节过渡；比白闪柔、有方向、有温度",
+          "implementation_status": "implemented",
+          "usage_document": "cards/transition-hidden-cut/README.md",
+          "source_files": [
+            "source/demos/transition-hidden-cut/LightLeakBurn.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transition-travel",
+      "summary": "穿越式转场两式——共享元素归位、字腔穿越，镜头钻进画面里的真实元素完成换景",
+      "use": "前后两镜存在\"元素/容器\"级空间关系的接缝（技法卡，与 shot-transitions 六式互补选用）",
+      "duration": "n/a（技法卡；各式动作段 25–60f，前后 hold 另计，帧数从相邻镜头预算里划）",
+      "energy": "n/a（技法卡，不占能量位）",
+      "intention": "shot-transitions 六式是\"交棒\"型——前镜收尾、后镜入场，接缝靠白闪/暗场/\r\n焦点/黑场/糊帧/窗口盖住换页瞬间。本卡两式是\"穿越\"型——后景在前景画面里\r\n以真实元素存在（网格槽位/字形洞），镜头一条连续空间运动钻进去，\r\n观众从头到尾跟着同一个物体，没有交棒瞬间。选型口径：后景能在前景里\"预先\r\n在场\"→穿越；两景只是先后关系、无空间嵌套→交棒。两式内部再按语义分——\r\nA 是\"把这张卡放回去\"（详情→总览，F 式穿窗的逆向）；C 是\"标题即是门\"\r\n（章节字卡与转场二合一）。",
+      "usage_document": "cards/transition-travel/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/transition-travel/LetterformZoom.tsx",
+        "source/demos/transition-travel/SharedElementMorph.tsx"
+      ],
+      "styles": [
+        {
+          "key": "shared-element-morph",
+          "label": "共享元素归位 shared-element-morph",
+          "description": "全屏特写卡收缩+位移+长出圆角，严丝合缝飞落进 dashboard 网格所属槽位，3% 过冲落座",
+          "use": "详情→总览的\"归位\"语义；与 F 式穿窗成对使用（进窗/回位）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/transition-travel/README.md",
+          "source_files": [
+            "source/demos/transition-travel/SharedElementMorph.tsx"
+          ]
+        },
+        {
+          "key": "letterform-zoom",
+          "label": "字腔穿越 letterform-zoom",
+          "description": "巨型标题字腔（SVG mask 挖洞）透出新页，指数推进穿洞，洞撑满瞬间接管、残余笔画甩出画外",
+          "use": "章节标题→正文；替代 D 式黑场字卡的高能量款",
+          "implementation_status": "implemented",
+          "usage_document": "cards/transition-travel/README.md",
+          "source_files": [
+            "source/demos/transition-travel/LetterformZoom.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "type-and-filter",
+      "summary": "真实 UI 上打字搜索、网格自己收敛成一张卡、点击穿透进详情页",
+      "use": "功能演示的\"操作叙事\"段；搜索/筛选/进入详情的任何交互链路",
+      "duration": "约 2.5s（118–190f）",
+      "energy": "中（发牌高能段之后的从容一拍）",
+      "intention": "让观众\"跟着做一遍\"：看清输入了什么、页面怎么响应、点了哪里。这是全片唯一模拟真人操作的镜头，节奏必须像人手，不能像脚本。",
+      "usage_document": "cards/type-and-filter/README.md",
+      "dependencies": [
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/template/src/aifl/live/SceneFlyIn.tsx"
+      ],
+      "styles": [
+        {
+          "key": "type-and-filter",
+          "label": "type-and-filter",
+          "description": "真实 UI 上打字搜索、网格自己收敛成一张卡、点击穿透进详情页",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-and-filter/README.md",
+          "source_files": [
+            "source/template/src/aifl/live/SceneFlyIn.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "type-assembly-moves",
+      "summary": "文字集结四式——split-text-stagger 逐字裂升、letterform-drift-assembly 漂移合拢、tracking-expand-reveal 字距呼吸、text-on-path 沿线流入",
+      "use": "大标题/标语的入场；与 type-entrance-moves 两式、split-flap-title、document-typewriter-reveal 同属标题入场大品类，全片 ≤2 种",
+      "duration": "单式 4–5s（动作段 A ~56f / B ~104f / C ~58f / D ~99f，均含 hold）",
+      "energy": "A 中 / B 中高 / C 低中 / D 中",
+      "intention": "标题入场已有\"原位变形系\"四式（乱码解码/字符坠落/翻牌/打字机——字\r\n在原地换形态）。本卡补\"集结系\"：字符从别处**汇聚成**标题，运动轨迹\r\n本身有戏。A 琴键式——每字从看不见的裁切线下滑升，理性利落，通用度\r\n最高；B 片头式——字符四散带模糊漂入、逐个锁定加深，Stranger Things\r\n的仪式感，适合品牌名亮相;C 呼吸式——字母从叠压一团吸一口气展开，\r\n最安静的一式，适合抒情段落；D 语义式——字符沿一条上升曲线鱼贯流入\r\n再摆正，曲线可以正好描着图表增长线走，文字与数据同框叙事。",
+      "usage_document": "cards/type-assembly-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/type-assembly-moves/LetterformDriftAssembly.tsx",
+        "source/demos/type-assembly-moves/SplitTextStagger.tsx",
+        "source/demos/type-assembly-moves/TextOnPath.tsx",
+        "source/demos/type-assembly-moves/TrackingExpandReveal.tsx"
+      ],
+      "styles": [
+        {
+          "key": "split-text-stagger",
+          "label": "split-text-stagger 裂升",
+          "description": "每字 overflow 盒内 translateY(115%→0) 带 10% 过冲，delay i×2f，基线同步生长",
+          "use": "通用默认；利落理性",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-assembly-moves/README.md",
+          "source_files": [
+            "source/demos/type-assembly-moves/SplitTextStagger.tsx"
+          ]
+        },
+        {
+          "key": "drift-assembly",
+          "label": "drift-assembly 漂移合拢",
+          "description": "字符 seed 方向 ±300px + blur 8px 漂入错峰归位，锁定帧加深脉冲，合体后整词呼吸 1.04",
+          "use": "品牌名/片头级亮相",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-assembly-moves/README.md",
+          "source_files": [
+            "source/demos/type-assembly-moves/LetterformDriftAssembly.tsx",
+            "source/demos/type-assembly-moves/SplitTextStagger.tsx",
+            "source/demos/type-assembly-moves/TextOnPath.tsx",
+            "source/demos/type-assembly-moves/TrackingExpandReveal.tsx"
+          ]
+        },
+        {
+          "key": "tracking-expand",
+          "label": "tracking-expand 字距呼吸",
+          "description": "字母从 −0.42em 叠压展开到 0.14em，blur 10→0 同曲线",
+          "use": "安静抒情段；副标题跟进",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-assembly-moves/README.md",
+          "source_files": [
+            "source/demos/type-assembly-moves/LetterformDriftAssembly.tsx",
+            "source/demos/type-assembly-moves/SplitTextStagger.tsx",
+            "source/demos/type-assembly-moves/TextOnPath.tsx",
+            "source/demos/type-assembly-moves/TrackingExpandReveal.tsx"
+          ]
+        },
+        {
+          "key": "text-on-path",
+          "label": "text-on-path 沿线流入",
+          "description": "字符沿贝塞尔曲线鱼贯滑入（切线角旋转），到达后 12f 摆正水平",
+          "use": "曲线有语义时（增长线/流程线）",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-assembly-moves/README.md",
+          "source_files": [
+            "source/demos/type-assembly-moves/TextOnPath.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "type-entrance-moves",
+      "summary": "标题文字入场两式——scramble-decode 乱码解码（噪声里长出答案）与 letter-drop-physics 字符坠落（重力砸落弹跳归位），按调性二选一",
+      "use": "大标题/章节字卡的入场；与 split-flap-title（机械翻牌）、document-typewriter-reveal（打字机）同品类互斥选用",
+      "duration": "单式 4–5s（含 hold 与静止收尾；动作段 A ~66f / B ~106f）",
+      "energy": "中高（A 偏理性推进，B 偏物理趣味）",
+      "intention": "标题入场库内已有打字机（沉稳文档感）和翻牌屏（机械仪式感），这两式补\r\n另外两种性格：A 是终端黑客感——字符先是一片高速噪声，从左到右逐个\r\n\"解码\"锁定，观众看着答案从乱码里长出来，适合技术产品的自信亮相；\r\nB 是物理喜剧感——字符从天而降、砸地弹跳、歪歪扭扭站定，最后一拍\r\n集体立正归位，适合轻松调性的开场破冰。四种标题入场同片 ≤2 种（P4）。",
+      "usage_document": "cards/type-entrance-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/type-entrance-moves/LetterDropPhysics.tsx",
+        "source/demos/type-entrance-moves/ScrambleDecode.tsx"
+      ],
+      "styles": [
+        {
+          "key": "scramble-decode",
+          "label": "scramble-decode 乱码解码",
+          "description": "全员字符高速跳乱码 hold，随后从左到右逐个锁定真字符，锁定瞬间反色闪 2f，底部进度条同步推进",
+          "use": "技术/开发者产品；\"答案浮出\"的理性推进感",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-entrance-moves/README.md",
+          "source_files": [
+            "source/demos/type-entrance-moves/ScrambleDecode.tsx"
+          ]
+        },
+        {
+          "key": "letter-drop-physics",
+          "label": "letter-drop-physics 字符坠落",
+          "description": "字符错峰从顶砸落，重力加速+两次衰减弹跳+落地歪斜站定，最后一拍全体齐整回正",
+          "use": "轻松调性开场；\"活物感\"的标题破冰",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-entrance-moves/README.md",
+          "source_files": [
+            "source/demos/type-entrance-moves/LetterDropPhysics.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "type-rhythm-sync",
+      "summary": "文字随声同步两式——font-weight-pump 字重脉冲（笔画随鼓点变粗弹回）与 karaoke-fill-sync 卡拉OK填色（词随旁白逐个点亮）",
+      "use": "标题/标语与音轨强绑定的段落；A 绑节拍（鼓点），B 绑语音（旁白逐词）",
+      "duration": "单式 4–5s；A 每拍占 10f 衰减窗、B 每词按语速 15–35f",
+      "energy": "A 高（蹦迪感）/ B 中（跟读引导）",
+      "intention": "文字动效库内此前全是\"入场怎么进\"，没有词管\"在场的字怎么跟着声音活\"。\r\n这两式补上：A 让标题变成节奏器官——笔画随低音鼓抽动变粗又弹回，\r\n文字在蹦迪，适合高能段落的视觉低音炮；B 让标语变成跟读字幕——\r\n旁白读到哪个词哪个词从左到右填色点亮，视线被牵着走，适合口播/\r\n标语强调段。共同点是**字不动、属性动**：无位移、无入退场，\r\n纯粹是字重/颜色在声音的拍点上呼吸。",
+      "usage_document": "cards/type-rhythm-sync/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/type-rhythm-sync/FontWeightPump.tsx",
+        "source/demos/type-rhythm-sync/KaraokeFillSync.tsx"
+      ],
+      "styles": [
+        {
+          "key": "font-weight-pump",
+          "label": "font-weight-pump 字重脉冲",
+          "description": "命中帧笔画瞬间变粗（stroke+字重跳变），~10f 衰减弹回；重音拍额外撑宽 8%",
+          "use": "音乐驱动的高能段；标题当低音炮",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-rhythm-sync/README.md",
+          "source_files": [
+            "source/demos/type-rhythm-sync/FontWeightPump.tsx"
+          ]
+        },
+        {
+          "key": "karaoke-fill-sync",
+          "label": "karaoke-fill-sync 填色随读",
+          "description": "每词深色从左到右填亮，进度跟语速，读完保持；活跃词下带读指下划线",
+          "use": "旁白/口播强调段；多词标语的视线引导",
+          "implementation_status": "implemented",
+          "usage_document": "cards/type-rhythm-sync/README.md",
+          "source_files": [
+            "source/demos/type-rhythm-sync/KaraokeFillSync.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "typewriter-moves",
+      "summary": "打字机两式——terminal-typewriter 终端命令敲完即引爆场景切换、error-retype 误删重打的\"改口\"三幕剧",
+      "use": "开发者产品开场（A）、slogan/卖点字卡（B）；文字自带时间性的入场",
+      "duration": "A ~5s / B ~5.5s",
+      "energy": "A 中高 / B 中低",
+      "intention": "打字是唯一自带时间性的文字入场——字符一个个到来本身就是节奏，\r\n不需要额外动效。A 把打字当**引信**：暗色终端窗逐字敲出命令、\r\n方块光标方波闪，回车帧镜头急推进命令行硬切产品界面，命令行是\r\n场景的导火索，开发者产品标配；B 把打字当**独白**：逐字打出平庸词\r\n（\"just a dashboard\"）→ 停顿犹豫 → 退格删掉 → 更快打出卖点词\r\n（\"your command center\"），犹豫-否定-宣言的三幕剧，戏全在三档\r\n速度差里。与 scramble-decode 的区别：乱码解码是机器在猜，\r\n打字是人在说。",
+      "usage_document": "cards/typewriter-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/typewriter-moves/TerminalTypewriter.tsx",
+        "source/demos/typewriter-moves/TypewriterErrorRetype.tsx"
+      ],
+      "styles": [
+        {
+          "key": "terminal-typewriter",
+          "label": "terminal-typewriter",
+          "description": "2f/字符敲出命令，光标 f%12<6 方波闪；回车帧整场景 6f 急推 scale 1→3.2（origin 锁命令行中心）+ 末 2f blur 10px，硬切 dashboard 1.06→1 回稳",
+          "use": "开发者工具开场；CLI 卖点产品",
+          "implementation_status": "implemented",
+          "usage_document": "cards/typewriter-moves/README.md",
+          "source_files": [
+            "source/demos/typewriter-moves/TerminalTypewriter.tsx"
+          ]
+        },
+        {
+          "key": "error-retype",
+          "label": "error-retype",
+          "description": "打 2f/字符 → 停顿 16f 光标闪两下 → 退 1.5f/字符 → 重打 1.5f/字符无犹豫；光标打删常亮、停顿才闪",
+          "use": "slogan 字卡的\"改口\"戏；否定式文案",
+          "implementation_status": "implemented",
+          "usage_document": "cards/typewriter-moves/README.md",
+          "source_files": [
+            "source/demos/typewriter-moves/TerminalTypewriter.tsx",
+            "source/demos/typewriter-moves/TypewriterErrorRetype.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "ui-strip-away-outro",
+      "summary": "减法式收尾——点击 Publish 后整个编辑器 UI 从外围到中心层层错峰蒸发，黑场上只剩那颗按钮滑到屏心放大，按钮再淡出交棒字标定版",
+      "use": "\"发布/完成\"语义的 outro；想讲\"一键之后一切复杂性消失\"的产品收尾",
+      "duration": "~4.3s（130f：光标就位 34f → 蒸发 ~40f → 按钮独占 → 字标接棒）",
+      "energy": "中（前段安静操作，中段持续退场，无瞬时冲击）",
+      "intention": "库内收尾全是\"加法\"：outro-group-photo-launch 元素飞来合影，logo\r\nsting 是定住再彩蛋。本卡是唯一的\"减法\"路线——点击引爆全 UI 退场，\r\n黑场只留语义焦点（那颗被点的按钮），把\"发布 = 复杂性归零\"翻译成\r\n动效叙事。命门有二：**蒸发要有秩序**——从外围到中心每 4f 一层、\r\n每层带方向性位移（各自往画外散），乱序或同帧齐灭读作断电故障；\r\n**按钮是唯一幸存者且必须迁移**——蒸发期间从工具条角落滑到屏心\r\n放大 1.5 倍、白晕随黑场增强，完成从\"UI 控件\"到\"仪式主角\"的升格，\r\n最后淡出把黑场交给字标。",
+      "usage_document": "cards/ui-strip-away-outro/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/ui-strip-away-outro/UiStripAwayOutro.tsx"
+      ],
+      "styles": [
+        {
+          "key": "ui-strip-away-outro",
+          "label": "ui-strip-away-outro",
+          "description": "减法式收尾——点击 Publish 后整个编辑器 UI 从外围到中心层层错峰蒸发，黑场上只剩那颗按钮滑到屏心放大，按钮再淡出交棒字标定版",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/ui-strip-away-outro/README.md",
+          "source_files": [
+            "source/demos/ui-strip-away-outro/UiStripAwayOutro.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "ui-to-brand-morph",
+      "summary": "UI 变品牌两式——icon-flip-bloom 图标 Y 轴翻扁成竖线绽放成花形 mark + wordmark 逐字落定，与 input-morph-assemble 输入框收缩成胶囊、三粒图元落下集结成 logo 单瓣",
+      "use": "品牌收尾/outro 前最后一拍；\"你每天用的那个 UI 就是这个品牌\"的视觉论证",
+      "duration": "A ~4.3s（130f）/ B ~4.7s（140f）",
+      "energy": "中高（收尾点睛，一次完整变形讲完）",
+      "intention": "品牌收尾库里已有三条路：brand-ink-open 是开场描画压印、\r\nmorph-from-primitive 是图元→UI 容器（方向相反）、\r\noutro-group-photo-launch 是元素围拢合影（聚而不变）。本卡补第四条：\r\n**产品 UI 元素自己变形成品牌符号**——A 式是图标翻一个身变成 logo\r\n（同位实体交换），B 式是全片反复出现的输入框在最后一次发送后集结成\r\nlogo 单瓣（多元素落位拼装）。观众看到的不是\"logo 出现了\"，而是\r\n\"刚才用的东西原来就是它\"，因果链本身就是品牌论证。",
+      "usage_document": "cards/ui-to-brand-morph/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/ui-to-brand-morph/IconFlipBloomLogo.tsx",
+        "source/demos/ui-to-brand-morph/InputMorphsIntoLogo.tsx"
+      ],
+      "styles": [
+        {
+          "key": "icon-flip-bloom",
+          "label": "icon-flip-bloom",
+          "description": "图标 anticipation 晃两下→Y 轴 scaleX 压扁成竖线（双层拖影+blur）→最薄处实体交换、spring 绽放成 5 瓣花形 mark→mark 左移让位、wordmark 逐字落定",
+          "use": "单图标产品；图标与 logo 形态差异大、需要\"翻过去变身\"的魔术感",
+          "implementation_status": "implemented",
+          "usage_document": "cards/ui-to-brand-morph/README.md",
+          "source_files": [
+            "source/demos/ui-to-brand-morph/IconFlipBloomLogo.tsx",
+            "source/demos/ui-to-brand-morph/InputMorphsIntoLogo.tsx"
+          ]
+        },
+        {
+          "key": "input-morph-assemble",
+          "label": "input-morph-assemble",
+          "description": "光标点发送→文字飞走→输入框 x/y/w/h/r 五量 spring 插值成圆角胶囊→三粒图元错峰从画外落下拼成抽象单瓣→整组呼吸",
+          "use": "输入框/卡片等矩形 UI 是全片主角的片子；logo 可拆解为几何图元组合",
+          "implementation_status": "missing-preview",
+          "usage_document": "cards/ui-to-brand-morph/README.md",
+          "source_files": [
+            "source/demos/ui-to-brand-morph/IconFlipBloomLogo.tsx",
+            "source/demos/ui-to-brand-morph/InputMorphsIntoLogo.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "voice-waveform-live",
+      "summary": "录音胶囊实时声纹——64 根细竖条随\"说话\"起伏，说话时中部高耸、停顿缩成点线，波形从右往左滚动；说→停→说→提交塌缩的完整表演",
+      "use": "语音输入/AI 助手\"正在听你说\"的功能镜头；无 UI 内容可展示但需要持续活性撑画面的段落",
+      "duration": "~5s（150f：入场 12f + 说 1.4s + 停 0.8s + 说 1.4s + 提交塌缩 0.8s）",
+      "energy": "中（功能性活性，不是炫技）",
+      "intention": "库里唯一的波形是 spectrum-morph-ui——那是标题下划线裂成频谱条的\r\n**装饰性**音乐可视化。本卡是**功能性**声纹：\"正在听你说\"的实时\r\n回执。区别在因果：spectrum 跟 BGM 跳、是包装；本卡跟\"用户说话\"\r\n跳、是产品功能本身。说话时波形高耸、停顿时缩成一排点线、历史向左\r\n滚出——观众从波形的起伏读出\"它真的在听\"，一段 6s+ 的画面全靠这份\r\n活性撑住，不需要任何别的内容。与 gauge-readout-moves 分工：仪表是\r\n\"报一个数值\"的机械仪式，本卡是\"持续监听\"的生命体征，没有终值。",
+      "usage_document": "cards/voice-waveform-live/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/voice-waveform-live/VoiceWaveformLive.tsx"
+      ],
+      "styles": [
+        {
+          "key": "voice-waveform-live",
+          "label": "voice-waveform-live",
+          "description": "录音胶囊实时声纹——64 根细竖条随\"说话\"起伏，说话时中部高耸、停顿缩成点线，波形从右往左滚动；说→停→说→提交塌缩的完整表演",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/voice-waveform-live/README.md",
+          "source_files": [
+            "source/demos/voice-waveform-live/VoiceWaveformLive.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "wall-reveal-moves",
+      "summary": "整墙批量入场三式——bento 逐格点亮、网格波浪翻面、蓝图描线成形，全部原位显形不位移，与 deck-deal-flyin 的飞入位移型互补成品类矩阵",
+      "use": "功能墙/卡片墙/整页界面的整体亮相；内容已在原位、要\"显形\"而非\"涌入\"的段落",
+      "duration": "单式约 4.3–5s（A 150f / B 130f / C 150f @30fps，含建立 hold 与静止收尾）",
+      "energy": "中",
+      "intention": "\"一墙内容怎么出场\"库内此前只有 deck-deal-flyin 一个答案——高能量、位移型、\r\n\"东西涌进来\"。但不是每面墙都该涌：品牌段要庄重、功能墙要轻快、\r\n\"从设计到实物\"要讲工序。这三式共同点是**非位移批量入场**——元素原地显形，\r\n版式从第一帧就成立，观众看的是\"状态变化的波前扫过一面墙\"而不是\"物体飞行\"。\r\n选型先问一句：这面墙该\"涌进来\"还是\"亮起来\"？前者去 deck-deal-flyin，后者进本卡。",
+      "usage_document": "cards/wall-reveal-moves/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/wall-reveal-moves/BentoLightUp.tsx"
+      ],
+      "styles": [
+        {
+          "key": "bento-light-up",
+          "label": "bento-light-up 逐格点亮",
+          "description": "暗场 3×2 bento 墙压暗待命，琥珀流光逐格描边一圈、内容随即提亮上浮，全亮后镜头缓推收住",
+          "use": "内容庄重/暗场品牌段；节奏沉稳的功能总览",
+          "implementation_status": "implemented",
+          "usage_document": "cards/wall-reveal-moves/README.md",
+          "source_files": [
+            "source/demos/wall-reveal-moves/BentoLightUp.tsx"
+          ]
+        },
+        {
+          "key": "grid-wave-flip",
+          "label": "grid-wave-flip 波浪翻面",
+          "description": "3×3 灰背卡墙沿对角线波前依次 rotateX 原位翻转 180°，翻出正面内容，尾张过冲回弹",
+          "use": "轻快功能墙；一秒扫完全屏的快节奏段",
+          "implementation_status": "reference-only",
+          "usage_document": "cards/wall-reveal-moves/README.md",
+          "source_files": []
+        },
+        {
+          "key": "wireframe-draw-on",
+          "label": "wireframe-draw-on 蓝图描线成形",
+          "description": "界面先以 SVG 细线蓝图分组描画，再一条琥珀发光竖线左→右扫过，扫过处线框实体化成真实界面",
+          "use": "\"从设计到实物/从想法到产品\"叙事；产品首次整体亮相",
+          "implementation_status": "reference-only",
+          "usage_document": "cards/wall-reveal-moves/README.md",
+          "source_files": []
+        }
+      ]
+    },
+    {
+      "name": "wipe-transitions",
+      "summary": "几何擦除转场两式——clock-wipe 时钟扫描（雷达指针扫一圈换页）与 blinds-slice 百叶窗切条（12 竖条错峰翻换成波）",
+      "use": "新旧页都不动、一条几何边界扫过完成交接的通用转场；不依赖构图里有合适元素，哪儿都能用",
+      "duration": "单式 前态 ≥20f + 擦除 32–60f + 收尾 ≥40f，约 5s（150f）",
+      "energy": "中",
+      "intention": "转场库已有三族：穿越系（钻进去）、藏切系（遮住切）、体块系（页面是\r\n实体）。本卡是第四族**几何擦除系**——新旧页都不动，一条几何边界扫过\r\n完成交接，擦除的形状即语义：A 圆扫是\"仪表盘刷新了一屏数据\"，B 条扫\r\n是\"百叶窗逐叶翻面换页\"。与 shot-transitions F 元素遮罩擦除的区别：\r\nF 用页面内真实元素当遮罩（依赖构图），本卡是纯几何形——通用性即定位。\r\n按语义选：数据刷新用 A，横向推进翻页用 B。",
+      "usage_document": "cards/wipe-transitions/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/wipe-transitions/BlindsSlice.tsx",
+        "source/demos/wipe-transitions/ClockWipe.tsx"
+      ],
+      "styles": [
+        {
+          "key": "clock-wipe",
+          "label": "clock-wipe",
+          "description": "B 页上层套扇形 clip-path polygon，指针从屏心 12 点顺时针匀速扫 360°，扫过处露 B；扫描沿带多层亮线",
+          "use": "数据/状态刷新语义；仪表盘类页面",
+          "implementation_status": "implemented",
+          "usage_document": "cards/wipe-transitions/README.md",
+          "source_files": [
+            "source/demos/wipe-transitions/ClockWipe.tsx"
+          ]
+        },
+        {
+          "key": "blinds-slice",
+          "label": "blinds-slice",
+          "description": "12 根 160px 竖条 overflow hidden + 内层整页负 margin 对位；条内 A scaleX(1-p) 左缘收缩、B scaleX(p) 右缘展开，错峰 delay 成波，缝上亮线随波扫",
+          "use": "翻页/推进语义；横向阅读动线页面",
+          "implementation_status": "implemented",
+          "usage_document": "cards/wipe-transitions/README.md",
+          "source_files": [
+            "source/demos/wipe-transitions/BlindsSlice.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "word-relay-filmstrip",
+      "summary": "左列黑白相间等高页面卡步进滚动、右侧衬线大词原位接力（名词恒定+动词轮换）——切词瞬间才滚动一格，词块垂直中心与当前页面卡中点精确对齐",
+      "use": "\"一个主体 × 多种能力\"的枚举段（Computer researches/builds/codes…）；作品集/案例流展示；产品多场景巡礼",
+      "duration": "每词期 ~1.5–2s × 3–4 词；全段 5–7s",
+      "energy": "中低（编辑部气质，节奏靠切词的\"咔哒\"感）",
+      "intention": "左边是证据（页面截图胶片），右边是论点（大词）：动词换一次，\r\n胶片就步进一格给出新证据——文字与画面互为注脚。命门是**步进制**：\r\n左列平时完全静止，只在切词瞬间滚动一格（滚动=换证据的机械动作），\r\n持续滚动会让左列沦为背景装饰、切词失去\"咔哒\"感。第二命门是\r\n**对齐**：大词块垂直中心必须与当前页面卡中点精确对齐（像素级），\r\n歪了整个版式的\"编辑部严谨感\"就塌了。",
+      "usage_document": "cards/word-relay-filmstrip/README.md",
+      "dependencies": [
+        "react",
+        "remotion"
+      ],
+      "code_status": "source-available",
+      "source_files": [
+        "source/demos/word-relay-filmstrip/WordRelayFilmstrip.tsx"
+      ],
+      "styles": [
+        {
+          "key": "word-relay-filmstrip",
+          "label": "word-relay-filmstrip",
+          "description": "左列黑白相间等高页面卡步进滚动、右侧衬线大词原位接力（名词恒定+动词轮换）——切词瞬间才滚动一格，词块垂直中心与当前页面卡中点精确对齐",
+          "use": "",
+          "implementation_status": "implemented",
+          "usage_document": "cards/word-relay-filmstrip/README.md",
+          "source_files": [
+            "source/demos/word-relay-filmstrip/WordRelayFilmstrip.tsx"
+          ]
+        }
+      ]
+    }
+  ]
+}