takomi 2.5.1 → 2.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (661) hide show
  1. package/.pi/agents/worker.md +32 -32
  2. package/.pi/extensions/oauth-router/README.md +3 -3
  3. package/.pi/extensions/oauth-router/config.ts +34 -34
  4. package/.pi/extensions/oauth-router/report-ui.ts +205 -205
  5. package/.pi/extensions/oauth-router/scripts/vibe-verify.py +5 -5
  6. package/.pi/extensions/takomi-context-manager/diagnostics.ts +560 -560
  7. package/.pi/extensions/takomi-context-manager/policy-tools.ts +93 -93
  8. package/.pi/extensions/takomi-context-manager/skill-categories.d.ts +11 -11
  9. package/.pi/extensions/takomi-context-manager/skill-tools.ts +208 -208
  10. package/.pi/extensions/takomi-context-manager/tool-renderers.ts +112 -112
  11. package/.pi/extensions/takomi-runtime/gate-provenance.ts +24 -24
  12. package/.pi/extensions/takomi-runtime/model-routing-defaults.ts +262 -262
  13. package/.pi/extensions/takomi-runtime/tool-renderers.ts +234 -234
  14. package/.pi/extensions/takomi-runtime/workflow-catalog.ts +54 -54
  15. package/.pi/extensions/takomi-subagents/async-lifecycle.ts +401 -401
  16. package/.pi/extensions/takomi-subagents/detached-results.ts +940 -940
  17. package/.pi/extensions/takomi-subagents/native-render.ts +253 -250
  18. package/.pi/extensions/takomi-subagents/result-heartbeat.ts +55 -55
  19. package/.pi/extensions/takomi-subagents/subagent-ux.ts +162 -162
  20. package/.pi/extensions/takomi-subagents/tool-runner.ts +25 -0
  21. package/.pi/takomi-profile.json +54 -54
  22. package/README.md +1 -1
  23. package/assets/.agent/skills/embedded-captions/CATALOG.md +93 -93
  24. package/assets/.agent/skills/embedded-captions/SKILL.md +286 -286
  25. package/assets/.agent/skills/embedded-captions/assets/brand/CDPR-fankit-terms.txt +35 -35
  26. package/assets/.agent/skills/embedded-captions/assets/brand/cyberpunk-widths.json +115 -115
  27. package/assets/.agent/skills/embedded-captions/assets/fonts/char-widths.json +2211 -2211
  28. package/assets/.agent/skills/embedded-captions/assets/strokefonts/HersheyScript1.svg +241 -241
  29. package/assets/.agent/skills/embedded-captions/assets/strokefonts/HersheyScriptMed.svg +241 -241
  30. package/assets/.agent/skills/embedded-captions/dna/README.md +148 -148
  31. package/assets/.agent/skills/embedded-captions/dna/chrome.json +68 -68
  32. package/assets/.agent/skills/embedded-captions/dna/cream.json +69 -69
  33. package/assets/.agent/skills/embedded-captions/dna/documentary.json +62 -62
  34. package/assets/.agent/skills/embedded-captions/dna/editorial.json +70 -70
  35. package/assets/.agent/skills/embedded-captions/dna/glitch.json +82 -82
  36. package/assets/.agent/skills/embedded-captions/dna/ink.json +65 -65
  37. package/assets/.agent/skills/embedded-captions/dna/keynote.json +62 -62
  38. package/assets/.agent/skills/embedded-captions/dna/loud.json +75 -75
  39. package/assets/.agent/skills/embedded-captions/dna/neon.json +58 -58
  40. package/assets/.agent/skills/embedded-captions/dna/velocity.json +89 -89
  41. package/assets/.agent/skills/embedded-captions/modes/cinematic/README.md +48 -48
  42. package/assets/.agent/skills/embedded-captions/modes/cinematic/_archive/champion/spec.md +98 -98
  43. package/assets/.agent/skills/embedded-captions/modes/cinematic/_archive/champion/template.html +188 -188
  44. package/assets/.agent/skills/embedded-captions/modes/cinematic/_archive/memory-wall/spec.md +134 -134
  45. package/assets/.agent/skills/embedded-captions/modes/cinematic/_archive/memory-wall/template.html +179 -179
  46. package/assets/.agent/skills/embedded-captions/modes/cinematic/_archive/portrait-header/spec.md +81 -81
  47. package/assets/.agent/skills/embedded-captions/modes/cinematic/_archive/portrait-header/template.html +170 -170
  48. package/assets/.agent/skills/embedded-captions/modes/cinematic/cinematic-cream/spec.md +16 -16
  49. package/assets/.agent/skills/embedded-captions/modes/cinematic/cinematic-cream/template.html +226 -226
  50. package/assets/.agent/skills/embedded-captions/modes/cinematic/engine.html +355 -355
  51. package/assets/.agent/skills/embedded-captions/modes/standard/_anatomy.md +233 -233
  52. package/assets/.agent/skills/embedded-captions/modes/standard/_motion.md +192 -192
  53. package/assets/.agent/skills/embedded-captions/modes/standard/fonts/build-fonts-css.cjs +97 -97
  54. package/assets/.agent/skills/embedded-captions/references/aesthetic-principles.md +168 -168
  55. package/assets/.agent/skills/embedded-captions/references/anti-patterns.md +188 -188
  56. package/assets/.agent/skills/embedded-captions/references/bespoke-vs-presets.md +178 -178
  57. package/assets/.agent/skills/embedded-captions/references/caption-grouping.md +130 -130
  58. package/assets/.agent/skills/embedded-captions/references/composition-craft.md +522 -522
  59. package/assets/.agent/skills/embedded-captions/references/direction-catalog.md +138 -138
  60. package/assets/.agent/skills/embedded-captions/references/example-renders/champion.html +371 -371
  61. package/assets/.agent/skills/embedded-captions/references/example-renders/memory-wall.html +334 -334
  62. package/assets/.agent/skills/embedded-captions/references/failure-modes.md +145 -145
  63. package/assets/.agent/skills/embedded-captions/references/layout-heuristics.md +238 -238
  64. package/assets/.agent/skills/embedded-captions/references/motion-vocabulary.md +148 -148
  65. package/assets/.agent/skills/embedded-captions/references/rail.md +68 -68
  66. package/assets/.agent/skills/embedded-captions/references/reference-bar.md +47 -47
  67. package/assets/.agent/skills/embedded-captions/references/scene-types.md +94 -94
  68. package/assets/.agent/skills/embedded-captions/references/test-set.md +66 -66
  69. package/assets/.agent/skills/embedded-captions/references/typographic-moves.md +266 -266
  70. package/assets/.agent/skills/embedded-captions/references/typography-presets.md +63 -63
  71. package/assets/.agent/skills/embedded-captions/scripts/audio-envelope.cjs +95 -95
  72. package/assets/.agent/skills/embedded-captions/scripts/check-occlusion.cjs +250 -250
  73. package/assets/.agent/skills/embedded-captions/scripts/check-overflow.cjs +194 -194
  74. package/assets/.agent/skills/embedded-captions/scripts/check-rail-climax.cjs +233 -233
  75. package/assets/.agent/skills/embedded-captions/scripts/check-timing.cjs +173 -173
  76. package/assets/.agent/skills/embedded-captions/scripts/fill-timings.cjs +124 -124
  77. package/assets/.agent/skills/embedded-captions/scripts/fit-fonts.cjs +158 -158
  78. package/assets/.agent/skills/embedded-captions/scripts/gen-stroke-path.py +46 -46
  79. package/assets/.agent/skills/embedded-captions/scripts/inject-fonts.cjs +169 -169
  80. package/assets/.agent/skills/embedded-captions/scripts/lib-dna.cjs +201 -201
  81. package/assets/.agent/skills/embedded-captions/scripts/make-cinematic.cjs +1205 -1205
  82. package/assets/.agent/skills/embedded-captions/scripts/make-composition.cjs +404 -404
  83. package/assets/.agent/skills/embedded-captions/scripts/make-theme.cjs +8781 -8781
  84. package/assets/.agent/skills/embedded-captions/scripts/matte.cjs +279 -279
  85. package/assets/.agent/skills/embedded-captions/scripts/measure-layout.cjs +293 -293
  86. package/assets/.agent/skills/embedded-captions/scripts/prepare.sh +39 -39
  87. package/assets/.agent/skills/embedded-captions/scripts/preview-frames.cjs +268 -268
  88. package/assets/.agent/skills/embedded-captions/scripts/render-and-composite.sh +469 -469
  89. package/assets/.agent/skills/embedded-captions/scripts/render-theme.sh +34 -34
  90. package/assets/.agent/skills/embedded-captions/scripts/safe-zones.cjs +813 -813
  91. package/assets/.agent/skills/embedded-captions/scripts/transcribe.cjs +332 -332
  92. package/assets/.agent/skills/embedded-captions/themes/PORTING.md +49 -49
  93. package/assets/.agent/skills/embedded-captions/themes/README.md +244 -244
  94. package/assets/.agent/skills/embedded-captions/themes/anchor.json +27 -27
  95. package/assets/.agent/skills/embedded-captions/themes/arcade.json +51 -51
  96. package/assets/.agent/skills/embedded-captions/themes/aurora.json +41 -41
  97. package/assets/.agent/skills/embedded-captions/themes/biolume.json +35 -35
  98. package/assets/.agent/skills/embedded-captions/themes/brush.json +74 -74
  99. package/assets/.agent/skills/embedded-captions/themes/chalkboard.json +52 -52
  100. package/assets/.agent/skills/embedded-captions/themes/dossier.json +56 -56
  101. package/assets/.agent/skills/embedded-captions/themes/graffiti.json +62 -62
  102. package/assets/.agent/skills/embedded-captions/themes/hologram.json +41 -41
  103. package/assets/.agent/skills/embedded-captions/themes/inkwater.json +43 -43
  104. package/assets/.agent/skills/embedded-captions/themes/laser.json +46 -46
  105. package/assets/.agent/skills/embedded-captions/themes/lastpage.json +33 -33
  106. package/assets/.agent/skills/embedded-captions/themes/neonsign.json +53 -53
  107. package/assets/.agent/skills/embedded-captions/themes/nightcity.json +56 -56
  108. package/assets/.agent/skills/embedded-captions/themes/ordnance.json +54 -54
  109. package/assets/.agent/skills/embedded-captions/themes/papercut.json +37 -37
  110. package/assets/.agent/skills/embedded-captions/themes/popup.json +46 -46
  111. package/assets/.agent/skills/embedded-captions/themes/ransom.json +62 -62
  112. package/assets/.agent/skills/embedded-captions/themes/scoreboard.json +54 -54
  113. package/assets/.agent/skills/embedded-captions/themes/spectrum.json +46 -46
  114. package/assets/.agent/skills/embedded-captions/themes/stardust.json +29 -29
  115. package/assets/.agent/skills/embedded-captions/themes/stomp.json +43 -43
  116. package/assets/.agent/skills/embedded-captions/themes/terminal.json +49 -49
  117. package/assets/.agent/skills/embedded-captions/themes/thunder.json +44 -44
  118. package/assets/.agent/skills/embedded-captions/themes/transit.json +44 -44
  119. package/assets/.agent/skills/embedded-captions/themes/vhs.json +47 -47
  120. package/assets/.agent/skills/faceless-explainer/SKILL.md +209 -209
  121. package/assets/.agent/skills/faceless-explainer/references/cut-catalog.md +215 -215
  122. package/assets/.agent/skills/faceless-explainer/references/motion-language.md +156 -156
  123. package/assets/.agent/skills/faceless-explainer/references/story-design.md +248 -248
  124. package/assets/.agent/skills/faceless-explainer/references/visual-design.md +146 -146
  125. package/assets/.agent/skills/faceless-explainer/scripts/assemble-index.mjs +570 -570
  126. package/assets/.agent/skills/faceless-explainer/scripts/audio.mjs +253 -253
  127. package/assets/.agent/skills/faceless-explainer/scripts/build-frame.mjs +536 -536
  128. package/assets/.agent/skills/faceless-explainer/scripts/captions.mjs +508 -508
  129. package/assets/.agent/skills/faceless-explainer/scripts/lib/assets.mjs +55 -55
  130. package/assets/.agent/skills/faceless-explainer/scripts/lib/dimensions.mjs +45 -45
  131. package/assets/.agent/skills/faceless-explainer/scripts/lib/storyboard.mjs +249 -249
  132. package/assets/.agent/skills/faceless-explainer/scripts/lib/tokens.mjs +204 -204
  133. package/assets/.agent/skills/faceless-explainer/scripts/lib/transition-registry.mjs +38 -38
  134. package/assets/.agent/skills/faceless-explainer/scripts/lib/transitions.json +71 -71
  135. package/assets/.agent/skills/faceless-explainer/scripts/transitions.mjs +320 -320
  136. package/assets/.agent/skills/faceless-explainer/sub-agents/frame-worker.md +75 -75
  137. package/assets/.agent/skills/figma/SKILL.md +121 -121
  138. package/assets/.agent/skills/general-video/SKILL.md +143 -143
  139. package/assets/.agent/skills/hyperframes/SKILL.md +164 -164
  140. package/assets/.agent/skills/hyperframes-animation/SKILL.md +84 -84
  141. package/assets/.agent/skills/hyperframes-animation/adapters/animate-text.md +64 -64
  142. package/assets/.agent/skills/hyperframes-animation/adapters/animejs.md +114 -114
  143. package/assets/.agent/skills/hyperframes-animation/adapters/css-animations.md +143 -143
  144. package/assets/.agent/skills/hyperframes-animation/adapters/gsap-easing-and-stagger.md +118 -118
  145. package/assets/.agent/skills/hyperframes-animation/adapters/gsap-timeline-and-labels.md +96 -96
  146. package/assets/.agent/skills/hyperframes-animation/adapters/gsap-transforms-and-perf.md +96 -96
  147. package/assets/.agent/skills/hyperframes-animation/adapters/gsap.md +105 -105
  148. package/assets/.agent/skills/hyperframes-animation/adapters/html-in-canvas-patterns.md +507 -507
  149. package/assets/.agent/skills/hyperframes-animation/adapters/lottie.md +117 -117
  150. package/assets/.agent/skills/hyperframes-animation/adapters/three.md +131 -131
  151. package/assets/.agent/skills/hyperframes-animation/adapters/typegpu.md +178 -178
  152. package/assets/.agent/skills/hyperframes-animation/adapters/waapi.md +101 -101
  153. package/assets/.agent/skills/hyperframes-animation/blueprints/comparison-split.md +27 -27
  154. package/assets/.agent/skills/hyperframes-animation/blueprints/constellation-hub.md +44 -44
  155. package/assets/.agent/skills/hyperframes-animation/blueprints/cta-morph-press.md +28 -28
  156. package/assets/.agent/skills/hyperframes-animation/blueprints/cursor-ui-demo.md +57 -57
  157. package/assets/.agent/skills/hyperframes-animation/blueprints/dataviz-countup.md +46 -46
  158. package/assets/.agent/skills/hyperframes-animation/blueprints/device-surface-showcase.md +53 -53
  159. package/assets/.agent/skills/hyperframes-animation/blueprints/grid-card-assemble.md +66 -66
  160. package/assets/.agent/skills/hyperframes-animation/blueprints/kinetic-type-beats.md +78 -78
  161. package/assets/.agent/skills/hyperframes-animation/blueprints/logo-assemble-lockup.md +69 -69
  162. package/assets/.agent/skills/hyperframes-animation/blueprints/overwhelm-surround.md +28 -28
  163. package/assets/.agent/skills/hyperframes-animation/blueprints/spatial-pan-stations.md +37 -37
  164. package/assets/.agent/skills/hyperframes-animation/blueprints/ticker-takeover.md +29 -29
  165. package/assets/.agent/skills/hyperframes-animation/blueprints/titlecard-reveal.md +42 -42
  166. package/assets/.agent/skills/hyperframes-animation/blueprints/typewriter-reveal.md +51 -51
  167. package/assets/.agent/skills/hyperframes-animation/blueprints/video-text-pivot.md +30 -30
  168. package/assets/.agent/skills/hyperframes-animation/blueprints-index.md +146 -146
  169. package/assets/.agent/skills/hyperframes-animation/examples/brand-reveal-assemble-zoom.html +382 -382
  170. package/assets/.agent/skills/hyperframes-animation/examples/comparison-split-cards.html +649 -649
  171. package/assets/.agent/skills/hyperframes-animation/examples/concept-demo-decode-pan.html +520 -520
  172. package/assets/.agent/skills/hyperframes-animation/examples/cta-morph-press.html +468 -468
  173. package/assets/.agent/skills/hyperframes-animation/examples/cta-orbit-collapse.html +1298 -1298
  174. package/assets/.agent/skills/hyperframes-animation/examples/demo-page-scroll-spotlight.html +759 -759
  175. package/assets/.agent/skills/hyperframes-animation/examples/hook-counter-burst.html +729 -729
  176. package/assets/.agent/skills/hyperframes-animation/examples/messaging-multi-phrase.html +352 -352
  177. package/assets/.agent/skills/hyperframes-animation/examples/metric-video-text-pivot.html +779 -779
  178. package/assets/.agent/skills/hyperframes-animation/examples/problem-mockup-overwhelm.html +1374 -1374
  179. package/assets/.agent/skills/hyperframes-animation/examples/proof-logo-chain.html +861 -861
  180. package/assets/.agent/skills/hyperframes-animation/examples/takeover-ticker-displace.html +347 -347
  181. package/assets/.agent/skills/hyperframes-animation/examples/workflow-approve-press.html +606 -606
  182. package/assets/.agent/skills/hyperframes-animation/rules/3d-page-scroll.md +227 -227
  183. package/assets/.agent/skills/hyperframes-animation/rules/3d-text-depth-layers.md +297 -297
  184. package/assets/.agent/skills/hyperframes-animation/rules/ai-tracking-box.md +382 -382
  185. package/assets/.agent/skills/hyperframes-animation/rules/ambient-glow-bloom.md +305 -305
  186. package/assets/.agent/skills/hyperframes-animation/rules/asr-keyword-glow.md +286 -286
  187. package/assets/.agent/skills/hyperframes-animation/rules/avatar-cloud-network.md +371 -371
  188. package/assets/.agent/skills/hyperframes-animation/rules/camera-cursor-tracking.md +246 -246
  189. package/assets/.agent/skills/hyperframes-animation/rules/card-morph-anchor.md +267 -267
  190. package/assets/.agent/skills/hyperframes-animation/rules/center-outward-expansion.md +227 -227
  191. package/assets/.agent/skills/hyperframes-animation/rules/context-sensitive-cursor.md +257 -257
  192. package/assets/.agent/skills/hyperframes-animation/rules/coordinate-target-zoom.md +332 -332
  193. package/assets/.agent/skills/hyperframes-animation/rules/counting-dynamic-scale.md +283 -283
  194. package/assets/.agent/skills/hyperframes-animation/rules/css-marker-patterns.md +373 -373
  195. package/assets/.agent/skills/hyperframes-animation/rules/cursor-click-ripple.md +262 -262
  196. package/assets/.agent/skills/hyperframes-animation/rules/depth-of-field-blur.md +313 -313
  197. package/assets/.agent/skills/hyperframes-animation/rules/depth-scatter-assemble.md +303 -303
  198. package/assets/.agent/skills/hyperframes-animation/rules/discrete-text-sequence.md +273 -273
  199. package/assets/.agent/skills/hyperframes-animation/rules/dynamic-content-sequencing.md +307 -307
  200. package/assets/.agent/skills/hyperframes-animation/rules/gsap-effects.md +299 -299
  201. package/assets/.agent/skills/hyperframes-animation/rules/hacker-flip-3d.md +223 -223
  202. package/assets/.agent/skills/hyperframes-animation/rules/kinetic-beat-slam.md +183 -183
  203. package/assets/.agent/skills/hyperframes-animation/rules/motion-blur-streak.md +328 -328
  204. package/assets/.agent/skills/hyperframes-animation/rules/multi-phase-camera.md +273 -273
  205. package/assets/.agent/skills/hyperframes-animation/rules/orbit-3d-entry.md +301 -301
  206. package/assets/.agent/skills/hyperframes-animation/rules/physics-press-reaction.md +350 -350
  207. package/assets/.agent/skills/hyperframes-animation/rules/press-release-spring.md +296 -296
  208. package/assets/.agent/skills/hyperframes-animation/rules/reactive-displacement.md +277 -277
  209. package/assets/.agent/skills/hyperframes-animation/rules/scale-swap-transition.md +298 -298
  210. package/assets/.agent/skills/hyperframes-animation/rules/sine-wave-loop.md +278 -278
  211. package/assets/.agent/skills/hyperframes-animation/rules/split-tilt-cards.md +277 -277
  212. package/assets/.agent/skills/hyperframes-animation/rules/spring-pop-entrance.md +273 -273
  213. package/assets/.agent/skills/hyperframes-animation/rules/stat-bars-and-fills.md +156 -156
  214. package/assets/.agent/skills/hyperframes-animation/rules/svg-icon-enrichment.md +329 -329
  215. package/assets/.agent/skills/hyperframes-animation/rules/svg-path-draw.md +274 -274
  216. package/assets/.agent/skills/hyperframes-animation/rules/vertical-spring-ticker.md +239 -239
  217. package/assets/.agent/skills/hyperframes-animation/rules/viewport-change.md +349 -349
  218. package/assets/.agent/skills/hyperframes-animation/rules-index.md +86 -86
  219. package/assets/.agent/skills/hyperframes-animation/scripts/animation-map.mjs +606 -606
  220. package/assets/.agent/skills/hyperframes-animation/scripts/package-loader.mjs +288 -288
  221. package/assets/.agent/skills/hyperframes-animation/scripts/package-loader.test.mjs +62 -62
  222. package/assets/.agent/skills/hyperframes-animation/techniques.md +507 -507
  223. package/assets/.agent/skills/hyperframes-animation/transitions/TRANSITION-REGISTRY.md +167 -167
  224. package/assets/.agent/skills/hyperframes-animation/transitions/catalog.md +127 -127
  225. package/assets/.agent/skills/hyperframes-animation/transitions/css-3d.md +12 -12
  226. package/assets/.agent/skills/hyperframes-animation/transitions/css-blur.md +51 -51
  227. package/assets/.agent/skills/hyperframes-animation/transitions/css-cover.md +43 -43
  228. package/assets/.agent/skills/hyperframes-animation/transitions/css-destruction.md +95 -95
  229. package/assets/.agent/skills/hyperframes-animation/transitions/css-dissolve.md +66 -66
  230. package/assets/.agent/skills/hyperframes-animation/transitions/css-distortion.md +45 -45
  231. package/assets/.agent/skills/hyperframes-animation/transitions/css-grid.md +10 -10
  232. package/assets/.agent/skills/hyperframes-animation/transitions/css-light.md +49 -49
  233. package/assets/.agent/skills/hyperframes-animation/transitions/css-mechanical.md +30 -30
  234. package/assets/.agent/skills/hyperframes-animation/transitions/css-other.md +25 -25
  235. package/assets/.agent/skills/hyperframes-animation/transitions/css-push.md +41 -41
  236. package/assets/.agent/skills/hyperframes-animation/transitions/css-radial.md +37 -37
  237. package/assets/.agent/skills/hyperframes-animation/transitions/css-scale.md +24 -24
  238. package/assets/.agent/skills/hyperframes-animation/transitions/overview.md +153 -153
  239. package/assets/.agent/skills/hyperframes-cli/SKILL.md +113 -113
  240. package/assets/.agent/skills/hyperframes-cli/references/doctor-browser.md +45 -45
  241. package/assets/.agent/skills/hyperframes-cli/references/init-and-scaffold.md +51 -51
  242. package/assets/.agent/skills/hyperframes-cli/references/lambda.md +132 -132
  243. package/assets/.agent/skills/hyperframes-cli/references/lint-validate-inspect.md +121 -121
  244. package/assets/.agent/skills/hyperframes-cli/references/preview-render.md +164 -164
  245. package/assets/.agent/skills/hyperframes-cli/references/upgrade-info-misc.md +75 -75
  246. package/assets/.agent/skills/hyperframes-core/SKILL.md +78 -78
  247. package/assets/.agent/skills/hyperframes-core/references/composition-patterns.md +263 -263
  248. package/assets/.agent/skills/hyperframes-core/references/data-attributes.md +70 -70
  249. package/assets/.agent/skills/hyperframes-core/references/determinism-rules.md +68 -68
  250. package/assets/.agent/skills/hyperframes-core/references/full-screen-motion.md +62 -62
  251. package/assets/.agent/skills/hyperframes-core/references/minimal-composition.md +66 -66
  252. package/assets/.agent/skills/hyperframes-core/references/script-format.md +49 -49
  253. package/assets/.agent/skills/hyperframes-core/references/storyboard-format.md +95 -95
  254. package/assets/.agent/skills/hyperframes-core/references/sub-compositions.md +237 -237
  255. package/assets/.agent/skills/hyperframes-core/references/subagent-dispatch.md +41 -41
  256. package/assets/.agent/skills/hyperframes-core/references/tailwind.md +125 -125
  257. package/assets/.agent/skills/hyperframes-core/references/tracks-and-clips.md +76 -76
  258. package/assets/.agent/skills/hyperframes-core/references/variables-and-media.md +90 -90
  259. package/assets/.agent/skills/hyperframes-creative/SKILL.md +70 -70
  260. package/assets/.agent/skills/hyperframes-creative/frame-presets/biennale-yellow/FRAME.md +289 -289
  261. package/assets/.agent/skills/hyperframes-creative/frame-presets/biennale-yellow/caption-skin.html +221 -221
  262. package/assets/.agent/skills/hyperframes-creative/frame-presets/biennale-yellow/frame-showcase.html +1214 -1214
  263. package/assets/.agent/skills/hyperframes-creative/frame-presets/blockframe/FRAME.md +275 -275
  264. package/assets/.agent/skills/hyperframes-creative/frame-presets/blockframe/caption-skin.html +224 -224
  265. package/assets/.agent/skills/hyperframes-creative/frame-presets/blockframe/frame-showcase.html +1347 -1347
  266. package/assets/.agent/skills/hyperframes-creative/frame-presets/blue-professional/FRAME.md +307 -307
  267. package/assets/.agent/skills/hyperframes-creative/frame-presets/blue-professional/caption-skin.html +223 -223
  268. package/assets/.agent/skills/hyperframes-creative/frame-presets/blue-professional/frame-showcase.html +1372 -1372
  269. package/assets/.agent/skills/hyperframes-creative/frame-presets/bold-poster/FRAME.md +275 -275
  270. package/assets/.agent/skills/hyperframes-creative/frame-presets/bold-poster/caption-skin.html +230 -230
  271. package/assets/.agent/skills/hyperframes-creative/frame-presets/bold-poster/frame-showcase.html +1140 -1140
  272. package/assets/.agent/skills/hyperframes-creative/frame-presets/broadside/FRAME.md +284 -284
  273. package/assets/.agent/skills/hyperframes-creative/frame-presets/broadside/caption-skin.html +225 -225
  274. package/assets/.agent/skills/hyperframes-creative/frame-presets/broadside/frame-showcase.html +1166 -1166
  275. package/assets/.agent/skills/hyperframes-creative/frame-presets/capsule/FRAME.md +284 -284
  276. package/assets/.agent/skills/hyperframes-creative/frame-presets/capsule/caption-skin.html +224 -224
  277. package/assets/.agent/skills/hyperframes-creative/frame-presets/capsule/frame-showcase.html +1465 -1465
  278. package/assets/.agent/skills/hyperframes-creative/frame-presets/cartesian/FRAME.md +278 -278
  279. package/assets/.agent/skills/hyperframes-creative/frame-presets/cartesian/caption-skin.html +222 -222
  280. package/assets/.agent/skills/hyperframes-creative/frame-presets/cartesian/frame-showcase.html +1263 -1263
  281. package/assets/.agent/skills/hyperframes-creative/frame-presets/claude/FRAME.md +277 -277
  282. package/assets/.agent/skills/hyperframes-creative/frame-presets/claude/caption-skin.html +224 -224
  283. package/assets/.agent/skills/hyperframes-creative/frame-presets/claude/frame-showcase.html +1439 -1439
  284. package/assets/.agent/skills/hyperframes-creative/frame-presets/cobalt-grid/FRAME.md +265 -265
  285. package/assets/.agent/skills/hyperframes-creative/frame-presets/cobalt-grid/caption-skin.html +238 -238
  286. package/assets/.agent/skills/hyperframes-creative/frame-presets/cobalt-grid/frame-showcase.html +1468 -1468
  287. package/assets/.agent/skills/hyperframes-creative/frame-presets/coral/FRAME.md +314 -314
  288. package/assets/.agent/skills/hyperframes-creative/frame-presets/coral/caption-skin.html +226 -226
  289. package/assets/.agent/skills/hyperframes-creative/frame-presets/coral/frame-showcase.html +1268 -1268
  290. package/assets/.agent/skills/hyperframes-creative/frame-presets/creative-mode/FRAME.md +333 -333
  291. package/assets/.agent/skills/hyperframes-creative/frame-presets/creative-mode/caption-skin.html +227 -227
  292. package/assets/.agent/skills/hyperframes-creative/frame-presets/creative-mode/frame-showcase.html +1330 -1330
  293. package/assets/.agent/skills/hyperframes-creative/frame-presets/daisy-days/FRAME.md +274 -274
  294. package/assets/.agent/skills/hyperframes-creative/frame-presets/daisy-days/caption-skin.html +230 -230
  295. package/assets/.agent/skills/hyperframes-creative/frame-presets/daisy-days/frame-showcase.html +1444 -1444
  296. package/assets/.agent/skills/hyperframes-creative/frame-presets/editorial-forest/FRAME.md +265 -265
  297. package/assets/.agent/skills/hyperframes-creative/frame-presets/editorial-forest/caption-skin.html +223 -223
  298. package/assets/.agent/skills/hyperframes-creative/frame-presets/editorial-forest/frame-showcase.html +1273 -1273
  299. package/assets/.agent/skills/hyperframes-creative/palettes/bold-energetic.md +14 -14
  300. package/assets/.agent/skills/hyperframes-creative/palettes/clean-corporate.md +14 -14
  301. package/assets/.agent/skills/hyperframes-creative/palettes/dark-premium.md +14 -14
  302. package/assets/.agent/skills/hyperframes-creative/palettes/jewel-rich.md +14 -14
  303. package/assets/.agent/skills/hyperframes-creative/palettes/monochrome.md +14 -14
  304. package/assets/.agent/skills/hyperframes-creative/palettes/nature-earth.md +14 -14
  305. package/assets/.agent/skills/hyperframes-creative/palettes/neon-electric.md +14 -14
  306. package/assets/.agent/skills/hyperframes-creative/palettes/pastel-soft.md +14 -14
  307. package/assets/.agent/skills/hyperframes-creative/palettes/warm-editorial.md +14 -14
  308. package/assets/.agent/skills/hyperframes-creative/references/audio-reactive.md +76 -76
  309. package/assets/.agent/skills/hyperframes-creative/references/beat-direction.md +164 -164
  310. package/assets/.agent/skills/hyperframes-creative/references/composition-patterns.md +199 -199
  311. package/assets/.agent/skills/hyperframes-creative/references/data-in-motion.md +19 -19
  312. package/assets/.agent/skills/hyperframes-creative/references/design-adherence.md +19 -19
  313. package/assets/.agent/skills/hyperframes-creative/references/design-picker.md +123 -123
  314. package/assets/.agent/skills/hyperframes-creative/references/design-spec.md +55 -55
  315. package/assets/.agent/skills/hyperframes-creative/references/house-style.md +73 -73
  316. package/assets/.agent/skills/hyperframes-creative/references/motion-principles.md +150 -150
  317. package/assets/.agent/skills/hyperframes-creative/references/narration.md +92 -92
  318. package/assets/.agent/skills/hyperframes-creative/references/prompt-expansion.md +68 -68
  319. package/assets/.agent/skills/hyperframes-creative/references/typography.md +218 -218
  320. package/assets/.agent/skills/hyperframes-creative/references/video-composition.md +63 -63
  321. package/assets/.agent/skills/hyperframes-creative/references/visual-styles.md +457 -457
  322. package/assets/.agent/skills/hyperframes-creative/scripts/contrast-report.mjs +353 -353
  323. package/assets/.agent/skills/hyperframes-creative/scripts/extract-audio-data.py +188 -188
  324. package/assets/.agent/skills/hyperframes-creative/scripts/package-loader.mjs +288 -288
  325. package/assets/.agent/skills/hyperframes-creative/scripts/package-loader.test.mjs +62 -62
  326. package/assets/.agent/skills/hyperframes-creative/templates/design-picker.html +1432 -1432
  327. package/assets/.agent/skills/hyperframes-keyframes/SKILL.md +237 -237
  328. package/assets/.agent/skills/hyperframes-keyframes/agents/openai.yaml +4 -4
  329. package/assets/.agent/skills/hyperframes-keyframes/references/keyframe-patterns.md +106 -106
  330. package/assets/.agent/skills/hyperframes-media/SKILL.md +97 -97
  331. package/assets/.agent/skills/hyperframes-media/assets/sfx/CREDITS.md +35 -35
  332. package/assets/.agent/skills/hyperframes-media/assets/sfx/manifest.json +97 -97
  333. package/assets/.agent/skills/hyperframes-media/references/bgm.md +72 -72
  334. package/assets/.agent/skills/hyperframes-media/references/captions/authoring.md +159 -159
  335. package/assets/.agent/skills/hyperframes-media/references/captions/motion.md +87 -87
  336. package/assets/.agent/skills/hyperframes-media/references/captions/transcript-handling.md +97 -97
  337. package/assets/.agent/skills/hyperframes-media/references/remove-background.md +143 -143
  338. package/assets/.agent/skills/hyperframes-media/references/requirements.md +29 -29
  339. package/assets/.agent/skills/hyperframes-media/references/sfx.md +42 -42
  340. package/assets/.agent/skills/hyperframes-media/references/transcribe.md +52 -52
  341. package/assets/.agent/skills/hyperframes-media/references/tts-to-captions.md +24 -24
  342. package/assets/.agent/skills/hyperframes-media/references/tts.md +135 -135
  343. package/assets/.agent/skills/hyperframes-media/scripts/audio.mjs +293 -293
  344. package/assets/.agent/skills/hyperframes-media/scripts/heygen-tts.mjs +121 -121
  345. package/assets/.agent/skills/hyperframes-media/scripts/lib/bgm.mjs +235 -235
  346. package/assets/.agent/skills/hyperframes-media/scripts/lib/concurrency.mjs +14 -14
  347. package/assets/.agent/skills/hyperframes-media/scripts/lib/concurrency.test.mjs +41 -41
  348. package/assets/.agent/skills/hyperframes-media/scripts/lib/heygen.mjs +131 -131
  349. package/assets/.agent/skills/hyperframes-media/scripts/lib/sfx.mjs +128 -128
  350. package/assets/.agent/skills/hyperframes-media/scripts/lib/tts.mjs +298 -298
  351. package/assets/.agent/skills/hyperframes-media/scripts/lib/tts.spawn.test.mjs +97 -97
  352. package/assets/.agent/skills/hyperframes-media/scripts/lib/tts.test.mjs +66 -66
  353. package/assets/.agent/skills/hyperframes-media/scripts/lyria-recipe.py +128 -128
  354. package/assets/.agent/skills/hyperframes-media/scripts/wait-bgm.mjs +167 -167
  355. package/assets/.agent/skills/hyperframes-registry/SKILL.md +101 -101
  356. package/assets/.agent/skills/hyperframes-registry/examples/add-block.md +51 -51
  357. package/assets/.agent/skills/hyperframes-registry/examples/add-component.md +73 -73
  358. package/assets/.agent/skills/hyperframes-registry/references/contributing.md +166 -166
  359. package/assets/.agent/skills/hyperframes-registry/references/demo-html-pattern.md +54 -54
  360. package/assets/.agent/skills/hyperframes-registry/references/discovery.md +215 -215
  361. package/assets/.agent/skills/hyperframes-registry/references/install-locations.md +45 -45
  362. package/assets/.agent/skills/hyperframes-registry/references/templates.md +417 -417
  363. package/assets/.agent/skills/hyperframes-registry/references/wiring-blocks.md +61 -61
  364. package/assets/.agent/skills/hyperframes-registry/references/wiring-components.md +39 -39
  365. package/assets/.agent/skills/media-use/SKILL.md +124 -124
  366. package/assets/.agent/skills/media-use/scripts/eval.mjs +369 -369
  367. package/assets/.agent/skills/media-use/scripts/lib/adopt.mjs +112 -112
  368. package/assets/.agent/skills/media-use/scripts/lib/bgm-provider.mjs +20 -20
  369. package/assets/.agent/skills/media-use/scripts/lib/brand-provider.mjs +59 -59
  370. package/assets/.agent/skills/media-use/scripts/lib/cache.mjs +114 -114
  371. package/assets/.agent/skills/media-use/scripts/lib/freeze.mjs +26 -26
  372. package/assets/.agent/skills/media-use/scripts/lib/heygen-search.mjs +51 -51
  373. package/assets/.agent/skills/media-use/scripts/lib/image-provider.mjs +44 -44
  374. package/assets/.agent/skills/media-use/scripts/lib/index-gen.mjs +63 -63
  375. package/assets/.agent/skills/media-use/scripts/lib/manifest.mjs +91 -91
  376. package/assets/.agent/skills/media-use/scripts/lib/manifest.test.mjs +293 -293
  377. package/assets/.agent/skills/media-use/scripts/lib/probe.mjs +39 -39
  378. package/assets/.agent/skills/media-use/scripts/lib/probe.test.mjs +31 -31
  379. package/assets/.agent/skills/media-use/scripts/lib/providers.mjs +29 -29
  380. package/assets/.agent/skills/media-use/scripts/lib/sfx-provider.mjs +23 -23
  381. package/assets/.agent/skills/media-use/scripts/resolve.mjs +247 -247
  382. package/assets/.agent/skills/media-use/scripts/resolve.test.mjs +247 -247
  383. package/assets/.agent/skills/motion-graphics/SKILL.md +172 -172
  384. package/assets/.agent/skills/motion-graphics/agents/builder.md +40 -40
  385. package/assets/.agent/skills/motion-graphics/agents/director.md +53 -53
  386. package/assets/.agent/skills/motion-graphics/agents/finalize.md +17 -17
  387. package/assets/.agent/skills/motion-graphics/catalog-map.md +40 -40
  388. package/assets/.agent/skills/motion-graphics/categories/asset-fusion/module.md +37 -37
  389. package/assets/.agent/skills/motion-graphics/categories/charts/module.md +21 -21
  390. package/assets/.agent/skills/motion-graphics/categories/kinetic-type/module.md +19 -19
  391. package/assets/.agent/skills/motion-graphics/categories/logo-reveal/module.md +17 -17
  392. package/assets/.agent/skills/motion-graphics/categories/lower-thirds/module.md +16 -16
  393. package/assets/.agent/skills/motion-graphics/categories/maps/bake-basemap.mjs +273 -273
  394. package/assets/.agent/skills/motion-graphics/categories/maps/module.md +61 -61
  395. package/assets/.agent/skills/motion-graphics/categories/news/module.md +56 -56
  396. package/assets/.agent/skills/motion-graphics/categories/stat/module.md +21 -21
  397. package/assets/.agent/skills/motion-graphics/categories/tweet/module.md +16 -16
  398. package/assets/.agent/skills/motion-graphics/categories/webpage/module.md +21 -21
  399. package/assets/.agent/skills/motion-graphics/grounding/PROTOCOL.md +64 -64
  400. package/assets/.agent/skills/motion-graphics/grounding/locate.mjs +227 -227
  401. package/assets/.agent/skills/motion-graphics/phases/source/guide.md +21 -21
  402. package/assets/.agent/skills/motion-graphics/references/builder-contract.md +38 -38
  403. package/assets/.agent/skills/motion-graphics/references/motion-vocabulary.md +43 -43
  404. package/assets/.agent/skills/motion-graphics/references/shot-plan-ir.md +54 -54
  405. package/assets/.agent/skills/motion-graphics/samples/asset-fusion/_ref-circle-highlight.html +306 -306
  406. package/assets/.agent/skills/music-to-video/SKILL.md +197 -197
  407. package/assets/.agent/skills/music-to-video/references/frame-skeleton.md +100 -100
  408. package/assets/.agent/skills/music-to-video/references/montage.md +58 -58
  409. package/assets/.agent/skills/music-to-video/references/motion-primitive-catalog.md +75 -75
  410. package/assets/.agent/skills/music-to-video/references/motion-primitives/3d-card-flip/index.html +154 -154
  411. package/assets/.agent/skills/music-to-video/references/motion-primitives/assets/gsap.min.js +11 -11
  412. package/assets/.agent/skills/music-to-video/references/motion-primitives/bg-flow-field/index.html +326 -326
  413. package/assets/.agent/skills/music-to-video/references/motion-primitives/binary-decrypt/index.html +120 -120
  414. package/assets/.agent/skills/music-to-video/references/motion-primitives/blur-resolve/index.html +95 -95
  415. package/assets/.agent/skills/music-to-video/references/motion-primitives/braam-punch/index.html +135 -135
  416. package/assets/.agent/skills/music-to-video/references/motion-primitives/chromatic-split/index.html +146 -146
  417. package/assets/.agent/skills/music-to-video/references/motion-primitives/chrome-sweep/index.html +103 -103
  418. package/assets/.agent/skills/music-to-video/references/motion-primitives/counting-punch/index.html +154 -154
  419. package/assets/.agent/skills/music-to-video/references/motion-primitives/crash-zoom-in/index.html +155 -155
  420. package/assets/.agent/skills/music-to-video/references/motion-primitives/datamosh-smear/index.html +166 -166
  421. package/assets/.agent/skills/music-to-video/references/motion-primitives/directional-fill/index.html +133 -133
  422. package/assets/.agent/skills/music-to-video/references/motion-primitives/dolly-zoom/index.html +137 -137
  423. package/assets/.agent/skills/music-to-video/references/motion-primitives/electric-arc/index.html +144 -144
  424. package/assets/.agent/skills/music-to-video/references/motion-primitives/flash-cut/index.html +132 -132
  425. package/assets/.agent/skills/music-to-video/references/motion-primitives/gooey-metaball/index.html +241 -241
  426. package/assets/.agent/skills/music-to-video/references/motion-primitives/hard-cut/index.html +117 -117
  427. package/assets/.agent/skills/music-to-video/references/motion-primitives/hypercut-whip/index.html +79 -79
  428. package/assets/.agent/skills/music-to-video/references/motion-primitives/iris-open/index.html +104 -104
  429. package/assets/.agent/skills/music-to-video/references/motion-primitives/kinetic-letter-in/index.html +92 -92
  430. package/assets/.agent/skills/music-to-video/references/motion-primitives/liquid-morph/index.html +131 -131
  431. package/assets/.agent/skills/music-to-video/references/motion-primitives/mask-reveal/index.html +109 -109
  432. package/assets/.agent/skills/music-to-video/references/motion-primitives/mosaic-pack/index.html +124 -124
  433. package/assets/.agent/skills/music-to-video/references/motion-primitives/neon-flicker/index.html +108 -108
  434. package/assets/.agent/skills/music-to-video/references/motion-primitives/outline-to-fill/index.html +117 -117
  435. package/assets/.agent/skills/music-to-video/references/motion-primitives/palette-flip/index.html +132 -132
  436. package/assets/.agent/skills/music-to-video/references/motion-primitives/particle-burst/index.html +141 -141
  437. package/assets/.agent/skills/music-to-video/references/motion-primitives/pixel-dissolve/index.html +121 -121
  438. package/assets/.agent/skills/music-to-video/references/motion-primitives/radial-burst-lines/index.html +160 -160
  439. package/assets/.agent/skills/music-to-video/references/motion-primitives/screen-shake/index.html +113 -113
  440. package/assets/.agent/skills/music-to-video/references/motion-primitives/slot-machine-reveal/index.html +130 -130
  441. package/assets/.agent/skills/music-to-video/references/motion-primitives/spotlight-sweep/index.html +137 -137
  442. package/assets/.agent/skills/music-to-video/references/motion-primitives/staggered-exit/index.html +117 -117
  443. package/assets/.agent/skills/music-to-video/references/motion-primitives/text-spectral-rays/USAGE.md +42 -42
  444. package/assets/.agent/skills/music-to-video/references/motion-primitives/text-spectral-rays/index.html +313 -313
  445. package/assets/.agent/skills/music-to-video/references/motion-primitives/text-wave-distort/index.html +136 -136
  446. package/assets/.agent/skills/music-to-video/references/motion-primitives/tile-mosaic/index.html +144 -144
  447. package/assets/.agent/skills/music-to-video/references/motion-primitives/typewriter-reveal/index.html +122 -122
  448. package/assets/.agent/skills/music-to-video/references/motion-primitives/word-grid-burst/index.html +126 -126
  449. package/assets/.agent/skills/music-to-video/references/planning.md +104 -104
  450. package/assets/.agent/skills/music-to-video/references/storyboard-format.md +94 -94
  451. package/assets/.agent/skills/music-to-video/references/template-catalog.md +106 -106
  452. package/assets/.agent/skills/music-to-video/references/templates/card-flyby/index.html +527 -527
  453. package/assets/.agent/skills/music-to-video/references/templates/card-flyby/program.json +13 -13
  454. package/assets/.agent/skills/music-to-video/references/templates/held-message-living-field/index.html +485 -485
  455. package/assets/.agent/skills/music-to-video/references/templates/held-text-strobe-burst/index.html +302 -302
  456. package/assets/.agent/skills/music-to-video/references/templates/intro-kinetic-cascade/index.html +610 -610
  457. package/assets/.agent/skills/music-to-video/references/templates/intro-kinetic-cascade/program.json +41 -41
  458. package/assets/.agent/skills/music-to-video/references/templates/logo-split-lockup-pulse/index.html +596 -596
  459. package/assets/.agent/skills/music-to-video/references/templates/poster-tile-mosaic/index.html +589 -589
  460. package/assets/.agent/skills/music-to-video/references/templates/poster-tile-mosaic/program.json +25 -25
  461. package/assets/.agent/skills/music-to-video/references/templates/roll-flipbook-word-cycle/index.html +267 -267
  462. package/assets/.agent/skills/music-to-video/references/templates/split-anchor-word-slot/index.html +594 -594
  463. package/assets/.agent/skills/music-to-video/references/templates/split-anchor-word-slot/program.json +39 -39
  464. package/assets/.agent/skills/music-to-video/references/templates/typewriter-phrase-keyword-shuffle/index.html +238 -238
  465. package/assets/.agent/skills/music-to-video/scripts/analyze-beatgrid.py +531 -531
  466. package/assets/.agent/skills/music-to-video/scripts/assemble-index.mjs +218 -218
  467. package/assets/.agent/skills/music-to-video/scripts/lib/storyboard.mjs +249 -249
  468. package/assets/.agent/skills/music-to-video/scripts/stage-assets.mjs +58 -58
  469. package/assets/.agent/skills/music-to-video/scripts/validate-plan.mjs +161 -161
  470. package/assets/.agent/skills/music-to-video/sub-agents/frame-worker.md +75 -75
  471. package/assets/.agent/skills/pr-to-video/SKILL.md +240 -240
  472. package/assets/.agent/skills/pr-to-video/references/code-vocabulary.md +111 -111
  473. package/assets/.agent/skills/pr-to-video/references/cut-catalog.md +215 -215
  474. package/assets/.agent/skills/pr-to-video/references/motion-language.md +156 -156
  475. package/assets/.agent/skills/pr-to-video/references/story-design.md +211 -211
  476. package/assets/.agent/skills/pr-to-video/references/visual-design.md +164 -164
  477. package/assets/.agent/skills/pr-to-video/scripts/assemble-index.mjs +570 -570
  478. package/assets/.agent/skills/pr-to-video/scripts/audio.mjs +253 -253
  479. package/assets/.agent/skills/pr-to-video/scripts/build-frame.mjs +536 -536
  480. package/assets/.agent/skills/pr-to-video/scripts/captions.mjs +508 -508
  481. package/assets/.agent/skills/pr-to-video/scripts/fetch-people-avatars.mjs +157 -157
  482. package/assets/.agent/skills/pr-to-video/scripts/fetch-pr.mjs +164 -164
  483. package/assets/.agent/skills/pr-to-video/scripts/ingest.mjs +539 -539
  484. package/assets/.agent/skills/pr-to-video/scripts/lib/assets.mjs +55 -55
  485. package/assets/.agent/skills/pr-to-video/scripts/lib/dimensions.mjs +45 -45
  486. package/assets/.agent/skills/pr-to-video/scripts/lib/storyboard.mjs +249 -249
  487. package/assets/.agent/skills/pr-to-video/scripts/lib/tokens.mjs +204 -204
  488. package/assets/.agent/skills/pr-to-video/scripts/lib/transition-registry.mjs +38 -38
  489. package/assets/.agent/skills/pr-to-video/scripts/lib/transitions.json +71 -71
  490. package/assets/.agent/skills/pr-to-video/scripts/transitions.mjs +320 -320
  491. package/assets/.agent/skills/pr-to-video/sub-agents/frame-worker.md +95 -95
  492. package/assets/.agent/skills/product-launch-video/SKILL.md +208 -208
  493. package/assets/.agent/skills/product-launch-video/references/cut-catalog.md +220 -220
  494. package/assets/.agent/skills/product-launch-video/references/motion-language.md +156 -156
  495. package/assets/.agent/skills/product-launch-video/references/story-design.md +373 -373
  496. package/assets/.agent/skills/product-launch-video/references/visual-design.md +126 -126
  497. package/assets/.agent/skills/product-launch-video/scripts/assemble-index.mjs +570 -570
  498. package/assets/.agent/skills/product-launch-video/scripts/audio.mjs +253 -253
  499. package/assets/.agent/skills/product-launch-video/scripts/build-frame.mjs +536 -536
  500. package/assets/.agent/skills/product-launch-video/scripts/captions.mjs +508 -508
  501. package/assets/.agent/skills/product-launch-video/scripts/lib/assets.mjs +55 -55
  502. package/assets/.agent/skills/product-launch-video/scripts/lib/dimensions.mjs +45 -45
  503. package/assets/.agent/skills/product-launch-video/scripts/lib/storyboard.mjs +249 -249
  504. package/assets/.agent/skills/product-launch-video/scripts/lib/tokens.mjs +204 -204
  505. package/assets/.agent/skills/product-launch-video/scripts/lib/transition-registry.mjs +38 -38
  506. package/assets/.agent/skills/product-launch-video/scripts/lib/transitions.json +71 -71
  507. package/assets/.agent/skills/product-launch-video/scripts/stage-assets.mjs +39 -39
  508. package/assets/.agent/skills/product-launch-video/scripts/transitions.mjs +320 -320
  509. package/assets/.agent/skills/product-launch-video/sub-agents/frame-worker.md +75 -75
  510. package/assets/.agent/skills/remotion/SKILL.md +357 -38
  511. package/assets/.agent/skills/remotion/rules/3d.md +5 -5
  512. package/assets/.agent/skills/remotion/rules/assets/text-animations-word-highlight.tsx +1 -6
  513. package/assets/.agent/skills/remotion/rules/audio-visualization.md +198 -0
  514. package/assets/.agent/skills/remotion/rules/audio.md +1 -4
  515. package/assets/.agent/skills/remotion/rules/calculate-metadata.md +48 -18
  516. package/assets/.agent/skills/remotion/rules/compositions.md +16 -24
  517. package/assets/.agent/skills/remotion/rules/display-captions.md +79 -21
  518. package/assets/.agent/skills/remotion/rules/effects.md +235 -0
  519. package/assets/.agent/skills/remotion/rules/ffmpeg.md +34 -0
  520. package/assets/.agent/skills/remotion/rules/get-audio-duration.md +13 -13
  521. package/assets/.agent/skills/remotion/rules/get-video-dimensions.md +1 -1
  522. package/assets/.agent/skills/remotion/rules/get-video-duration.md +12 -10
  523. package/assets/.agent/skills/remotion/rules/gifs.md +21 -18
  524. package/assets/.agent/skills/remotion/rules/google-fonts.md +72 -0
  525. package/assets/.agent/skills/remotion/rules/html-in-canvas.md +122 -0
  526. package/assets/.agent/skills/remotion/rules/images.md +5 -64
  527. package/assets/.agent/skills/remotion/rules/import-srt-captions.md +9 -7
  528. package/assets/.agent/skills/remotion/rules/light-leaks.md +73 -0
  529. package/assets/.agent/skills/remotion/rules/local-fonts.md +65 -0
  530. package/assets/.agent/skills/remotion/rules/lottie.md +10 -8
  531. package/assets/.agent/skills/remotion/rules/maplibre.md +458 -0
  532. package/assets/.agent/skills/remotion/rules/measuring-dom-nodes.md +0 -1
  533. package/assets/.agent/skills/remotion/rules/measuring-text.md +2 -5
  534. package/assets/.agent/skills/remotion/rules/parameters.md +21 -10
  535. package/assets/.agent/skills/remotion/rules/sequencing.md +35 -9
  536. package/assets/.agent/skills/remotion/rules/sfx.md +51 -0
  537. package/assets/.agent/skills/remotion/rules/silence-detection.md +71 -0
  538. package/assets/.agent/skills/remotion/rules/subtitles.md +36 -0
  539. package/assets/.agent/skills/remotion/rules/tailwind.md +2 -2
  540. package/assets/.agent/skills/remotion/rules/timing.md +89 -106
  541. package/assets/.agent/skills/remotion/rules/transcribe-captions.md +58 -7
  542. package/assets/.agent/skills/remotion/rules/transitions.md +117 -42
  543. package/assets/.agent/skills/remotion/rules/transparent-videos.md +106 -0
  544. package/assets/.agent/skills/remotion/rules/trimming.md +1 -3
  545. package/assets/.agent/skills/remotion/rules/video-layout.md +68 -0
  546. package/assets/.agent/skills/remotion/rules/voiceover.md +99 -0
  547. package/assets/.agent/skills/remotion-real-ui-video/SKILL.md +264 -264
  548. package/assets/.agent/skills/remotion-real-ui-video/references/anti-patterns.md +114 -114
  549. package/assets/.agent/skills/remotion-real-ui-video/references/completion-checklist.md +75 -75
  550. package/assets/.agent/skills/remotion-real-ui-video/references/real-ui-bridge-example.md +93 -93
  551. package/assets/.agent/skills/remotion-to-hyperframes/SKILL.md +127 -127
  552. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/run.sh +249 -249
  553. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/README.md +41 -41
  554. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/expected.json +26 -26
  555. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/hf-src/index.html +61 -61
  556. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/package.json +14 -14
  557. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/remotion.config.ts +13 -13
  558. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/src/Root.tsx +13 -13
  559. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/src/TitleCard.tsx +34 -34
  560. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/src/index.ts +4 -4
  561. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/tsconfig.json +15 -15
  562. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/README.md +54 -54
  563. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/expected.json +29 -29
  564. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/hf-src/index.html +118 -118
  565. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/package.json +14 -14
  566. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/remotion.config.ts +13 -13
  567. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/src/MultiScene.tsx +105 -105
  568. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/src/Root.tsx +13 -13
  569. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/src/index.ts +4 -4
  570. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/tsconfig.json +15 -15
  571. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/setup.sh +34 -34
  572. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/README.md +85 -85
  573. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/expected.json +41 -41
  574. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/hf-src/index.html +269 -269
  575. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/package.json +15 -15
  576. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/remotion.config.ts +13 -13
  577. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/Root.tsx +27 -27
  578. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/Stargazed.tsx +37 -37
  579. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/components/AnimatedNumber.tsx +23 -23
  580. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/components/StatCard.tsx +59 -59
  581. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/components/UnderlinedText.tsx +47 -47
  582. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/index.ts +4 -4
  583. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/OutroScene.tsx +18 -18
  584. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/StatsScene.tsx +34 -34
  585. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/TitleScene.tsx +55 -55
  586. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/tsconfig.json +15 -15
  587. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/README.md +51 -51
  588. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/01-use-state.tsx +29 -29
  589. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/02-use-effect-deps.tsx +29 -29
  590. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/03-async-metadata.tsx +39 -39
  591. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/04-third-party-react.tsx +30 -30
  592. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/05-lambda-config.tsx +38 -38
  593. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/06-warnings-only.tsx +36 -36
  594. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/07-custom-hook.tsx +28 -28
  595. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/08-mixed.tsx +41 -41
  596. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/expected.json +85 -85
  597. package/assets/.agent/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/validate.sh +110 -110
  598. package/assets/.agent/skills/remotion-to-hyperframes/references/api-map.md +142 -142
  599. package/assets/.agent/skills/remotion-to-hyperframes/references/escape-hatch.md +115 -115
  600. package/assets/.agent/skills/remotion-to-hyperframes/references/eval.md +140 -140
  601. package/assets/.agent/skills/remotion-to-hyperframes/references/fonts.md +112 -112
  602. package/assets/.agent/skills/remotion-to-hyperframes/references/limitations.md +136 -136
  603. package/assets/.agent/skills/remotion-to-hyperframes/references/lottie.md +121 -121
  604. package/assets/.agent/skills/remotion-to-hyperframes/references/media.md +149 -149
  605. package/assets/.agent/skills/remotion-to-hyperframes/references/parameters.md +167 -167
  606. package/assets/.agent/skills/remotion-to-hyperframes/references/sequencing.md +195 -195
  607. package/assets/.agent/skills/remotion-to-hyperframes/references/timing.md +165 -165
  608. package/assets/.agent/skills/remotion-to-hyperframes/references/transitions.md +114 -114
  609. package/assets/.agent/skills/remotion-to-hyperframes/scripts/frame_strip.sh +107 -107
  610. package/assets/.agent/skills/remotion-to-hyperframes/scripts/lint_source.py +358 -358
  611. package/assets/.agent/skills/remotion-to-hyperframes/scripts/render_diff.sh +103 -103
  612. package/assets/.agent/skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx +50 -50
  613. package/assets/.agent/skills/remotion-to-hyperframes/scripts/tests/fixtures/clean.tsx +46 -46
  614. package/assets/.agent/skills/remotion-to-hyperframes/scripts/tests/smoke.sh +90 -90
  615. package/assets/.agent/skills/shared-resend-portfolio/SKILL.md +124 -124
  616. package/assets/.agent/skills/slideshow/SKILL.md +550 -550
  617. package/assets/.agent/skills/slideshow/references/standalone-harness.md +1020 -1020
  618. package/assets/.agent/skills/talking-head-recut/NOTICE.md +39 -39
  619. package/assets/.agent/skills/talking-head-recut/SKILL.md +1191 -1191
  620. package/assets/.agent/skills/talking-head-recut/assets/vendor/gsap.min.js +10 -10
  621. package/assets/.agent/skills/talking-head-recut/references/DESIGN_INDEX.md +145 -145
  622. package/assets/.agent/skills/talking-head-recut/references/frames/clean.html +92 -92
  623. package/assets/.agent/skills/talking-head-recut/references/frames/hairline.html +171 -171
  624. package/assets/.agent/skills/talking-head-recut/references/frames/polaroid.html +131 -131
  625. package/assets/.agent/skills/talking-head-recut/references/layouts/overlay.html +164 -164
  626. package/assets/.agent/skills/talking-head-recut/references/layouts/pip.html +143 -143
  627. package/assets/.agent/skills/talking-head-recut/references/layouts/split.html +121 -121
  628. package/assets/.agent/skills/talking-head-recut/references/layouts/stack.html +109 -109
  629. package/assets/.agent/skills/talking-head-recut/references/styles/academic.html +172 -172
  630. package/assets/.agent/skills/talking-head-recut/references/styles/audit.html +170 -170
  631. package/assets/.agent/skills/talking-head-recut/references/styles/editorial.html +189 -189
  632. package/assets/.agent/skills/talking-head-recut/references/styles/geom.html +181 -181
  633. package/assets/.agent/skills/talking-head-recut/references/styles/minimal.html +130 -130
  634. package/assets/.agent/skills/talking-head-recut/references/styles/spotlight.html +142 -142
  635. package/assets/.agent/skills/talking-head-recut/references/styles/swiss.html +188 -188
  636. package/assets/.agent/skills/talking-head-recut/references/styles/terminal.html +196 -196
  637. package/assets/.agent/skills/talking-head-recut/references/styles/whiteboard.html +170 -170
  638. package/assets/.agent/skills/talking-head-recut/references/styles/xhs.html +206 -206
  639. package/assets/.agent/skills/website-to-video/SKILL.md +145 -145
  640. package/assets/.agent/skills/website-to-video/assets/sfx/CREDITS.md +35 -35
  641. package/assets/.agent/skills/website-to-video/assets/sfx/manifest.json +97 -97
  642. package/assets/.agent/skills/website-to-video/references/beat-builder-guide.md +263 -263
  643. package/assets/.agent/skills/website-to-video/references/capabilities.md +713 -713
  644. package/assets/.agent/skills/website-to-video/references/step-0-capture.md +55 -55
  645. package/assets/.agent/skills/website-to-video/references/step-1-design.md +333 -333
  646. package/assets/.agent/skills/website-to-video/references/step-2-brief.md +178 -178
  647. package/assets/.agent/skills/website-to-video/references/step-3-storyboard.md +572 -572
  648. package/assets/.agent/skills/website-to-video/references/step-4-vo.md +230 -230
  649. package/assets/.agent/skills/website-to-video/references/step-5-build.md +483 -483
  650. package/assets/.agent/skills/website-to-video/references/step-6-validate.md +341 -341
  651. package/assets/.agent/skills/website-to-video/scripts/w2h-verify.mjs +759 -759
  652. package/package.json +5 -4
  653. package/src/pi-takomi-core/workflows.ts +86 -86
  654. package/src/takomi-stats.js +5 -5
  655. package/assets/.agent/skills/remotion/rules/animations.md +0 -29
  656. package/assets/.agent/skills/remotion/rules/assets.md +0 -78
  657. package/assets/.agent/skills/remotion/rules/can-decode.md +0 -75
  658. package/assets/.agent/skills/remotion/rules/charts.md +0 -58
  659. package/assets/.agent/skills/remotion/rules/extract-frames.md +0 -229
  660. package/assets/.agent/skills/remotion/rules/fonts.md +0 -152
  661. package/assets/.agent/skills/remotion/rules/maps.md +0 -403
@@ -1,148 +1,148 @@
1
- # Motion Vocabulary — named word-entry moves
2
-
3
- 10 motion primitives the skill uses. Each has a specific timing + easing + situational fit. Agent picks by **content tone**, not default to one.
4
-
5
- **Easing philosophy:** `cubic-bezier(.2,.7,.2,1)` is the "considered confident" default. `linear` is almost always wrong. Back-easing (elastic) is for playful content only — never documentary.
6
-
7
- **Exit rules:** Default exit is the same tween reversed at 60% duration. Never exit with a different motion than entry unless doing a rhetorical pivot. Never fade out during speech — only during the gap between phrases.
8
-
9
- ---
10
-
11
- ## The 10 moves
12
-
13
- ### 1. typewriter
14
-
15
- Char-by-char reveal, 25–35ms/char, linear easing. Documentary / data-heavy / tense / interrogative.
16
-
17
- ```js
18
- // GSAP
19
- words.forEach((w, i) => {
20
- const chars = w.textContent.split("");
21
- w.textContent = "";
22
- chars.forEach((c, j) => {
23
- const span = document.createElement("span");
24
- span.textContent = c;
25
- span.style.opacity = 0;
26
- w.appendChild(span);
27
- tl.to(span, { opacity: 1, duration: 0 }, wordStart + j * 0.028);
28
- });
29
- });
30
- ```
31
-
32
- ### 2. word-fade-up (DEFAULT)
33
-
34
- Per-word, 80ms stagger, `opacity 0→1 + translateY 8→0`, `cubic-bezier(.2,.7,.2,1)` (ease-out). Default for conversational content.
35
-
36
- ```js
37
- tl.fromTo(
38
- word,
39
- { opacity: 0, y: 8 },
40
- { opacity: 1, y: 0, duration: 0.45, ease: "power2.out" },
41
- wordStart,
42
- );
43
- ```
44
-
45
- ### 3. word-pop
46
-
47
- Per-word, 60ms stagger, `scale 0.85→1 + opacity 0→1`, elastic-light `cubic-bezier(.34,1.56,.64,1)`. Energetic / YouTube-vlog / high-tempo. **Never for documentary.**
48
-
49
- ### 4. swipe-reveal
50
-
51
- Whole phrase at once, 400ms, `clip-path inset 0 100% 0 0 → 0 0 0 0`, expo `cubic-bezier(.77,0,.175,1)`. Keynote / tech product / announcement.
52
-
53
- ```css
54
- .cap {
55
- clip-path: inset(0 100% 0 0);
56
- }
57
- /* animate to inset(0 0 0 0) */
58
- ```
59
-
60
- ### 5. drop-and-settle
61
-
62
- Per-word, 120ms stagger, `y: -30→0` with back-bounce `cubic-bezier(.68,-.55,.27,1.55)`. Playful but controlled. **Not for documentary.**
63
-
64
- ### 6. etch
65
-
66
- Whole word at once, 600ms, opacity ramp `0→1` with slight blur→sharp transition. Ease-in-out. Poetic / lyrical / "quote on wall" direction.
67
-
68
- ### 7. crosshair
69
-
70
- Per-word, 200ms total: two 1px lines converge on word center (linear 150ms), then word snaps in (expo-out 50ms). Thriller / investigative doc.
71
-
72
- ### 8. breathing-hold
73
-
74
- **Static but alive.** No entry animation. Once visible, micro-scale loop `1.00↔1.008` over 2s, sine ease. Used on climax lines held 1.5s+.
75
-
76
- ### 9. cascade
77
-
78
- Each word from alternating direction: L, R, L, R. `translateX: ±40→0`, ease-out 300ms. **Rhythm-break move** — use sparingly, once per 30s max.
79
-
80
- ### 10. burn-in
81
-
82
- **Zero animation.** Sudden 1-frame opacity 1. No fade, no transform. Interview-doc style. Use for every 6–8th phrase in a documentary direction for variety (Standard mode; see direction-catalog §1).
83
-
84
- ---
85
-
86
- ## Tone → timing lookup table
87
-
88
- | Tone | Stagger | Hold | Entry move |
89
- | -------------- | ------------------------- | ----------- | ---------------------------------- |
90
- | documentary | 150ms | 600ms | burn-in (70%) + word-fade-up (30%) |
91
- | conversational | 80ms | 400ms | word-fade-up |
92
- | energetic | 50ms | 300ms | word-pop |
93
- | poetic | 250ms | 1200ms | etch |
94
- | broadcast | 0 (burn-in) | BBC timings | burn-in |
95
- | investigative | 25ms/char | 500ms | typewriter |
96
- | keynote | 0 per-word (phrase swipe) | 600ms | swipe-reveal |
97
-
98
- Agent picks tone → this table → GSAP parameters. Data, not guesswork.
99
-
100
- ---
101
-
102
- ## Per-word vs per-phrase animation axis
103
-
104
- Orthogonal to the 10 moves above.
105
-
106
- - **Per-word animation** (default): each word enters at its `w.start` timestamp. Tight sync with speech.
107
- - **Per-phrase animation**: whole group enters/exits at `g.in`/`g.out`. Words appear together. Used for:
108
- - swipe-reveal moves
109
- - burn-in (no animation, but the "reveal" is a group event)
110
- - title cards / chapter breaks
111
-
112
- Rule: per-word for content that tracks speech; per-phrase for moments that step outside the speech flow.
113
-
114
- ---
115
-
116
- ## Stagger breakdown by context
117
-
118
- Fine-tune stagger within a tone:
119
-
120
- - **Documentary dialog**: 150ms (measured)
121
- - **Documentary punchline**: 250ms (weighted)
122
- - **Vlog opener**: 50ms (fast hook)
123
- - **Vlog narration**: 70ms (conversational but snappy)
124
- - **Poem / lyric**: 250–400ms per word, with 500–1000ms gaps between phrases
125
- - **Keynote hero**: per-phrase only (stagger = N/A)
126
- - **Interview name card**: 0 stagger (static)
127
-
128
- ---
129
-
130
- ## Anti-patterns (banned, from anti-patterns.md)
131
-
132
- - Animating `letter-spacing` → reflow
133
- - Animating `filter:blur` → reflow + can wash out text
134
- - `Math.random()` / `Date.now()` in timeline → non-deterministic render
135
- - Entries under 100ms total → frantic, unreadable
136
- - Same motion for every group for 30s+ → eye adapts, stops registering
137
-
138
- ---
139
-
140
- ## When to break the vocabulary
141
-
142
- The 10 moves are a comfortable coverage, not a ceiling. For Standard mode, invent new moves when the scene demands it:
143
-
144
- - Kyle Cooper's scratched typewriter for noir
145
- - K-pop lyric's directional word-from-side
146
- - Film-title flash-cut burn-in with chromatic aberration
147
-
148
- When inventing: stay deterministic, stay transform+opacity only, state the motion in terms of the 4 axes (entry, hold, exit, stagger).
1
+ # Motion Vocabulary — named word-entry moves
2
+
3
+ 10 motion primitives the skill uses. Each has a specific timing + easing + situational fit. Agent picks by **content tone**, not default to one.
4
+
5
+ **Easing philosophy:** `cubic-bezier(.2,.7,.2,1)` is the "considered confident" default. `linear` is almost always wrong. Back-easing (elastic) is for playful content only — never documentary.
6
+
7
+ **Exit rules:** Default exit is the same tween reversed at 60% duration. Never exit with a different motion than entry unless doing a rhetorical pivot. Never fade out during speech — only during the gap between phrases.
8
+
9
+ ---
10
+
11
+ ## The 10 moves
12
+
13
+ ### 1. typewriter
14
+
15
+ Char-by-char reveal, 25–35ms/char, linear easing. Documentary / data-heavy / tense / interrogative.
16
+
17
+ ```js
18
+ // GSAP
19
+ words.forEach((w, i) => {
20
+ const chars = w.textContent.split("");
21
+ w.textContent = "";
22
+ chars.forEach((c, j) => {
23
+ const span = document.createElement("span");
24
+ span.textContent = c;
25
+ span.style.opacity = 0;
26
+ w.appendChild(span);
27
+ tl.to(span, { opacity: 1, duration: 0 }, wordStart + j * 0.028);
28
+ });
29
+ });
30
+ ```
31
+
32
+ ### 2. word-fade-up (DEFAULT)
33
+
34
+ Per-word, 80ms stagger, `opacity 0→1 + translateY 8→0`, `cubic-bezier(.2,.7,.2,1)` (ease-out). Default for conversational content.
35
+
36
+ ```js
37
+ tl.fromTo(
38
+ word,
39
+ { opacity: 0, y: 8 },
40
+ { opacity: 1, y: 0, duration: 0.45, ease: "power2.out" },
41
+ wordStart,
42
+ );
43
+ ```
44
+
45
+ ### 3. word-pop
46
+
47
+ Per-word, 60ms stagger, `scale 0.85→1 + opacity 0→1`, elastic-light `cubic-bezier(.34,1.56,.64,1)`. Energetic / YouTube-vlog / high-tempo. **Never for documentary.**
48
+
49
+ ### 4. swipe-reveal
50
+
51
+ Whole phrase at once, 400ms, `clip-path inset 0 100% 0 0 → 0 0 0 0`, expo `cubic-bezier(.77,0,.175,1)`. Keynote / tech product / announcement.
52
+
53
+ ```css
54
+ .cap {
55
+ clip-path: inset(0 100% 0 0);
56
+ }
57
+ /* animate to inset(0 0 0 0) */
58
+ ```
59
+
60
+ ### 5. drop-and-settle
61
+
62
+ Per-word, 120ms stagger, `y: -30→0` with back-bounce `cubic-bezier(.68,-.55,.27,1.55)`. Playful but controlled. **Not for documentary.**
63
+
64
+ ### 6. etch
65
+
66
+ Whole word at once, 600ms, opacity ramp `0→1` with slight blur→sharp transition. Ease-in-out. Poetic / lyrical / "quote on wall" direction.
67
+
68
+ ### 7. crosshair
69
+
70
+ Per-word, 200ms total: two 1px lines converge on word center (linear 150ms), then word snaps in (expo-out 50ms). Thriller / investigative doc.
71
+
72
+ ### 8. breathing-hold
73
+
74
+ **Static but alive.** No entry animation. Once visible, micro-scale loop `1.00↔1.008` over 2s, sine ease. Used on climax lines held 1.5s+.
75
+
76
+ ### 9. cascade
77
+
78
+ Each word from alternating direction: L, R, L, R. `translateX: ±40→0`, ease-out 300ms. **Rhythm-break move** — use sparingly, once per 30s max.
79
+
80
+ ### 10. burn-in
81
+
82
+ **Zero animation.** Sudden 1-frame opacity 1. No fade, no transform. Interview-doc style. Use for every 6–8th phrase in a documentary direction for variety (Standard mode; see direction-catalog §1).
83
+
84
+ ---
85
+
86
+ ## Tone → timing lookup table
87
+
88
+ | Tone | Stagger | Hold | Entry move |
89
+ | -------------- | ------------------------- | ----------- | ---------------------------------- |
90
+ | documentary | 150ms | 600ms | burn-in (70%) + word-fade-up (30%) |
91
+ | conversational | 80ms | 400ms | word-fade-up |
92
+ | energetic | 50ms | 300ms | word-pop |
93
+ | poetic | 250ms | 1200ms | etch |
94
+ | broadcast | 0 (burn-in) | BBC timings | burn-in |
95
+ | investigative | 25ms/char | 500ms | typewriter |
96
+ | keynote | 0 per-word (phrase swipe) | 600ms | swipe-reveal |
97
+
98
+ Agent picks tone → this table → GSAP parameters. Data, not guesswork.
99
+
100
+ ---
101
+
102
+ ## Per-word vs per-phrase animation axis
103
+
104
+ Orthogonal to the 10 moves above.
105
+
106
+ - **Per-word animation** (default): each word enters at its `w.start` timestamp. Tight sync with speech.
107
+ - **Per-phrase animation**: whole group enters/exits at `g.in`/`g.out`. Words appear together. Used for:
108
+ - swipe-reveal moves
109
+ - burn-in (no animation, but the "reveal" is a group event)
110
+ - title cards / chapter breaks
111
+
112
+ Rule: per-word for content that tracks speech; per-phrase for moments that step outside the speech flow.
113
+
114
+ ---
115
+
116
+ ## Stagger breakdown by context
117
+
118
+ Fine-tune stagger within a tone:
119
+
120
+ - **Documentary dialog**: 150ms (measured)
121
+ - **Documentary punchline**: 250ms (weighted)
122
+ - **Vlog opener**: 50ms (fast hook)
123
+ - **Vlog narration**: 70ms (conversational but snappy)
124
+ - **Poem / lyric**: 250–400ms per word, with 500–1000ms gaps between phrases
125
+ - **Keynote hero**: per-phrase only (stagger = N/A)
126
+ - **Interview name card**: 0 stagger (static)
127
+
128
+ ---
129
+
130
+ ## Anti-patterns (banned, from anti-patterns.md)
131
+
132
+ - Animating `letter-spacing` → reflow
133
+ - Animating `filter:blur` → reflow + can wash out text
134
+ - `Math.random()` / `Date.now()` in timeline → non-deterministic render
135
+ - Entries under 100ms total → frantic, unreadable
136
+ - Same motion for every group for 30s+ → eye adapts, stops registering
137
+
138
+ ---
139
+
140
+ ## When to break the vocabulary
141
+
142
+ The 10 moves are a comfortable coverage, not a ceiling. For Standard mode, invent new moves when the scene demands it:
143
+
144
+ - Kyle Cooper's scratched typewriter for noir
145
+ - K-pop lyric's directional word-from-side
146
+ - Film-title flash-cut burn-in with chromatic aberration
147
+
148
+ When inventing: stay deterministic, stay transform+opacity only, state the motion in terms of the 4 axes (entry, hold, exit, stagger).
@@ -1,68 +1,68 @@
1
- # Rail track — standard lower-third subtitle
2
-
3
- The **default** caption track and the workhorse: a clean, readable subtitle that sits **in
4
- front** of everything (never occluded by the matte) in the lower third. It carries **most**
5
- of the transcript. It is deliberately **plain** — the cinematic craft (planes, occlusion,
6
- Vogue-masthead, accumulation) lives in the _embed_ track only ([composition-craft.md](composition-craft.md)).
7
-
8
- For talking-head / explainer / voiceover, the typical output is **the whole transcript on the rail**
9
- with only the climax(es) promoted to embed. Rail is not a fallback — it's the baseline.
10
-
11
- > **Implementation note.** A dedicated rail renderer is the next build step. The rail is a
12
- > plain `fg` caption track and maps cleanly onto hyperframes' native caption pipeline
13
- > (`hyperframes-media` captions) — prefer reusing that over hand-rolling. Until wired, render
14
- > the rail as a simple `data-caption-layer="fg"` composition (no matte overlay for these caps).
15
-
16
- ## Position & safe area
17
-
18
- - **Lower third, horizontally centered.** Landscape (16:9): baseline ~80–120px above the
19
- bottom edge. Portrait (9:16): lower-middle, ~ 600–700px from the bottom (clear of platform UI).
20
- - **Title-safe margins:** keep text within ~90% width / inside any letterbox-pillarbox bars
21
- (see the letterbox probe). Never flush to the frame edge.
22
- - **One caption group on screen at a time.** No accumulation, no cascade — that's embed-track behaviour.
23
- - It rides above the subject; the matte does **not** occlude it (rail = in front).
24
-
25
- ## Lines, length, timing
26
-
27
- - **≤ 2 lines.** Broadcast target ~ 32–42 chars/line; break at a clause/phrase boundary, never
28
- mid-word, never leave a dangling 1-word line.
29
- - **Word-synced.** Each group's window envelops its words (`group.in ≤ first word.start`,
30
- `group.out ≥ last word.end`); each group ≥ 0.5s on screen; ~1.5s min gap discipline so it
31
- doesn't strobe. Word timings within 80ms of transcript (same gate as everywhere).
32
- - **Grouping** = short readable phrases (see [caption-grouping.md](caption-grouping.md)) — not the
33
- embed track's "phrase = composition" rule; here it's just legible subtitle chunking.
34
-
35
- ## Look (restrained on purpose)
36
-
37
- - **Size: ~`calc(0.045 * var(--h))`** (≈48px @1080, ≈58px @1290) — readable, _not_ hero. The rail is a subtitle; it is deliberately much smaller than the embed body/climax. Express as a `var(--h)` fraction (never hardcode px) so it scales across resolutions. The embed climax is sized to the frame independently (see composition-craft § POP) — **never** size the climax as a multiple of this rail.
38
- - One clean sans (Inter / Helvetica Now / Neue Haas), weight 500–600; white (or near-white).
39
- - **Legibility without grading the video:** a tight text treatment local to the glyphs only —
40
- a soft dark drop-shadow, or a subtle rounded gradient pill / 30–40% scrim **sized to the text
41
- box** (not a full-frame bar, never a frame-wide grade). On luminance > 180 backgrounds, keep
42
- the scrim; never rely on bare light text.
43
- - Motion is minimal: 150–250ms fade-up in / fade-down out. No glitch, no scale-pop, no per-word
44
- choreography on the rail — that energy is reserved for embed.
45
-
46
- ## The `emphasis` flag (active-word highlight)
47
-
48
- The only intensity the rail carries. When a word is graded `emphasis` (the 1–2 punch words in a
49
- phrase), give it an **inline** lift on the rail — accent colour and/or +weight, optionally a
50
- karaoke-style active-word pop (≤1.1× scale) as it's spoken. Keep it inline; it does **not**
51
- leave the rail. Anything that wants to leave the rail is an `embed`, not an emphasis.
52
-
53
- ## What the rail never does
54
-
55
- - Never goes behind the subject (that's embed).
56
- - Never accumulates into a multi-line poem (that's embed).
57
- - Never crosses the face / uses occlusion as an effect.
58
- - Never grades or textures the underlying video.
59
- - Doesn't drop content to "fit fewer blocks" — split into more groups instead. The only drops
60
- are filler (um/uh, exact stutters, self-corrections); dense conversational `narrator` glue
61
- ("you know", "sort of") may be trimmed for readability, content/structure words stay.
62
-
63
- ## Hand-off to embed
64
-
65
- Rail + embed coexist in one render: the rail runs the whole clip; an embedded peak appears over
66
- it at its moment (the rail can briefly clear or dim under the embed if they'd collide). Decide
67
- which phrases promote via the role read in SKILL.md § Caption model; author the promoted ones
68
- with [composition-craft.md](composition-craft.md).
1
+ # Rail track — standard lower-third subtitle
2
+
3
+ The **default** caption track and the workhorse: a clean, readable subtitle that sits **in
4
+ front** of everything (never occluded by the matte) in the lower third. It carries **most**
5
+ of the transcript. It is deliberately **plain** — the cinematic craft (planes, occlusion,
6
+ Vogue-masthead, accumulation) lives in the _embed_ track only ([composition-craft.md](composition-craft.md)).
7
+
8
+ For talking-head / explainer / voiceover, the typical output is **the whole transcript on the rail**
9
+ with only the climax(es) promoted to embed. Rail is not a fallback — it's the baseline.
10
+
11
+ > **Implementation note.** A dedicated rail renderer is the next build step. The rail is a
12
+ > plain `fg` caption track and maps cleanly onto hyperframes' native caption pipeline
13
+ > (`hyperframes-media` captions) — prefer reusing that over hand-rolling. Until wired, render
14
+ > the rail as a simple `data-caption-layer="fg"` composition (no matte overlay for these caps).
15
+
16
+ ## Position & safe area
17
+
18
+ - **Lower third, horizontally centered.** Landscape (16:9): baseline ~80–120px above the
19
+ bottom edge. Portrait (9:16): lower-middle, ~ 600–700px from the bottom (clear of platform UI).
20
+ - **Title-safe margins:** keep text within ~90% width / inside any letterbox-pillarbox bars
21
+ (see the letterbox probe). Never flush to the frame edge.
22
+ - **One caption group on screen at a time.** No accumulation, no cascade — that's embed-track behaviour.
23
+ - It rides above the subject; the matte does **not** occlude it (rail = in front).
24
+
25
+ ## Lines, length, timing
26
+
27
+ - **≤ 2 lines.** Broadcast target ~ 32–42 chars/line; break at a clause/phrase boundary, never
28
+ mid-word, never leave a dangling 1-word line.
29
+ - **Word-synced.** Each group's window envelops its words (`group.in ≤ first word.start`,
30
+ `group.out ≥ last word.end`); each group ≥ 0.5s on screen; ~1.5s min gap discipline so it
31
+ doesn't strobe. Word timings within 80ms of transcript (same gate as everywhere).
32
+ - **Grouping** = short readable phrases (see [caption-grouping.md](caption-grouping.md)) — not the
33
+ embed track's "phrase = composition" rule; here it's just legible subtitle chunking.
34
+
35
+ ## Look (restrained on purpose)
36
+
37
+ - **Size: ~`calc(0.045 * var(--h))`** (≈48px @1080, ≈58px @1290) — readable, _not_ hero. The rail is a subtitle; it is deliberately much smaller than the embed body/climax. Express as a `var(--h)` fraction (never hardcode px) so it scales across resolutions. The embed climax is sized to the frame independently (see composition-craft § POP) — **never** size the climax as a multiple of this rail.
38
+ - One clean sans (Inter / Helvetica Now / Neue Haas), weight 500–600; white (or near-white).
39
+ - **Legibility without grading the video:** a tight text treatment local to the glyphs only —
40
+ a soft dark drop-shadow, or a subtle rounded gradient pill / 30–40% scrim **sized to the text
41
+ box** (not a full-frame bar, never a frame-wide grade). On luminance > 180 backgrounds, keep
42
+ the scrim; never rely on bare light text.
43
+ - Motion is minimal: 150–250ms fade-up in / fade-down out. No glitch, no scale-pop, no per-word
44
+ choreography on the rail — that energy is reserved for embed.
45
+
46
+ ## The `emphasis` flag (active-word highlight)
47
+
48
+ The only intensity the rail carries. When a word is graded `emphasis` (the 1–2 punch words in a
49
+ phrase), give it an **inline** lift on the rail — accent colour and/or +weight, optionally a
50
+ karaoke-style active-word pop (≤1.1× scale) as it's spoken. Keep it inline; it does **not**
51
+ leave the rail. Anything that wants to leave the rail is an `embed`, not an emphasis.
52
+
53
+ ## What the rail never does
54
+
55
+ - Never goes behind the subject (that's embed).
56
+ - Never accumulates into a multi-line poem (that's embed).
57
+ - Never crosses the face / uses occlusion as an effect.
58
+ - Never grades or textures the underlying video.
59
+ - Doesn't drop content to "fit fewer blocks" — split into more groups instead. The only drops
60
+ are filler (um/uh, exact stutters, self-corrections); dense conversational `narrator` glue
61
+ ("you know", "sort of") may be trimmed for readability, content/structure words stay.
62
+
63
+ ## Hand-off to embed
64
+
65
+ Rail + embed coexist in one render: the rail runs the whole clip; an embedded peak appears over
66
+ it at its moment (the rail can briefly clear or dim under the embed if they'd collide). Decide
67
+ which phrases promote via the role read in SKILL.md § Caption model; author the promoted ones
68
+ with [composition-craft.md](composition-craft.md).
@@ -1,47 +1,47 @@
1
- # The reference bar — what world-class looks like
2
-
3
- Self-review without an external bar always passes. Before shipping, hold the render
4
- against these references — not "is anything broken" (the gates did that) but "would a
5
- designer at these houses sign it".
6
-
7
- ## Per register
8
-
9
- **premium-warm / editorial (cream, editorial)** — the bar is a _Vogue cover_ and the
10
- A24 title card: type interacts with the subject (masthead behind the head), one or two
11
- sizes feel chosen not defaulted, the frame would work printed as a poster. Check: does
12
- the climax frame, screenshotted alone, look like a designed cover — or like a subtitle
13
- that grew?
14
-
15
- **tech-premium (keynote, ink)** — the bar is an _Apple keynote slide_ over footage:
16
- opaque, weighty, dead-center confidence; negative space is doing the work; nothing
17
- decorating. Check: would this frame look at home in a WWDC sizzle?
18
-
19
- **formal (documentary)** — the bar is _Errol Morris / PBS Frontline_: the type has the
20
- restraint of a court document; stillness reads as authority. Check: does ANY motion call
21
- attention to itself? If yes, cut it.
22
-
23
- **loud** — the bar is a _k-pop lyric video / Nike spot_: type fights the subject and
24
- wins on purpose, color is saturated and scene-true, the beat hits WITH the word. Check:
25
- does the hero frame make you want to replay it?
26
-
27
- ## The five positive checks (run on the preview sheet, after the failure checks)
28
-
29
- 1. **Poster test** — screenshot the climax frame alone. Would you post it as a still?
30
- If it needs the motion to excuse the composition, the composition isn't done.
31
- 2. **Timid test** — is any body caption apologizing (tiny, corner-parked, far from the
32
- silhouette)? Small is a choice; timid is a default. Hug the subject or commit to the
33
- margin as a designed column.
34
- 3. **One-glance hierarchy** — at thumbnail size (shrink the sheet), can you still tell
35
- opener / body / hero apart? If the tiers blur together, the contrast ratios are off.
36
- 4. **Scene handshake** — name three ways the type acknowledges THIS footage (accent
37
- sampled from the scene, occlusion crossing, shadow direction, depth blur, palette
38
- temperature). Fewer than two = it's a sticker, not an embed.
39
- 5. **Dead-air audit** — scrub the no-caption stretches. Are they _composed rests_
40
- (subject carries the frame) or _gaps_ (the design just stopped)? Rests are earned by
41
- rhythm; gaps are bugs in pacing.
42
-
43
- ## How to use with fresh-eyes review
44
-
45
- Give the sub-agent the preview sheet + the 5 failure checks (SKILL.md § Visual QA) +
46
- these 5 positive checks, and ask for verdicts on both lists. A render ships when it
47
- passes the failure checks AND at least 4/5 positive checks with specific evidence.
1
+ # The reference bar — what world-class looks like
2
+
3
+ Self-review without an external bar always passes. Before shipping, hold the render
4
+ against these references — not "is anything broken" (the gates did that) but "would a
5
+ designer at these houses sign it".
6
+
7
+ ## Per register
8
+
9
+ **premium-warm / editorial (cream, editorial)** — the bar is a _Vogue cover_ and the
10
+ A24 title card: type interacts with the subject (masthead behind the head), one or two
11
+ sizes feel chosen not defaulted, the frame would work printed as a poster. Check: does
12
+ the climax frame, screenshotted alone, look like a designed cover — or like a subtitle
13
+ that grew?
14
+
15
+ **tech-premium (keynote, ink)** — the bar is an _Apple keynote slide_ over footage:
16
+ opaque, weighty, dead-center confidence; negative space is doing the work; nothing
17
+ decorating. Check: would this frame look at home in a WWDC sizzle?
18
+
19
+ **formal (documentary)** — the bar is _Errol Morris / PBS Frontline_: the type has the
20
+ restraint of a court document; stillness reads as authority. Check: does ANY motion call
21
+ attention to itself? If yes, cut it.
22
+
23
+ **loud** — the bar is a _k-pop lyric video / Nike spot_: type fights the subject and
24
+ wins on purpose, color is saturated and scene-true, the beat hits WITH the word. Check:
25
+ does the hero frame make you want to replay it?
26
+
27
+ ## The five positive checks (run on the preview sheet, after the failure checks)
28
+
29
+ 1. **Poster test** — screenshot the climax frame alone. Would you post it as a still?
30
+ If it needs the motion to excuse the composition, the composition isn't done.
31
+ 2. **Timid test** — is any body caption apologizing (tiny, corner-parked, far from the
32
+ silhouette)? Small is a choice; timid is a default. Hug the subject or commit to the
33
+ margin as a designed column.
34
+ 3. **One-glance hierarchy** — at thumbnail size (shrink the sheet), can you still tell
35
+ opener / body / hero apart? If the tiers blur together, the contrast ratios are off.
36
+ 4. **Scene handshake** — name three ways the type acknowledges THIS footage (accent
37
+ sampled from the scene, occlusion crossing, shadow direction, depth blur, palette
38
+ temperature). Fewer than two = it's a sticker, not an embed.
39
+ 5. **Dead-air audit** — scrub the no-caption stretches. Are they _composed rests_
40
+ (subject carries the frame) or _gaps_ (the design just stopped)? Rests are earned by
41
+ rhythm; gaps are bugs in pacing.
42
+
43
+ ## How to use with fresh-eyes review
44
+
45
+ Give the sub-agent the preview sheet + the 5 failure checks (SKILL.md § Visual QA) +
46
+ these 5 positive checks, and ask for verdicts on both lists. A render ships when it
47
+ passes the failure checks AND at least 4/5 positive checks with specific evidence.