dsh-hyperframes 0.2.0 → 0.3.0

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 (915) hide show
  1. package/README.en.md +23 -6
  2. package/README.md +22 -7
  3. package/lib/index.d.ts +1 -1
  4. package/lib/index.js +22 -1
  5. package/package.json +1 -1
  6. package/skills/embedded-captions/CATALOG.md +91 -0
  7. package/skills/embedded-captions/SKILL.md +258 -0
  8. package/skills/embedded-captions/assets/fonts/char-widths.json +2211 -0
  9. package/skills/embedded-captions/assets/strokefonts/HersheyScript1.svg +242 -0
  10. package/skills/embedded-captions/assets/strokefonts/HersheyScriptMed.svg +242 -0
  11. package/skills/embedded-captions/dna/README.md +148 -0
  12. package/skills/embedded-captions/dna/chrome.json +68 -0
  13. package/skills/embedded-captions/dna/cream.json +69 -0
  14. package/skills/embedded-captions/dna/documentary.json +62 -0
  15. package/skills/embedded-captions/dna/editorial.json +70 -0
  16. package/skills/embedded-captions/dna/glitch.json +82 -0
  17. package/skills/embedded-captions/dna/ink.json +65 -0
  18. package/skills/embedded-captions/dna/keynote.json +62 -0
  19. package/skills/embedded-captions/dna/loud.json +75 -0
  20. package/skills/embedded-captions/dna/neon.json +58 -0
  21. package/skills/embedded-captions/dna/velocity.json +89 -0
  22. package/skills/embedded-captions/modes/cinematic/README.md +48 -0
  23. package/skills/embedded-captions/modes/cinematic/_archive/champion/spec.md +98 -0
  24. package/skills/embedded-captions/modes/cinematic/_archive/champion/template.html +188 -0
  25. package/skills/embedded-captions/modes/cinematic/_archive/memory-wall/spec.md +134 -0
  26. package/skills/embedded-captions/modes/cinematic/_archive/memory-wall/template.html +179 -0
  27. package/skills/embedded-captions/modes/cinematic/_archive/portrait-header/spec.md +81 -0
  28. package/skills/embedded-captions/modes/cinematic/_archive/portrait-header/template.html +170 -0
  29. package/skills/embedded-captions/modes/cinematic/cinematic-cream/spec.md +16 -0
  30. package/skills/embedded-captions/modes/cinematic/cinematic-cream/template.html +226 -0
  31. package/skills/embedded-captions/modes/cinematic/engine.html +355 -0
  32. package/skills/embedded-captions/modes/standard/_anatomy.md +233 -0
  33. package/skills/embedded-captions/modes/standard/_motion.md +192 -0
  34. package/skills/embedded-captions/modes/standard/fonts/build-fonts-css.cjs +97 -0
  35. package/skills/embedded-captions/modes/standard/fonts/files/anton-latin-400-normal.woff2 +0 -0
  36. package/skills/embedded-captions/modes/standard/fonts/files/audiowide-latin-400-normal.woff2 +0 -0
  37. package/skills/embedded-captions/modes/standard/fonts/files/baloo-2-latin-400-normal.woff2 +0 -0
  38. package/skills/embedded-captions/modes/standard/fonts/files/baloo-2-latin-700-normal.woff2 +0 -0
  39. package/skills/embedded-captions/modes/standard/fonts/files/bangers-latin-400-normal.woff2 +0 -0
  40. package/skills/embedded-captions/modes/standard/fonts/files/bodoni-moda-latin-400-normal.woff2 +0 -0
  41. package/skills/embedded-captions/modes/standard/fonts/files/bodoni-moda-latin-700-normal.woff2 +0 -0
  42. package/skills/embedded-captions/modes/standard/fonts/files/caveat-latin-400-normal.woff2 +0 -0
  43. package/skills/embedded-captions/modes/standard/fonts/files/caveat-latin-700-normal.woff2 +0 -0
  44. package/skills/embedded-captions/modes/standard/fonts/files/chakra-petch-latin-500-normal.woff2 +0 -0
  45. package/skills/embedded-captions/modes/standard/fonts/files/chakra-petch-latin-700-normal.woff2 +0 -0
  46. package/skills/embedded-captions/modes/standard/fonts/files/cinzel-latin-400-normal.woff2 +0 -0
  47. package/skills/embedded-captions/modes/standard/fonts/files/cinzel-latin-700-normal.woff2 +0 -0
  48. package/skills/embedded-captions/modes/standard/fonts/files/cormorant-garamond-latin-400-normal.woff2 +0 -0
  49. package/skills/embedded-captions/modes/standard/fonts/files/cormorant-garamond-latin-700-normal.woff2 +0 -0
  50. package/skills/embedded-captions/modes/standard/fonts/files/creepster-latin-400-normal.woff2 +0 -0
  51. package/skills/embedded-captions/modes/standard/fonts/files/fredoka-latin-400-normal.woff2 +0 -0
  52. package/skills/embedded-captions/modes/standard/fonts/files/fredoka-latin-700-normal.woff2 +0 -0
  53. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-400-normal.woff2 +0 -0
  54. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-500-italic.woff2 +0 -0
  55. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-500-normal.woff2 +0 -0
  56. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-600-italic.woff2 +0 -0
  57. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-600-normal.woff2 +0 -0
  58. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-700-normal.woff2 +0 -0
  59. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-800-normal.woff2 +0 -0
  60. package/skills/embedded-captions/modes/standard/fonts/files/inter-latin-900-normal.woff2 +0 -0
  61. package/skills/embedded-captions/modes/standard/fonts/files/monoton-latin-400-normal.woff2 +0 -0
  62. package/skills/embedded-captions/modes/standard/fonts/files/orbitron-latin-400-normal.woff2 +0 -0
  63. package/skills/embedded-captions/modes/standard/fonts/files/orbitron-latin-700-normal.woff2 +0 -0
  64. package/skills/embedded-captions/modes/standard/fonts/files/permanent-marker-latin-400-normal.woff2 +0 -0
  65. package/skills/embedded-captions/modes/standard/fonts/files/press-start-2p-latin-400-normal.woff2 +0 -0
  66. package/skills/embedded-captions/modes/standard/fonts/files/rajdhani-latin-500-normal.woff2 +0 -0
  67. package/skills/embedded-captions/modes/standard/fonts/files/rajdhani-latin-700-normal.woff2 +0 -0
  68. package/skills/embedded-captions/modes/standard/fonts/files/saira-stencil-one-latin-400-normal.woff2 +0 -0
  69. package/skills/embedded-captions/modes/standard/fonts/files/shippori-mincho-latin-400-normal.woff2 +0 -0
  70. package/skills/embedded-captions/modes/standard/fonts/files/shippori-mincho-latin-700-normal.woff2 +0 -0
  71. package/skills/embedded-captions/modes/standard/fonts/files/sora-latin-400-normal.woff2 +0 -0
  72. package/skills/embedded-captions/modes/standard/fonts/files/sora-latin-700-normal.woff2 +0 -0
  73. package/skills/embedded-captions/modes/standard/fonts/files/space-grotesk-latin-400-normal.woff2 +0 -0
  74. package/skills/embedded-captions/modes/standard/fonts/files/space-grotesk-latin-700-normal.woff2 +0 -0
  75. package/skills/embedded-captions/modes/standard/fonts/files/special-elite-latin-400-normal.woff2 +0 -0
  76. package/skills/embedded-captions/modes/standard/fonts/files/teko-latin-400-normal.woff2 +0 -0
  77. package/skills/embedded-captions/modes/standard/fonts/files/teko-latin-700-normal.woff2 +0 -0
  78. package/skills/embedded-captions/modes/standard/fonts/files/vt323-latin-400-normal.woff2 +0 -0
  79. package/skills/embedded-captions/modes/standard/fonts/fonts.css +401 -0
  80. package/skills/embedded-captions/references/aesthetic-principles.md +168 -0
  81. package/skills/embedded-captions/references/anti-patterns.md +188 -0
  82. package/skills/embedded-captions/references/bespoke-vs-presets.md +178 -0
  83. package/skills/embedded-captions/references/caption-grouping.md +130 -0
  84. package/skills/embedded-captions/references/composition-craft.md +522 -0
  85. package/skills/embedded-captions/references/direction-catalog.md +138 -0
  86. package/skills/embedded-captions/references/example-renders/champion.html +371 -0
  87. package/skills/embedded-captions/references/example-renders/memory-wall.html +334 -0
  88. package/skills/embedded-captions/references/failure-modes.md +145 -0
  89. package/skills/embedded-captions/references/layout-heuristics.md +238 -0
  90. package/skills/embedded-captions/references/motion-vocabulary.md +148 -0
  91. package/skills/embedded-captions/references/rail.md +68 -0
  92. package/skills/embedded-captions/references/reference-bar.md +47 -0
  93. package/skills/embedded-captions/references/scene-types.md +94 -0
  94. package/skills/embedded-captions/references/typographic-moves.md +266 -0
  95. package/skills/embedded-captions/references/typography-presets.md +63 -0
  96. package/skills/embedded-captions/scripts/audio-envelope.cjs +95 -0
  97. package/skills/embedded-captions/scripts/check-occlusion.cjs +250 -0
  98. package/skills/embedded-captions/scripts/check-overflow.cjs +194 -0
  99. package/skills/embedded-captions/scripts/check-rail-climax.cjs +233 -0
  100. package/skills/embedded-captions/scripts/check-timing.cjs +173 -0
  101. package/skills/embedded-captions/scripts/fill-timings.cjs +124 -0
  102. package/skills/embedded-captions/scripts/fit-fonts.cjs +158 -0
  103. package/skills/embedded-captions/scripts/gen-stroke-path.py +57 -0
  104. package/skills/embedded-captions/scripts/inject-fonts.cjs +169 -0
  105. package/skills/embedded-captions/scripts/lib-dna.cjs +201 -0
  106. package/skills/embedded-captions/scripts/make-cinematic.cjs +1206 -0
  107. package/skills/embedded-captions/scripts/make-composition.cjs +405 -0
  108. package/skills/embedded-captions/scripts/make-theme.cjs +8585 -0
  109. package/skills/embedded-captions/scripts/matte.cjs +280 -0
  110. package/skills/embedded-captions/scripts/measure-layout.cjs +293 -0
  111. package/skills/embedded-captions/scripts/prepare.sh +39 -0
  112. package/skills/embedded-captions/scripts/preview-frames.cjs +268 -0
  113. package/skills/embedded-captions/scripts/render-and-composite.sh +469 -0
  114. package/skills/embedded-captions/scripts/render-theme.sh +34 -0
  115. package/skills/embedded-captions/scripts/safe-zones.cjs +813 -0
  116. package/skills/embedded-captions/scripts/transcribe.cjs +332 -0
  117. package/skills/embedded-captions/themes/README.md +243 -0
  118. package/skills/embedded-captions/themes/anchor.json +27 -0
  119. package/skills/embedded-captions/themes/arcade.json +51 -0
  120. package/skills/embedded-captions/themes/aurora.json +41 -0
  121. package/skills/embedded-captions/themes/biolume.json +35 -0
  122. package/skills/embedded-captions/themes/brush.json +74 -0
  123. package/skills/embedded-captions/themes/chalkboard.json +52 -0
  124. package/skills/embedded-captions/themes/dossier.json +56 -0
  125. package/skills/embedded-captions/themes/graffiti.json +62 -0
  126. package/skills/embedded-captions/themes/hologram.json +41 -0
  127. package/skills/embedded-captions/themes/inkwater.json +43 -0
  128. package/skills/embedded-captions/themes/laser.json +46 -0
  129. package/skills/embedded-captions/themes/lastpage.json +33 -0
  130. package/skills/embedded-captions/themes/neonsign.json +53 -0
  131. package/skills/embedded-captions/themes/ordnance.json +54 -0
  132. package/skills/embedded-captions/themes/papercut.json +37 -0
  133. package/skills/embedded-captions/themes/popup.json +46 -0
  134. package/skills/embedded-captions/themes/ransom.json +62 -0
  135. package/skills/embedded-captions/themes/scoreboard.json +54 -0
  136. package/skills/embedded-captions/themes/spectrum.json +46 -0
  137. package/skills/embedded-captions/themes/stardust.json +29 -0
  138. package/skills/embedded-captions/themes/stomp.json +43 -0
  139. package/skills/embedded-captions/themes/terminal.json +49 -0
  140. package/skills/embedded-captions/themes/thunder.json +44 -0
  141. package/skills/embedded-captions/themes/transit.json +44 -0
  142. package/skills/embedded-captions/themes/vhs.json +47 -0
  143. package/skills/faceless-explainer/SKILL.md +233 -0
  144. package/skills/faceless-explainer/references/cut-catalog.md +215 -0
  145. package/skills/faceless-explainer/references/motion-language.md +156 -0
  146. package/skills/faceless-explainer/references/story-design.md +255 -0
  147. package/skills/faceless-explainer/references/visual-design.md +146 -0
  148. package/skills/faceless-explainer/scripts/assemble-index.mjs +623 -0
  149. package/skills/faceless-explainer/scripts/assemble-index.test.mjs +72 -0
  150. package/skills/faceless-explainer/scripts/audio.mjs +291 -0
  151. package/skills/faceless-explainer/scripts/audio.test.mjs +176 -0
  152. package/skills/faceless-explainer/scripts/build-frame.mjs +551 -0
  153. package/skills/faceless-explainer/scripts/captions.mjs +521 -0
  154. package/skills/faceless-explainer/scripts/captions.test.mjs +219 -0
  155. package/skills/faceless-explainer/scripts/frame-packets.mjs +27 -0
  156. package/skills/faceless-explainer/scripts/frame-packets.test.mjs +66 -0
  157. package/skills/faceless-explainer/scripts/lib/assets.mjs +56 -0
  158. package/skills/faceless-explainer/scripts/lib/dimensions.mjs +45 -0
  159. package/skills/faceless-explainer/scripts/lib/pad-frame-duration.mjs +36 -0
  160. package/skills/faceless-explainer/scripts/lib/storyboard.mjs +249 -0
  161. package/skills/faceless-explainer/scripts/lib/tokens.mjs +211 -0
  162. package/skills/faceless-explainer/scripts/lib/transition-registry.mjs +38 -0
  163. package/skills/faceless-explainer/scripts/lib/transitions.json +71 -0
  164. package/skills/faceless-explainer/scripts/transitions.mjs +383 -0
  165. package/skills/faceless-explainer/scripts/transitions.test.mjs +68 -0
  166. package/skills/faceless-explainer/sub-agents/frame-worker.md +12 -0
  167. package/skills/figma/SKILL.md +132 -0
  168. package/skills/figma/scripts/verify-motion.mjs +153 -0
  169. package/skills/general-video/SKILL.md +165 -0
  170. package/skills/general-video/scripts/frame-packets.mjs +38 -0
  171. package/skills/general-video/scripts/frame-packets.test.mjs +80 -0
  172. package/skills/general-video/sub-agents/frame-worker.md +34 -0
  173. package/skills/hyperframes/SKILL.md +98 -337
  174. package/skills/hyperframes/references/capability-menu.md +47 -0
  175. package/skills/hyperframes/references/intent-interview.md +71 -0
  176. package/skills/hyperframes/references/pitch-round.md +40 -0
  177. package/skills/hyperframes/references/route-briefs.md +11 -0
  178. package/skills/hyperframes/references/routes/embedded-captions.md +11 -0
  179. package/skills/hyperframes/references/routes/faceless-explainer.md +12 -0
  180. package/skills/hyperframes/references/routes/general-video.md +12 -0
  181. package/skills/hyperframes/references/routes/motion-graphics.md +11 -0
  182. package/skills/hyperframes/references/routes/music-to-video.md +12 -0
  183. package/skills/hyperframes/references/routes/pr-to-video.md +28 -0
  184. package/skills/hyperframes/references/routes/product-launch-video.md +13 -0
  185. package/skills/hyperframes/references/routes/remotion-to-hyperframes.md +9 -0
  186. package/skills/hyperframes/references/routes/slideshow.md +11 -0
  187. package/skills/hyperframes/references/routes/talking-head-recut.md +11 -0
  188. package/skills/hyperframes/references/skill-lifecycle.md +33 -0
  189. package/skills/hyperframes/references/workflow-catalog.md +10 -0
  190. package/skills/hyperframes-animation/SKILL.md +84 -0
  191. package/skills/hyperframes-animation/adapters/animate-text.md +64 -0
  192. package/skills/hyperframes-animation/adapters/animejs.md +130 -0
  193. package/skills/hyperframes-animation/adapters/css-animations.md +143 -0
  194. package/skills/hyperframes-animation/adapters/gsap-easing-and-stagger.md +199 -0
  195. package/skills/hyperframes-animation/adapters/gsap-timeline-and-labels.md +96 -0
  196. package/skills/hyperframes-animation/adapters/gsap-transforms-and-perf.md +129 -0
  197. package/skills/hyperframes-animation/adapters/gsap.md +105 -0
  198. package/skills/hyperframes-animation/adapters/html-in-canvas-patterns.md +507 -0
  199. package/skills/hyperframes-animation/adapters/lottie.md +117 -0
  200. package/skills/hyperframes-animation/adapters/three.md +131 -0
  201. package/skills/hyperframes-animation/adapters/typegpu.md +182 -0
  202. package/skills/hyperframes-animation/adapters/waapi.md +101 -0
  203. package/skills/hyperframes-animation/blueprints/agent-progress-theater.md +76 -0
  204. package/skills/hyperframes-animation/blueprints/camera-journey.md +61 -0
  205. package/skills/hyperframes-animation/blueprints/comparison-split.md +27 -0
  206. package/skills/hyperframes-animation/blueprints/constellation-hub.md +63 -0
  207. package/skills/hyperframes-animation/blueprints/cta-morph-press.md +63 -0
  208. package/skills/hyperframes-animation/blueprints/cursor-ui-demo.md +89 -0
  209. package/skills/hyperframes-animation/blueprints/dataviz-countup.md +59 -0
  210. package/skills/hyperframes-animation/blueprints/device-surface-showcase.md +68 -0
  211. package/skills/hyperframes-animation/blueprints/fixed-anchor-cycle.md +46 -0
  212. package/skills/hyperframes-animation/blueprints/grid-card-assemble.md +81 -0
  213. package/skills/hyperframes-animation/blueprints/kinetic-type-beats.md +133 -0
  214. package/skills/hyperframes-animation/blueprints/logo-assemble-lockup.md +121 -0
  215. package/skills/hyperframes-animation/blueprints/overwhelm-surround.md +58 -0
  216. package/skills/hyperframes-animation/blueprints/panel-edit-live-sync.md +73 -0
  217. package/skills/hyperframes-animation/blueprints/prompt-type-submit-generate.md +85 -0
  218. package/skills/hyperframes-animation/blueprints/spatial-pan-stations.md +37 -0
  219. package/skills/hyperframes-animation/blueprints/ticker-takeover.md +29 -0
  220. package/skills/hyperframes-animation/blueprints/titlecard-reveal.md +80 -0
  221. package/skills/hyperframes-animation/blueprints/transcript-scroll-artifact-reveal.md +45 -0
  222. package/skills/hyperframes-animation/blueprints/typewriter-reveal.md +51 -0
  223. package/skills/hyperframes-animation/blueprints/video-text-pivot.md +30 -0
  224. package/skills/hyperframes-animation/blueprints/zoom-out-workspace-reveal.md +68 -0
  225. package/skills/hyperframes-animation/blueprints-index.md +202 -0
  226. package/skills/hyperframes-animation/examples/brand-reveal-assemble-zoom.html +382 -0
  227. package/skills/hyperframes-animation/examples/comparison-split-cards.html +649 -0
  228. package/skills/hyperframes-animation/examples/concept-demo-decode-pan.html +520 -0
  229. package/skills/hyperframes-animation/examples/cta-morph-press.html +468 -0
  230. package/skills/hyperframes-animation/examples/cta-orbit-collapse.html +1298 -0
  231. package/skills/hyperframes-animation/examples/demo-page-scroll-spotlight.html +759 -0
  232. package/skills/hyperframes-animation/examples/hook-counter-burst.html +729 -0
  233. package/skills/hyperframes-animation/examples/messaging-multi-phrase.html +352 -0
  234. package/skills/hyperframes-animation/examples/metric-video-text-pivot.html +779 -0
  235. package/skills/hyperframes-animation/examples/problem-mockup-overwhelm.html +1374 -0
  236. package/skills/hyperframes-animation/examples/proof-logo-chain.html +861 -0
  237. package/skills/hyperframes-animation/examples/takeover-ticker-displace.html +347 -0
  238. package/skills/hyperframes-animation/examples/workflow-approve-press.html +606 -0
  239. package/skills/hyperframes-animation/rules/3d-camera-flight.md +180 -0
  240. package/skills/hyperframes-animation/rules/3d-page-scroll.md +135 -0
  241. package/skills/hyperframes-animation/rules/3d-text-depth-layers.md +128 -0
  242. package/skills/hyperframes-animation/rules/ai-tracking-box.md +139 -0
  243. package/skills/hyperframes-animation/rules/ambient-glow-bloom.md +133 -0
  244. package/skills/hyperframes-animation/rules/anchored-layout-expand.md +148 -0
  245. package/skills/hyperframes-animation/rules/asr-keyword-glow.md +128 -0
  246. package/skills/hyperframes-animation/rules/avatar-cloud-network.md +145 -0
  247. package/skills/hyperframes-animation/rules/camera-cursor-tracking.md +133 -0
  248. package/skills/hyperframes-animation/rules/card-morph-anchor.md +134 -0
  249. package/skills/hyperframes-animation/rules/center-outward-expansion.md +88 -0
  250. package/skills/hyperframes-animation/rules/chart-scrub-readout.md +151 -0
  251. package/skills/hyperframes-animation/rules/chromatic-glitch.md +150 -0
  252. package/skills/hyperframes-animation/rules/context-sensitive-cursor.md +140 -0
  253. package/skills/hyperframes-animation/rules/control-target-sync.md +131 -0
  254. package/skills/hyperframes-animation/rules/coordinate-target-zoom.md +138 -0
  255. package/skills/hyperframes-animation/rules/counting-dynamic-scale.md +115 -0
  256. package/skills/hyperframes-animation/rules/css-marker-patterns.md +208 -0
  257. package/skills/hyperframes-animation/rules/cursor-click-ripple.md +104 -0
  258. package/skills/hyperframes-animation/rules/cursor-drag.md +141 -0
  259. package/skills/hyperframes-animation/rules/depth-of-field-blur.md +112 -0
  260. package/skills/hyperframes-animation/rules/depth-scatter-assemble.md +139 -0
  261. package/skills/hyperframes-animation/rules/discrete-text-sequence.md +146 -0
  262. package/skills/hyperframes-animation/rules/dynamic-content-sequencing.md +149 -0
  263. package/skills/hyperframes-animation/rules/gradient-text-sweep.md +136 -0
  264. package/skills/hyperframes-animation/rules/gsap-effects.md +196 -0
  265. package/skills/hyperframes-animation/rules/hacker-flip-3d.md +123 -0
  266. package/skills/hyperframes-animation/rules/kinetic-beat-slam.md +137 -0
  267. package/skills/hyperframes-animation/rules/motion-blur-streak.md +130 -0
  268. package/skills/hyperframes-animation/rules/multi-cursor-choreography.md +133 -0
  269. package/skills/hyperframes-animation/rules/multi-phase-camera.md +129 -0
  270. package/skills/hyperframes-animation/rules/nudge-curve.md +47 -0
  271. package/skills/hyperframes-animation/rules/orbit-3d-entry.md +148 -0
  272. package/skills/hyperframes-animation/rules/particle-burst.md +149 -0
  273. package/skills/hyperframes-animation/rules/physics-press-reaction.md +101 -0
  274. package/skills/hyperframes-animation/rules/press-release-spring.md +108 -0
  275. package/skills/hyperframes-animation/rules/reactive-displacement.md +92 -0
  276. package/skills/hyperframes-animation/rules/scale-swap-transition.md +88 -0
  277. package/skills/hyperframes-animation/rules/sine-wave-loop.md +85 -0
  278. package/skills/hyperframes-animation/rules/split-tilt-cards.md +123 -0
  279. package/skills/hyperframes-animation/rules/spring-pop-entrance.md +107 -0
  280. package/skills/hyperframes-animation/rules/stat-bars-and-fills.md +145 -0
  281. package/skills/hyperframes-animation/rules/svg-icon-enrichment.md +141 -0
  282. package/skills/hyperframes-animation/rules/svg-path-draw.md +122 -0
  283. package/skills/hyperframes-animation/rules/theme-crossfade-morph.md +126 -0
  284. package/skills/hyperframes-animation/rules/vertical-spring-ticker.md +104 -0
  285. package/skills/hyperframes-animation/rules/viewport-change.md +148 -0
  286. package/skills/hyperframes-animation/rules/waterfall-entry.md +81 -0
  287. package/skills/hyperframes-animation/rules-index.md +113 -0
  288. package/skills/hyperframes-animation/scripts/animation-map-sampling.mjs +40 -0
  289. package/skills/hyperframes-animation/scripts/animation-map-sampling.test.mjs +48 -0
  290. package/skills/{hyperframes → hyperframes-animation}/scripts/animation-map.mjs +116 -53
  291. package/skills/hyperframes-animation/scripts/animation-map.test.mjs +444 -0
  292. package/skills/hyperframes-animation/scripts/package-loader.mjs +384 -0
  293. package/skills/hyperframes-animation/scripts/package-loader.test.mjs +62 -0
  294. package/skills/{website-to-hyperframes/references → hyperframes-animation}/techniques.md +146 -26
  295. package/skills/hyperframes-animation/transitions/TRANSITION-REGISTRY.md +168 -0
  296. package/skills/{hyperframes/references → hyperframes-animation}/transitions/catalog.md +26 -16
  297. package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-destruction.md +1 -1
  298. package/skills/{hyperframes/references/transitions.md → hyperframes-animation/transitions/overview.md} +44 -3
  299. package/skills/hyperframes-audio/SKILL.md +470 -0
  300. package/skills/hyperframes-audio/references/attributes.md +138 -0
  301. package/skills/hyperframes-audio/references/diagnosis.md +276 -0
  302. package/skills/hyperframes-audio/references/fx-registry.md +84 -0
  303. package/skills/hyperframes-audio/references/presets.md +216 -0
  304. package/skills/hyperframes-audio/scripts/carve.mjs +569 -0
  305. package/skills/hyperframes-audio/scripts/carve.test.mjs +239 -0
  306. package/skills/hyperframes-cli/SKILL.md +121 -103
  307. package/skills/hyperframes-cli/references/beats.md +19 -0
  308. package/skills/hyperframes-cli/references/cloud.md +163 -0
  309. package/skills/hyperframes-cli/references/cloudrun.md +62 -0
  310. package/skills/hyperframes-cli/references/compare-and-batch.md +105 -0
  311. package/skills/hyperframes-cli/references/doctor-browser.md +57 -0
  312. package/skills/hyperframes-cli/references/init-and-scaffold.md +72 -0
  313. package/skills/hyperframes-cli/references/lambda.md +185 -0
  314. package/skills/hyperframes-cli/references/lint-validate-inspect.md +132 -0
  315. package/skills/hyperframes-cli/references/preview-render.md +190 -0
  316. package/skills/hyperframes-cli/references/upgrade-info-misc.md +77 -0
  317. package/skills/hyperframes-core/SKILL.md +94 -0
  318. package/skills/hyperframes-core/references/brief-contract.md +108 -0
  319. package/skills/hyperframes-core/references/brief-format.md +72 -0
  320. package/skills/hyperframes-core/references/composition-patterns.md +263 -0
  321. package/skills/hyperframes-core/references/creator-editing-recipes.md +367 -0
  322. package/skills/hyperframes-core/references/data-attributes.md +78 -0
  323. package/skills/hyperframes-core/references/determinism-rules.md +70 -0
  324. package/skills/hyperframes-core/references/frame-worker-core.md +80 -0
  325. package/skills/hyperframes-core/references/full-screen-motion.md +76 -0
  326. package/skills/hyperframes-core/references/minimal-composition.md +69 -0
  327. package/skills/hyperframes-core/references/production-loop.md +26 -0
  328. package/skills/hyperframes-core/references/review-loop.md +41 -0
  329. package/skills/hyperframes-core/references/script-format.md +52 -0
  330. package/skills/hyperframes-core/references/storyboard-format.md +130 -0
  331. package/skills/hyperframes-core/references/sub-compositions.md +239 -0
  332. package/skills/hyperframes-core/references/subagent-dispatch.md +35 -0
  333. package/skills/hyperframes-core/references/tailwind.md +123 -0
  334. package/skills/hyperframes-core/references/tracks-and-clips.md +91 -0
  335. package/skills/hyperframes-core/references/variables-and-media.md +107 -0
  336. package/skills/hyperframes-core/scripts/lib/frame-packets-core.mjs +212 -0
  337. package/skills/hyperframes-creative/SKILL.md +71 -0
  338. package/skills/hyperframes-creative/frame-presets/biennale-yellow/FRAME.md +289 -0
  339. package/skills/hyperframes-creative/frame-presets/biennale-yellow/caption-skin.html +221 -0
  340. package/skills/hyperframes-creative/frame-presets/biennale-yellow/frame-showcase.html +1214 -0
  341. package/skills/hyperframes-creative/frame-presets/blockframe/FRAME.md +275 -0
  342. package/skills/hyperframes-creative/frame-presets/blockframe/caption-skin.html +224 -0
  343. package/skills/hyperframes-creative/frame-presets/blockframe/frame-showcase.html +1347 -0
  344. package/skills/hyperframes-creative/frame-presets/blue-professional/FRAME.md +307 -0
  345. package/skills/hyperframes-creative/frame-presets/blue-professional/caption-skin.html +223 -0
  346. package/skills/hyperframes-creative/frame-presets/blue-professional/frame-showcase.html +1372 -0
  347. package/skills/hyperframes-creative/frame-presets/bold-poster/FRAME.md +275 -0
  348. package/skills/hyperframes-creative/frame-presets/bold-poster/caption-skin.html +230 -0
  349. package/skills/hyperframes-creative/frame-presets/bold-poster/frame-showcase.html +1140 -0
  350. package/skills/hyperframes-creative/frame-presets/broadside/FRAME.md +284 -0
  351. package/skills/hyperframes-creative/frame-presets/broadside/caption-skin.html +225 -0
  352. package/skills/hyperframes-creative/frame-presets/broadside/frame-showcase.html +1166 -0
  353. package/skills/hyperframes-creative/frame-presets/capsule/FRAME.md +284 -0
  354. package/skills/hyperframes-creative/frame-presets/capsule/caption-skin.html +224 -0
  355. package/skills/hyperframes-creative/frame-presets/capsule/frame-showcase.html +1465 -0
  356. package/skills/hyperframes-creative/frame-presets/cartesian/FRAME.md +278 -0
  357. package/skills/hyperframes-creative/frame-presets/cartesian/caption-skin.html +222 -0
  358. package/skills/hyperframes-creative/frame-presets/cartesian/frame-showcase.html +1263 -0
  359. package/skills/hyperframes-creative/frame-presets/cobalt-grid/FRAME.md +265 -0
  360. package/skills/hyperframes-creative/frame-presets/cobalt-grid/caption-skin.html +238 -0
  361. package/skills/hyperframes-creative/frame-presets/cobalt-grid/frame-showcase.html +1468 -0
  362. package/skills/hyperframes-creative/frame-presets/code-editorial/FRAME.md +277 -0
  363. package/skills/hyperframes-creative/frame-presets/code-editorial/caption-skin.html +224 -0
  364. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/EBGaramond-400.woff2 +0 -0
  365. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/EBGaramond-700.woff2 +0 -0
  366. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/Inter-400.woff2 +0 -0
  367. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/Inter-700.woff2 +0 -0
  368. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/JetBrainsMono-400.woff2 +0 -0
  369. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/JetBrainsMono-700.woff2 +0 -0
  370. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/OFL-eb-garamond.txt +93 -0
  371. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/OFL-inter.txt +93 -0
  372. package/skills/hyperframes-creative/frame-presets/code-editorial/fonts/OFL-jetbrains-mono.txt +93 -0
  373. package/skills/hyperframes-creative/frame-presets/code-editorial/frame-showcase.html +1438 -0
  374. package/skills/hyperframes-creative/frame-presets/coral/FRAME.md +314 -0
  375. package/skills/hyperframes-creative/frame-presets/coral/caption-skin.html +226 -0
  376. package/skills/hyperframes-creative/frame-presets/coral/frame-showcase.html +1268 -0
  377. package/skills/hyperframes-creative/frame-presets/creative-mode/FRAME.md +333 -0
  378. package/skills/hyperframes-creative/frame-presets/creative-mode/caption-skin.html +227 -0
  379. package/skills/hyperframes-creative/frame-presets/creative-mode/frame-showcase.html +1330 -0
  380. package/skills/hyperframes-creative/frame-presets/daisy-days/FRAME.md +274 -0
  381. package/skills/hyperframes-creative/frame-presets/daisy-days/caption-skin.html +230 -0
  382. package/skills/hyperframes-creative/frame-presets/daisy-days/frame-showcase.html +1444 -0
  383. package/skills/hyperframes-creative/frame-presets/editorial-forest/FRAME.md +265 -0
  384. package/skills/hyperframes-creative/frame-presets/editorial-forest/caption-skin.html +223 -0
  385. package/skills/hyperframes-creative/frame-presets/editorial-forest/frame-showcase.html +1273 -0
  386. package/skills/{hyperframes → hyperframes-creative}/references/audio-reactive.md +1 -1
  387. package/skills/hyperframes-creative/references/beat-direction.md +164 -0
  388. package/skills/hyperframes-creative/references/composition-patterns.md +199 -0
  389. package/skills/{hyperframes → hyperframes-creative/references}/data-in-motion.md +1 -1
  390. package/skills/hyperframes-creative/references/design-adherence.md +19 -0
  391. package/skills/hyperframes-creative/references/design-picker.md +123 -0
  392. package/skills/hyperframes-creative/references/design-spec.md +55 -0
  393. package/skills/{hyperframes → hyperframes-creative/references}/house-style.md +4 -2
  394. package/skills/hyperframes-creative/references/motion-principles.md +151 -0
  395. package/skills/{website-to-hyperframes/references/step-3-script.md → hyperframes-creative/references/narration.md} +5 -9
  396. package/skills/hyperframes-creative/references/prompt-expansion.md +68 -0
  397. package/skills/hyperframes-creative/references/story-spine.md +43 -0
  398. package/skills/{hyperframes → hyperframes-creative}/references/typography.md +45 -2
  399. package/skills/hyperframes-creative/references/video-composition.md +63 -0
  400. package/skills/hyperframes-creative/references/visual-styles.md +457 -0
  401. package/skills/hyperframes-creative/scripts/contrast-report.mjs +538 -0
  402. package/skills/{gsap → hyperframes-creative}/scripts/extract-audio-data.py +13 -2
  403. package/skills/hyperframes-creative/scripts/package-loader.mjs +384 -0
  404. package/skills/hyperframes-creative/scripts/package-loader.test.mjs +62 -0
  405. package/skills/hyperframes-creative/templates/design-picker.html +1432 -0
  406. package/skills/hyperframes-keyframes/SKILL.md +262 -0
  407. package/skills/hyperframes-keyframes/agents/openai.yaml +4 -0
  408. package/skills/hyperframes-keyframes/references/keyframe-patterns.md +108 -0
  409. package/skills/hyperframes-registry/SKILL.md +55 -16
  410. package/skills/hyperframes-registry/references/component-quality-bar.md +250 -0
  411. package/skills/hyperframes-registry/references/contributing.md +174 -0
  412. package/skills/hyperframes-registry/references/discovery.md +191 -13
  413. package/skills/hyperframes-registry/references/placeholder-material.md +149 -0
  414. package/skills/hyperframes-registry/references/templates.md +417 -0
  415. package/skills/hyperframes-registry/references/wiring-blocks.md +1 -31
  416. package/skills/hyperframes-registry/references/wiring-components.md +1 -39
  417. package/skills/media-use/SKILL.md +96 -0
  418. package/skills/media-use/audio/assets/sfx/CREDITS.md +35 -0
  419. package/skills/media-use/audio/assets/sfx/chime.mp3 +0 -0
  420. package/skills/media-use/audio/assets/sfx/click-soft.mp3 +0 -0
  421. package/skills/media-use/audio/assets/sfx/click.mp3 +0 -0
  422. package/skills/media-use/audio/assets/sfx/error.mp3 +0 -0
  423. package/skills/media-use/audio/assets/sfx/glitch-1.mp3 +0 -0
  424. package/skills/media-use/audio/assets/sfx/glitch-2.mp3 +0 -0
  425. package/skills/media-use/audio/assets/sfx/glitch-3.mp3 +0 -0
  426. package/skills/media-use/audio/assets/sfx/impact-bass-1.mp3 +0 -0
  427. package/skills/media-use/audio/assets/sfx/impact-bass-2.mp3 +0 -0
  428. package/skills/media-use/audio/assets/sfx/key-press.mp3 +0 -0
  429. package/skills/media-use/audio/assets/sfx/manifest.json +97 -0
  430. package/skills/media-use/audio/assets/sfx/notification.mp3 +0 -0
  431. package/skills/media-use/audio/assets/sfx/ping.mp3 +0 -0
  432. package/skills/media-use/audio/assets/sfx/pop.mp3 +0 -0
  433. package/skills/media-use/audio/assets/sfx/riser.mp3 +0 -0
  434. package/skills/media-use/audio/assets/sfx/sparkle.mp3 +0 -0
  435. package/skills/media-use/audio/assets/sfx/typing.mp3 +0 -0
  436. package/skills/media-use/audio/assets/sfx/whoosh-cinematic.mp3 +0 -0
  437. package/skills/media-use/audio/assets/sfx/whoosh-short.mp3 +0 -0
  438. package/skills/media-use/audio/assets/sfx/whoosh.mp3 +0 -0
  439. package/skills/media-use/audio/references/bgm.md +74 -0
  440. package/skills/media-use/audio/references/captions/authoring.md +159 -0
  441. package/skills/{hyperframes/references/dynamic-techniques.md → media-use/audio/references/captions/motion.md} +8 -11
  442. package/skills/{hyperframes/references/transcript-guide.md → media-use/audio/references/captions/transcript-handling.md} +5 -59
  443. package/skills/media-use/audio/references/remove-background.md +143 -0
  444. package/skills/media-use/audio/references/requirements.md +29 -0
  445. package/skills/media-use/audio/references/sfx.md +42 -0
  446. package/skills/media-use/audio/references/transcribe.md +52 -0
  447. package/skills/media-use/audio/references/tts-to-captions.md +26 -0
  448. package/skills/media-use/audio/references/tts.md +165 -0
  449. package/skills/media-use/audio/scripts/audio.mjs +293 -0
  450. package/skills/media-use/audio/scripts/audio.test.mjs +49 -0
  451. package/skills/media-use/audio/scripts/heygen-tts.mjs +121 -0
  452. package/skills/media-use/audio/scripts/lib/bgm.mjs +257 -0
  453. package/skills/media-use/audio/scripts/lib/bgm.test.mjs +30 -0
  454. package/skills/media-use/audio/scripts/lib/concurrency.mjs +14 -0
  455. package/skills/media-use/audio/scripts/lib/concurrency.test.mjs +41 -0
  456. package/skills/media-use/audio/scripts/lib/heygen.mjs +155 -0
  457. package/skills/media-use/audio/scripts/lib/heygen.test.mjs +103 -0
  458. package/skills/media-use/audio/scripts/lib/python.mjs +63 -0
  459. package/skills/media-use/audio/scripts/lib/python.test.mjs +68 -0
  460. package/skills/media-use/audio/scripts/lib/sfx.mjs +143 -0
  461. package/skills/media-use/audio/scripts/lib/sfx.test.mjs +69 -0
  462. package/skills/media-use/audio/scripts/lib/tts.mjs +378 -0
  463. package/skills/media-use/audio/scripts/lib/tts.spawn.test.mjs +158 -0
  464. package/skills/media-use/audio/scripts/lib/tts.test.mjs +157 -0
  465. package/skills/media-use/audio/scripts/lyria-recipe.py +136 -0
  466. package/skills/media-use/audio/scripts/wait-bgm.mjs +167 -0
  467. package/skills/media-use/luts/README.md +28 -0
  468. package/skills/media-use/luts/index.json +57 -0
  469. package/skills/media-use/references/audio.md +19 -0
  470. package/skills/media-use/references/grading.md +160 -0
  471. package/skills/media-use/references/media-treatment-recipes.md +929 -0
  472. package/skills/media-use/references/media-treatments.md +202 -0
  473. package/skills/media-use/references/memory.md +36 -0
  474. package/skills/media-use/references/meta.md +61 -0
  475. package/skills/media-use/references/operations.md +325 -0
  476. package/skills/media-use/references/resolve.md +139 -0
  477. package/skills/media-use/references/setup-providers.md +80 -0
  478. package/skills/media-use/references/telemetry-dashboard.md +49 -0
  479. package/skills/media-use/scripts/audio-duck.mjs +121 -0
  480. package/skills/media-use/scripts/dither.mjs +328 -0
  481. package/skills/media-use/scripts/dither.test.mjs +176 -0
  482. package/skills/media-use/scripts/eval.mjs +369 -0
  483. package/skills/media-use/scripts/lib/adopt.mjs +128 -0
  484. package/skills/media-use/scripts/lib/adopt.test.mjs +95 -0
  485. package/skills/media-use/scripts/lib/bgm-provider.mjs +20 -0
  486. package/skills/media-use/scripts/lib/brand-provider.mjs +59 -0
  487. package/skills/media-use/scripts/lib/bundled-sfx-provider.mjs +108 -0
  488. package/skills/media-use/scripts/lib/bundled-sfx-provider.test.mjs +85 -0
  489. package/skills/media-use/scripts/lib/cache.mjs +150 -0
  490. package/skills/media-use/scripts/lib/candidates.mjs +91 -0
  491. package/skills/media-use/scripts/lib/candidates.test.mjs +155 -0
  492. package/skills/media-use/scripts/lib/codex-provider.mjs +161 -0
  493. package/skills/media-use/scripts/lib/codex-provider.test.mjs +34 -0
  494. package/skills/media-use/scripts/lib/coverage.test.mjs +117 -0
  495. package/skills/media-use/scripts/lib/cube-build.mjs +181 -0
  496. package/skills/media-use/scripts/lib/cube-build.test.mjs +80 -0
  497. package/skills/media-use/scripts/lib/cube-validate.mjs +198 -0
  498. package/skills/media-use/scripts/lib/cube-validate.test.mjs +125 -0
  499. package/skills/media-use/scripts/lib/cutlist.mjs +184 -0
  500. package/skills/media-use/scripts/lib/cutlist.test.mjs +148 -0
  501. package/skills/media-use/scripts/lib/duck.mjs +89 -0
  502. package/skills/media-use/scripts/lib/duck.test.mjs +118 -0
  503. package/skills/media-use/scripts/lib/error-diffusion.mjs +230 -0
  504. package/skills/media-use/scripts/lib/error-diffusion.test.mjs +102 -0
  505. package/skills/media-use/scripts/lib/freeze.mjs +70 -0
  506. package/skills/media-use/scripts/lib/freeze.test.mjs +46 -0
  507. package/skills/media-use/scripts/lib/grade-analyzer.mjs +264 -0
  508. package/skills/media-use/scripts/lib/grade-analyzer.test.mjs +285 -0
  509. package/skills/media-use/scripts/lib/heygen-cli.mjs +191 -0
  510. package/skills/media-use/scripts/lib/heygen-cli.test.mjs +301 -0
  511. package/skills/media-use/scripts/lib/heygen-search.mjs +45 -0
  512. package/skills/media-use/scripts/lib/heygen-search.test.mjs +49 -0
  513. package/skills/media-use/scripts/lib/heygen-video-provider.mjs +127 -0
  514. package/skills/media-use/scripts/lib/heygen-video-provider.test.mjs +344 -0
  515. package/skills/media-use/scripts/lib/image-provider.mjs +44 -0
  516. package/skills/media-use/scripts/lib/index-gen.mjs +63 -0
  517. package/skills/media-use/scripts/lib/local-models.mjs +318 -0
  518. package/skills/media-use/scripts/lib/local-models.test.mjs +220 -0
  519. package/skills/media-use/scripts/lib/local-run.mjs +78 -0
  520. package/skills/media-use/scripts/lib/local-run.test.mjs +121 -0
  521. package/skills/media-use/scripts/lib/logo-provider.mjs +222 -0
  522. package/skills/media-use/scripts/lib/logo-provider.test.mjs +137 -0
  523. package/skills/media-use/scripts/lib/ltx-video-provider.mjs +94 -0
  524. package/skills/media-use/scripts/lib/ltx-video-provider.test.mjs +316 -0
  525. package/skills/media-use/scripts/lib/lut-preset-provider.mjs +266 -0
  526. package/skills/media-use/scripts/lib/lut-preset-provider.test.mjs +176 -0
  527. package/skills/media-use/scripts/lib/manifest.mjs +229 -0
  528. package/skills/media-use/scripts/lib/manifest.test.mjs +388 -0
  529. package/skills/media-use/scripts/lib/match.mjs +47 -0
  530. package/skills/media-use/scripts/lib/mflux-provider.mjs +128 -0
  531. package/skills/media-use/scripts/lib/mflux-provider.test.mjs +174 -0
  532. package/skills/media-use/scripts/lib/misses.mjs +49 -0
  533. package/skills/media-use/scripts/lib/misses.test.mjs +78 -0
  534. package/skills/media-use/scripts/lib/npx-sync.mjs +31 -0
  535. package/skills/media-use/scripts/lib/npx-sync.test.mjs +50 -0
  536. package/skills/media-use/scripts/lib/parakeet-words.mjs +27 -0
  537. package/skills/media-use/scripts/lib/parakeet-words.test.mjs +44 -0
  538. package/skills/media-use/scripts/lib/prefs-store.mjs +180 -0
  539. package/skills/media-use/scripts/lib/prefs-store.test.mjs +189 -0
  540. package/skills/media-use/scripts/lib/probe.mjs +39 -0
  541. package/skills/media-use/scripts/lib/probe.test.mjs +31 -0
  542. package/skills/media-use/scripts/lib/providers.mjs +5 -0
  543. package/skills/media-use/scripts/lib/recipe-store.mjs +367 -0
  544. package/skills/media-use/scripts/lib/recipe-store.test.mjs +367 -0
  545. package/skills/media-use/scripts/lib/registry.mjs +218 -0
  546. package/skills/media-use/scripts/lib/registry.test.mjs +261 -0
  547. package/skills/media-use/scripts/lib/search.mjs +24 -0
  548. package/skills/media-use/scripts/lib/search.test.mjs +32 -0
  549. package/skills/media-use/scripts/lib/sfx-provider.mjs +23 -0
  550. package/skills/media-use/scripts/lib/specs.mjs +132 -0
  551. package/skills/media-use/scripts/lib/specs.test.mjs +157 -0
  552. package/skills/media-use/scripts/lib/stats.mjs +117 -0
  553. package/skills/media-use/scripts/lib/stats.test.mjs +165 -0
  554. package/skills/media-use/scripts/lib/telemetry.mjs +222 -0
  555. package/skills/media-use/scripts/lib/telemetry.test.mjs +373 -0
  556. package/skills/media-use/scripts/lib/tts-local-provider.mjs +92 -0
  557. package/skills/media-use/scripts/lib/tts-local-provider.test.mjs +72 -0
  558. package/skills/media-use/scripts/lib/usage.mjs +57 -0
  559. package/skills/media-use/scripts/lib/usage.test.mjs +54 -0
  560. package/skills/media-use/scripts/lib/voice-provider.mjs +57 -0
  561. package/skills/media-use/scripts/lib/voice-provider.test.mjs +46 -0
  562. package/skills/media-use/scripts/lib/words.mjs +18 -0
  563. package/skills/media-use/scripts/prefs.mjs +70 -0
  564. package/skills/media-use/scripts/recipe.mjs +103 -0
  565. package/skills/media-use/scripts/resolve.mjs +1271 -0
  566. package/skills/media-use/scripts/resolve.test.mjs +1120 -0
  567. package/skills/media-use/scripts/transcribe.mjs +180 -0
  568. package/skills/media-use/scripts/transcript-cut.mjs +239 -0
  569. package/skills/motion-graphics/SKILL.md +176 -0
  570. package/skills/motion-graphics/agents/builder.md +40 -0
  571. package/skills/motion-graphics/agents/director.md +53 -0
  572. package/skills/motion-graphics/agents/finalize.md +17 -0
  573. package/skills/motion-graphics/catalog-map.md +40 -0
  574. package/skills/motion-graphics/categories/asset-fusion/module.md +37 -0
  575. package/skills/motion-graphics/categories/charts/module.md +21 -0
  576. package/skills/motion-graphics/categories/kinetic-type/module.md +19 -0
  577. package/skills/motion-graphics/categories/logo-reveal/module.md +17 -0
  578. package/skills/motion-graphics/categories/lower-thirds/module.md +16 -0
  579. package/skills/motion-graphics/categories/maps/bake-basemap.mjs +273 -0
  580. package/skills/motion-graphics/categories/maps/module.md +61 -0
  581. package/skills/motion-graphics/categories/news/module.md +56 -0
  582. package/skills/motion-graphics/categories/stat/module.md +21 -0
  583. package/skills/motion-graphics/categories/tweet/module.md +16 -0
  584. package/skills/motion-graphics/categories/webpage/module.md +30 -0
  585. package/skills/motion-graphics/grounding/PROTOCOL.md +64 -0
  586. package/skills/motion-graphics/grounding/locate.mjs +228 -0
  587. package/skills/motion-graphics/phases/source/guide.md +21 -0
  588. package/skills/motion-graphics/references/builder-contract.md +38 -0
  589. package/skills/motion-graphics/references/motion-vocabulary.md +43 -0
  590. package/skills/motion-graphics/references/shot-plan-ir.md +54 -0
  591. package/skills/motion-graphics/samples/asset-fusion/_ref-circle-highlight.html +306 -0
  592. package/skills/music-to-video/SKILL.md +208 -0
  593. package/skills/music-to-video/references/frame-skeleton.md +100 -0
  594. package/skills/music-to-video/references/montage.md +58 -0
  595. package/skills/music-to-video/references/motion-primitive-catalog.md +75 -0
  596. package/skills/music-to-video/references/motion-primitives/3d-card-flip/index.html +154 -0
  597. package/skills/music-to-video/references/motion-primitives/assets/gsap.min.js +11 -0
  598. package/skills/music-to-video/references/motion-primitives/bg-flow-field/index.html +326 -0
  599. package/skills/music-to-video/references/motion-primitives/binary-decrypt/index.html +120 -0
  600. package/skills/music-to-video/references/motion-primitives/blur-resolve/index.html +95 -0
  601. package/skills/music-to-video/references/motion-primitives/braam-punch/index.html +135 -0
  602. package/skills/music-to-video/references/motion-primitives/chromatic-split/index.html +146 -0
  603. package/skills/music-to-video/references/motion-primitives/chrome-sweep/index.html +103 -0
  604. package/skills/music-to-video/references/motion-primitives/counting-punch/index.html +154 -0
  605. package/skills/music-to-video/references/motion-primitives/crash-zoom-in/index.html +155 -0
  606. package/skills/music-to-video/references/motion-primitives/datamosh-smear/index.html +166 -0
  607. package/skills/music-to-video/references/motion-primitives/directional-fill/index.html +133 -0
  608. package/skills/music-to-video/references/motion-primitives/dolly-zoom/index.html +137 -0
  609. package/skills/music-to-video/references/motion-primitives/electric-arc/index.html +144 -0
  610. package/skills/music-to-video/references/motion-primitives/flash-cut/index.html +132 -0
  611. package/skills/music-to-video/references/motion-primitives/gooey-metaball/index.html +241 -0
  612. package/skills/music-to-video/references/motion-primitives/hard-cut/index.html +117 -0
  613. package/skills/music-to-video/references/motion-primitives/hypercut-whip/index.html +79 -0
  614. package/skills/music-to-video/references/motion-primitives/iris-open/index.html +104 -0
  615. package/skills/music-to-video/references/motion-primitives/kinetic-letter-in/index.html +98 -0
  616. package/skills/music-to-video/references/motion-primitives/liquid-morph/index.html +131 -0
  617. package/skills/music-to-video/references/motion-primitives/mask-reveal/index.html +109 -0
  618. package/skills/music-to-video/references/motion-primitives/mosaic-pack/index.html +124 -0
  619. package/skills/music-to-video/references/motion-primitives/neon-flicker/index.html +108 -0
  620. package/skills/music-to-video/references/motion-primitives/outline-to-fill/index.html +117 -0
  621. package/skills/music-to-video/references/motion-primitives/palette-flip/index.html +132 -0
  622. package/skills/music-to-video/references/motion-primitives/particle-burst/index.html +141 -0
  623. package/skills/music-to-video/references/motion-primitives/pixel-dissolve/index.html +121 -0
  624. package/skills/music-to-video/references/motion-primitives/radial-burst-lines/index.html +160 -0
  625. package/skills/music-to-video/references/motion-primitives/screen-shake/index.html +113 -0
  626. package/skills/music-to-video/references/motion-primitives/slot-machine-reveal/index.html +130 -0
  627. package/skills/music-to-video/references/motion-primitives/spotlight-sweep/index.html +137 -0
  628. package/skills/music-to-video/references/motion-primitives/staggered-exit/index.html +117 -0
  629. package/skills/music-to-video/references/motion-primitives/text-spectral-rays/USAGE.md +42 -0
  630. package/skills/music-to-video/references/motion-primitives/text-spectral-rays/index.html +313 -0
  631. package/skills/music-to-video/references/motion-primitives/text-wave-distort/index.html +136 -0
  632. package/skills/music-to-video/references/motion-primitives/tile-mosaic/index.html +144 -0
  633. package/skills/music-to-video/references/motion-primitives/typewriter-reveal/index.html +122 -0
  634. package/skills/music-to-video/references/motion-primitives/word-grid-burst/index.html +126 -0
  635. package/skills/music-to-video/references/planning.md +104 -0
  636. package/skills/music-to-video/references/storyboard-format.md +94 -0
  637. package/skills/music-to-video/references/template-catalog.md +106 -0
  638. package/skills/music-to-video/references/templates/card-flyby/index.html +527 -0
  639. package/skills/music-to-video/references/templates/card-flyby/program.json +13 -0
  640. package/skills/music-to-video/references/templates/held-message-living-field/index.html +485 -0
  641. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/asphalt-031.png +0 -0
  642. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/bark-014.png +0 -0
  643. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/brick.png +0 -0
  644. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/bricks-075-a.png +0 -0
  645. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/bricks-101.png +0 -0
  646. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/bricks-102.png +0 -0
  647. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/bricks-104.png +0 -0
  648. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/carpet.png +0 -0
  649. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/concrete-034.png +0 -0
  650. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/concrete-042-a.png +0 -0
  651. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/concrete-046.png +0 -0
  652. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/concrete-047-a.png +0 -0
  653. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/concrete.png +0 -0
  654. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/diamond-plate-009.png +0 -0
  655. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/fabric-080.png +0 -0
  656. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/fabric-083.png +0 -0
  657. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/grass-001.png +0 -0
  658. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/grass-004.png +0 -0
  659. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/grass-005.png +0 -0
  660. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/ground-037.png +0 -0
  661. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/ground-054.png +0 -0
  662. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/ground-068.png +0 -0
  663. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/ground-080.png +0 -0
  664. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/ground-103.png +0 -0
  665. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/ground-104.png +0 -0
  666. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/lava.png +0 -0
  667. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/leather-037.png +0 -0
  668. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/marble-012.png +0 -0
  669. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/marble-016.png +0 -0
  670. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-032.png +0 -0
  671. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-038.png +0 -0
  672. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-041-a.png +0 -0
  673. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-046-b.png +0 -0
  674. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-048-a.png +0 -0
  675. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-049-a.png +0 -0
  676. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-055-a.png +0 -0
  677. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal-061-b.png +0 -0
  678. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/metal.png +0 -0
  679. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/onyx.png +0 -0
  680. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/painted-plaster-017.png +0 -0
  681. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/paving-stones-138.png +0 -0
  682. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/paving-stones-150.png +0 -0
  683. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/plaster-001.png +0 -0
  684. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/road-007.png +0 -0
  685. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/road-008-a.png +0 -0
  686. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/road-009-c.png +0 -0
  687. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/road-012-a.png +0 -0
  688. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/road-012-b.png +0 -0
  689. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/road-013-a.png +0 -0
  690. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/rock-058.png +0 -0
  691. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/rock-063.png +0 -0
  692. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/rock.png +0 -0
  693. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/snow-015.png +0 -0
  694. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/snow.png +0 -0
  695. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/tiles-138.png +0 -0
  696. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/travertine-009.png +0 -0
  697. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-049.png +0 -0
  698. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-051.png +0 -0
  699. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-058.png +0 -0
  700. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-066.png +0 -0
  701. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-092.png +0 -0
  702. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-094.png +0 -0
  703. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-floor-051.png +0 -0
  704. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-floor-064.png +0 -0
  705. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood-floor-070.png +0 -0
  706. package/skills/music-to-video/references/templates/held-text-strobe-burst/assets/texture-mask-text/masks/wood.png +0 -0
  707. package/skills/music-to-video/references/templates/held-text-strobe-burst/index.html +302 -0
  708. package/skills/music-to-video/references/templates/intro-kinetic-cascade/index.html +610 -0
  709. package/skills/music-to-video/references/templates/intro-kinetic-cascade/program.json +41 -0
  710. package/skills/music-to-video/references/templates/logo-split-lockup-pulse/assets/fredoka-700.woff2 +0 -0
  711. package/skills/music-to-video/references/templates/logo-split-lockup-pulse/index.html +596 -0
  712. package/skills/music-to-video/references/templates/poster-tile-mosaic/index.html +589 -0
  713. package/skills/music-to-video/references/templates/poster-tile-mosaic/program.json +25 -0
  714. package/skills/music-to-video/references/templates/roll-flipbook-word-cycle/index.html +267 -0
  715. package/skills/music-to-video/references/templates/split-anchor-word-slot/index.html +594 -0
  716. package/skills/music-to-video/references/templates/split-anchor-word-slot/program.json +39 -0
  717. package/skills/music-to-video/references/templates/typewriter-phrase-keyword-shuffle/index.html +238 -0
  718. package/skills/music-to-video/scripts/analyze-beatgrid.py +542 -0
  719. package/skills/music-to-video/scripts/assemble-index.mjs +220 -0
  720. package/skills/music-to-video/scripts/lib/storyboard.mjs +249 -0
  721. package/skills/music-to-video/scripts/stage-assets.mjs +58 -0
  722. package/skills/music-to-video/scripts/validate-plan.mjs +161 -0
  723. package/skills/music-to-video/sub-agents/frame-worker.md +49 -0
  724. package/skills/pr-to-video/SKILL.md +269 -0
  725. package/skills/pr-to-video/references/code-vocabulary.md +111 -0
  726. package/skills/pr-to-video/references/cut-catalog.md +215 -0
  727. package/skills/pr-to-video/references/motion-language.md +156 -0
  728. package/skills/pr-to-video/references/story-design.md +230 -0
  729. package/skills/pr-to-video/references/visual-design.md +164 -0
  730. package/skills/pr-to-video/scripts/assemble-index.mjs +629 -0
  731. package/skills/pr-to-video/scripts/assemble-index.test.mjs +75 -0
  732. package/skills/pr-to-video/scripts/audio.mjs +291 -0
  733. package/skills/pr-to-video/scripts/build-frame.mjs +586 -0
  734. package/skills/pr-to-video/scripts/captions.mjs +521 -0
  735. package/skills/pr-to-video/scripts/captions.test.mjs +219 -0
  736. package/skills/pr-to-video/scripts/fetch-people-avatars.mjs +157 -0
  737. package/skills/pr-to-video/scripts/fetch-pr.mjs +234 -0
  738. package/skills/pr-to-video/scripts/frame-contract.test.mjs +209 -0
  739. package/skills/pr-to-video/scripts/frame-packets.mjs +62 -0
  740. package/skills/pr-to-video/scripts/ingest.mjs +561 -0
  741. package/skills/pr-to-video/scripts/lib/assets.mjs +56 -0
  742. package/skills/pr-to-video/scripts/lib/dimensions.mjs +45 -0
  743. package/skills/pr-to-video/scripts/lib/frame-contract.mjs +54 -0
  744. package/skills/pr-to-video/scripts/lib/pad-frame-duration.mjs +36 -0
  745. package/skills/pr-to-video/scripts/lib/storyboard.mjs +249 -0
  746. package/skills/pr-to-video/scripts/lib/tokens.mjs +211 -0
  747. package/skills/pr-to-video/scripts/lib/transition-registry.mjs +38 -0
  748. package/skills/pr-to-video/scripts/lib/transitions.json +71 -0
  749. package/skills/pr-to-video/scripts/preflight.mjs +51 -0
  750. package/skills/pr-to-video/scripts/project-dir.mjs +92 -0
  751. package/skills/pr-to-video/scripts/transitions.mjs +381 -0
  752. package/skills/pr-to-video/scripts/workflow-guardrails.test.mjs +198 -0
  753. package/skills/pr-to-video/sub-agents/frame-worker.md +38 -0
  754. package/skills/product-launch-video/SKILL.md +260 -0
  755. package/skills/product-launch-video/references/cut-catalog.md +220 -0
  756. package/skills/product-launch-video/references/motion-language.md +156 -0
  757. package/skills/product-launch-video/references/story-design.md +508 -0
  758. package/skills/product-launch-video/references/visual-design.md +126 -0
  759. package/skills/product-launch-video/scripts/assemble-index.mjs +771 -0
  760. package/skills/product-launch-video/scripts/assemble-index.test.mjs +72 -0
  761. package/skills/product-launch-video/scripts/audio.mjs +291 -0
  762. package/skills/product-launch-video/scripts/audio.test.mjs +218 -0
  763. package/skills/product-launch-video/scripts/build-frame.mjs +549 -0
  764. package/skills/product-launch-video/scripts/captions.mjs +521 -0
  765. package/skills/product-launch-video/scripts/captions.test.mjs +219 -0
  766. package/skills/product-launch-video/scripts/capture-skill-guardrails.test.mjs +39 -0
  767. package/skills/product-launch-video/scripts/frame-packets.mjs +27 -0
  768. package/skills/product-launch-video/scripts/frame-packets.test.mjs +144 -0
  769. package/skills/product-launch-video/scripts/lib/assets.mjs +56 -0
  770. package/skills/product-launch-video/scripts/lib/dimensions.mjs +45 -0
  771. package/skills/product-launch-video/scripts/lib/pad-frame-duration.mjs +36 -0
  772. package/skills/product-launch-video/scripts/lib/pad-frame-duration.test.mjs +76 -0
  773. package/skills/product-launch-video/scripts/lib/storyboard.mjs +249 -0
  774. package/skills/product-launch-video/scripts/lib/tokens.mjs +218 -0
  775. package/skills/product-launch-video/scripts/lib/tokens.test.mjs +57 -0
  776. package/skills/product-launch-video/scripts/lib/transition-registry.mjs +38 -0
  777. package/skills/product-launch-video/scripts/lib/transitions.json +71 -0
  778. package/skills/product-launch-video/scripts/media-contract.test.mjs +200 -0
  779. package/skills/product-launch-video/scripts/stage-assets.mjs +39 -0
  780. package/skills/product-launch-video/scripts/stage-assets.test.mjs +52 -0
  781. package/skills/product-launch-video/scripts/transitions.mjs +381 -0
  782. package/skills/product-launch-video/sub-agents/frame-worker.md +21 -0
  783. package/skills/remotion-to-hyperframes/SKILL.md +129 -0
  784. package/skills/remotion-to-hyperframes/assets/.gitkeep +0 -0
  785. package/skills/remotion-to-hyperframes/assets/test-corpus/run.sh +249 -0
  786. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/README.md +41 -0
  787. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/expected.json +26 -0
  788. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/hf-src/index.html +61 -0
  789. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/package.json +14 -0
  790. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/remotion.config.ts +13 -0
  791. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/src/Root.tsx +13 -0
  792. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/src/TitleCard.tsx +34 -0
  793. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/src/index.ts +4 -0
  794. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/remotion-src/tsconfig.json +15 -0
  795. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/README.md +54 -0
  796. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/expected.json +29 -0
  797. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/hf-src/index.html +118 -0
  798. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/package.json +14 -0
  799. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/remotion.config.ts +13 -0
  800. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/src/MultiScene.tsx +105 -0
  801. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/src/Root.tsx +13 -0
  802. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/src/index.ts +4 -0
  803. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/remotion-src/tsconfig.json +15 -0
  804. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/setup.sh +34 -0
  805. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/README.md +85 -0
  806. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/expected.json +41 -0
  807. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/hf-src/index.html +269 -0
  808. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/package.json +15 -0
  809. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/remotion.config.ts +13 -0
  810. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/Root.tsx +27 -0
  811. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/Stargazed.tsx +37 -0
  812. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/components/AnimatedNumber.tsx +23 -0
  813. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/components/StatCard.tsx +59 -0
  814. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/components/UnderlinedText.tsx +47 -0
  815. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/index.ts +4 -0
  816. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/OutroScene.tsx +18 -0
  817. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/StatsScene.tsx +34 -0
  818. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/TitleScene.tsx +55 -0
  819. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/remotion-src/tsconfig.json +15 -0
  820. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/README.md +51 -0
  821. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/01-use-state.tsx +29 -0
  822. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/02-use-effect-deps.tsx +29 -0
  823. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/03-async-metadata.tsx +39 -0
  824. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/04-third-party-react.tsx +30 -0
  825. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/05-lambda-config.tsx +38 -0
  826. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/06-warnings-only.tsx +36 -0
  827. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/07-custom-hook.tsx +28 -0
  828. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/08-mixed.tsx +41 -0
  829. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/expected.json +85 -0
  830. package/skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/validate.sh +110 -0
  831. package/skills/remotion-to-hyperframes/references/api-map.md +142 -0
  832. package/skills/remotion-to-hyperframes/references/escape-hatch.md +115 -0
  833. package/skills/remotion-to-hyperframes/references/eval.md +140 -0
  834. package/skills/remotion-to-hyperframes/references/fonts.md +112 -0
  835. package/skills/remotion-to-hyperframes/references/limitations.md +136 -0
  836. package/skills/remotion-to-hyperframes/references/lottie.md +121 -0
  837. package/skills/remotion-to-hyperframes/references/media.md +149 -0
  838. package/skills/remotion-to-hyperframes/references/parameters.md +167 -0
  839. package/skills/remotion-to-hyperframes/references/sequencing.md +198 -0
  840. package/skills/remotion-to-hyperframes/references/timing.md +165 -0
  841. package/skills/remotion-to-hyperframes/references/transitions.md +114 -0
  842. package/skills/remotion-to-hyperframes/scripts/.gitkeep +0 -0
  843. package/skills/remotion-to-hyperframes/scripts/frame_strip.sh +107 -0
  844. package/skills/remotion-to-hyperframes/scripts/lint_source.py +370 -0
  845. package/skills/remotion-to-hyperframes/scripts/render_diff.sh +103 -0
  846. package/skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx +50 -0
  847. package/skills/remotion-to-hyperframes/scripts/tests/fixtures/clean.tsx +46 -0
  848. package/skills/remotion-to-hyperframes/scripts/tests/smoke.sh +90 -0
  849. package/skills/slideshow/SKILL.md +529 -0
  850. package/skills/slideshow/references/standalone-harness.md +1020 -0
  851. package/skills/talking-head-recut/NOTICE.md +39 -0
  852. package/skills/talking-head-recut/SKILL.md +1211 -0
  853. package/skills/talking-head-recut/assets/fonts/Caveat-400-latin.woff2 +0 -0
  854. package/skills/talking-head-recut/assets/fonts/Caveat-700-latin.woff2 +0 -0
  855. package/skills/talking-head-recut/assets/fonts/Inter-400-latin.woff2 +0 -0
  856. package/skills/talking-head-recut/assets/fonts/Inter-700-latin.woff2 +0 -0
  857. package/skills/talking-head-recut/assets/fonts/LXGWWenKaiTC-400-latin.woff2 +0 -0
  858. package/skills/talking-head-recut/assets/fonts/Virgil.woff2 +0 -0
  859. package/skills/talking-head-recut/assets/vendor/gsap.min.js +10 -0
  860. package/skills/talking-head-recut/media-contract.test.mjs +35 -0
  861. package/skills/talking-head-recut/references/DESIGN_INDEX.md +145 -0
  862. package/skills/talking-head-recut/references/frames/clean.html +92 -0
  863. package/skills/talking-head-recut/references/frames/hairline.html +171 -0
  864. package/skills/talking-head-recut/references/frames/polaroid.html +131 -0
  865. package/skills/talking-head-recut/references/layouts/overlay.html +164 -0
  866. package/skills/talking-head-recut/references/layouts/pip.html +143 -0
  867. package/skills/talking-head-recut/references/layouts/split.html +121 -0
  868. package/skills/talking-head-recut/references/layouts/stack.html +109 -0
  869. package/skills/talking-head-recut/references/styles/academic.html +172 -0
  870. package/skills/talking-head-recut/references/styles/audit.html +170 -0
  871. package/skills/talking-head-recut/references/styles/editorial.html +189 -0
  872. package/skills/talking-head-recut/references/styles/geom.html +181 -0
  873. package/skills/talking-head-recut/references/styles/minimal.html +130 -0
  874. package/skills/talking-head-recut/references/styles/spotlight.html +142 -0
  875. package/skills/talking-head-recut/references/styles/swiss.html +188 -0
  876. package/skills/talking-head-recut/references/styles/terminal.html +196 -0
  877. package/skills/talking-head-recut/references/styles/whiteboard.html +170 -0
  878. package/skills/talking-head-recut/references/styles/xhs.html +206 -0
  879. package/skills/gsap/SKILL.md +0 -213
  880. package/skills/gsap/references/effects.md +0 -297
  881. package/skills/hyperframes/patterns.md +0 -118
  882. package/skills/hyperframes/references/captions.md +0 -132
  883. package/skills/hyperframes/references/css-patterns.md +0 -373
  884. package/skills/hyperframes/references/motion-principles.md +0 -69
  885. package/skills/hyperframes/references/tts.md +0 -75
  886. package/skills/hyperframes/scripts/contrast-report.mjs +0 -335
  887. package/skills/hyperframes/visual-styles.md +0 -211
  888. package/skills/website-to-hyperframes/SKILL.md +0 -125
  889. package/skills/website-to-hyperframes/references/step-1-capture.md +0 -74
  890. package/skills/website-to-hyperframes/references/step-2-design.md +0 -178
  891. package/skills/website-to-hyperframes/references/step-4-storyboard.md +0 -246
  892. package/skills/website-to-hyperframes/references/step-5-vo.md +0 -42
  893. package/skills/website-to-hyperframes/references/step-6-build.md +0 -229
  894. package/skills/website-to-hyperframes/references/step-7-validate.md +0 -114
  895. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-3d.md +0 -0
  896. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-blur.md +0 -0
  897. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-cover.md +0 -0
  898. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-dissolve.md +0 -0
  899. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-distortion.md +0 -0
  900. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-grid.md +0 -0
  901. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-light.md +0 -0
  902. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-mechanical.md +0 -0
  903. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-other.md +0 -0
  904. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-push.md +0 -0
  905. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-radial.md +0 -0
  906. /package/skills/{hyperframes/references → hyperframes-animation}/transitions/css-scale.md +0 -0
  907. /package/skills/{hyperframes → hyperframes-creative}/palettes/bold-energetic.md +0 -0
  908. /package/skills/{hyperframes → hyperframes-creative}/palettes/clean-corporate.md +0 -0
  909. /package/skills/{hyperframes → hyperframes-creative}/palettes/dark-premium.md +0 -0
  910. /package/skills/{hyperframes → hyperframes-creative}/palettes/jewel-rich.md +0 -0
  911. /package/skills/{hyperframes → hyperframes-creative}/palettes/monochrome.md +0 -0
  912. /package/skills/{hyperframes → hyperframes-creative}/palettes/nature-earth.md +0 -0
  913. /package/skills/{hyperframes → hyperframes-creative}/palettes/neon-electric.md +0 -0
  914. /package/skills/{hyperframes → hyperframes-creative}/palettes/pastel-soft.md +0 -0
  915. /package/skills/{hyperframes → hyperframes-creative}/palettes/warm-editorial.md +0 -0
package/skills/embedded-captions/modes/cinematic/engine.html ADDED
@@ -0,0 +1,355 @@
1
+ <!doctype html>
2
+ <!--
3
+ ENGINE — the one Cinematic-mode shell, parameterized by a DNA (dna/<name>.json).
4
+ Replaces per-template HTML files: the DNA supplies type / palette / blend / motion
5
+ grammar / hero orchestration; safe-zones v2 supplies scene tokens (accent sampling,
6
+ contact-shadow direction, depth-match blur); the plan supplies layout + per-group
7
+ typography. Compiled by make-composition.cjs.
8
+
9
+ Contract (unchanged from cinematic-cream — gates depend on it):
10
+ #root[data-composition-id="main"] · #a-roll · #stage · #a-roll-audio
11
+ .plane > .cap > .w spans · paused seek-safe GSAP on window.__timelines["main"]
12
+ container fade via tl.set at g.in−0.01 · exit fade + display:none at g.out
13
+ no Math.random / Date.now / CSS keyframes / repeat:-1
14
+
15
+ New in the engine:
16
+ - MOTION grammar from the DNA: soft / present / impact tones (+ "burn" reveal)
17
+ - HERO three-act orchestration:
18
+ act 1 SETUP — co-visible groups dim 0.35s before the hero lands
19
+ act 2 IMPACT — entrance (emergence | settle | slam | rise) with per-letter
20
+ stagger; amplitude coupled to the spoken word's RMS loudness
21
+ act 3 AFTERGLOW — slow breathe scale + glow layer (DNA-gated) until exit
22
+ - depth-match blur on embed (bg) captions only; fg stays sharp
23
+ - scene-sampled --accent custom property available to per-group CSS
24
+ -->
25
+ <html lang="en">
26
+ <head>
27
+ <meta charset="UTF-8" />
28
+ <meta name="viewport" content="width={{WIDTH}}, height={{HEIGHT}}" />
29
+ <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
30
+ <style>
31
+ :root {
32
+ --font-scale: {{FONT_SCALE}};
33
+ --h: {{HEIGHT}}px; --w: {{WIDTH}}px;
34
+ --accent: {{ACCENT}};
35
+ }
36
+
37
+ * { margin: 0; padding: 0; box-sizing: border-box; }
38
+ html, body {
39
+ margin: 0;
40
+ width: {{WIDTH}}px; height: {{HEIGHT}}px;
41
+ overflow: hidden;
42
+ background: #000;
43
+ font-family: '{{FONT_FAMILY}}', "Helvetica Neue", system-ui, sans-serif;
44
+ }
45
+ #a-roll { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
46
+ #stage {
47
+ position: absolute;
48
+ top: 0; left: 0;
49
+ width: {{WIDTH}}px; height: {{HEIGHT}}px;
50
+ pointer-events: none;
51
+ z-index: 2;
52
+ }
53
+
54
+ /* BASE — DNA tokens. bg (embed) captions get the depth-match filter; fg stays sharp. */
55
+ .cap {
56
+ display: block;
57
+ position: absolute;
58
+ opacity: 0;
59
+ mix-blend-mode: {{BLEND_MODE}};
60
+ color: {{CAP_COLOR}};
61
+ text-shadow: {{TEXT_SHADOW}};
62
+ filter: {{TEXT_FILTER_BG}};
63
+ line-height: 1.12; /* contains ink + internal leading — wrapped rows breathe (was 1.0: rows touched) */
64
+ will-change: transform, opacity;
65
+ top: 50%; left: 0; right: 0; text-align: center;
66
+ }
67
+ .cap[data-layer="fg"] { filter: {{TEXT_FILTER_FG}}; }
68
+ .cap .w { display: inline-block; opacity: 0; will-change: opacity, transform; }
69
+ .cap .w .l { display: inline-block; will-change: opacity, transform; }
70
+
71
+ /* hero glow — same glyphs duplicated UNDER the hero, blurred; opacity driven by GSAP.
72
+ em-based blur scales with the hero's font size. Not part of plan.groups → gates skip it.
73
+ MUST be out of flow (absolute) — as a flow sibling inside a plane it displaces the hero. */
74
+ .hero-glow, .plane > .cap.hero-glow { position: absolute; left: 0; right: 0; top: 0; filter: blur(0.06em); }
75
+ /* hero echoes — colored duplicates (RGB fringe / speed trails); position mirrors the
76
+ hero via its #id rule, color comes from each echo's own rule */
77
+ .hero-echo, .plane > .cap.hero-echo { position: absolute; left: 0; right: 0; top: 0; }
78
+
79
+ .plane { position: absolute; pointer-events: none; }
80
+ .plane > .cap {
81
+ position: relative;
82
+ top: auto; left: auto; right: auto; bottom: auto;
83
+ }
84
+
85
+ {{DNA_CSS}}
86
+
87
+ {{PLANES_CSS}}
88
+
89
+ /* Per-group typography (agent-authored). */
90
+ {{CUSTOM_CSS}}
91
+ </style>
92
+ </head>
93
+ <body>
94
+ <div
95
+ id="root"
96
+ data-composition-id="main"
97
+ data-start="0"
98
+ data-duration="{{DURATION}}"
99
+ data-width="{{WIDTH}}"
100
+ data-height="{{HEIGHT}}"
101
+ >
102
+ <video
103
+ id="a-roll"
104
+ src="source.mp4"
105
+ muted
106
+ playsinline
107
+ data-duration="{{DURATION}}"
108
+ data-track-index="0"
109
+ style="z-index: 1"
110
+ ></video>
111
+
112
+ <div id="stage">{{GROUPS_HTML}}</div>
113
+
114
+ <audio
115
+ id="a-roll-audio"
116
+ src="source.mp4"
117
+ data-start="0"
118
+ data-duration="{{DURATION}}"
119
+ data-track-index="3"
120
+ data-volume="1"
121
+ ></audio>
122
+ </div>
123
+
124
+ <script>
125
+ window.__timelines = window.__timelines || {};
126
+ const tl = gsap.timeline({ paused: true });
127
+ const DUR = {{DURATION}};
128
+ const GROUPS = {{GROUPS_JSON}};
129
+ const MOTION = {{MOTION_JSON}};
130
+ const HEROES = {{HEROES_JSON}};
131
+ const HERO_IDS = {};
132
+ HEROES.forEach(function (h) { HERO_IDS[h.id] = true; });
133
+
134
+ /* ── word entrance: the DNA's motion grammar ─────────────────────────
135
+ Each tone = {y, x, blur, scale, rot, dur, ease} or {reveal:"burn"}.
136
+ rot alternates sign by word index (deterministic percussion); blur is a
137
+ filter tween on the word span only (the container's depth-match filter
138
+ is a separate element — no conflict, no reflow). */
139
+ function wordReveal(wsel, m, at, idx) {
140
+ if (m.reveal === "burn") { tl.set(wsel, { opacity: 1 }, at); return; }
141
+ if (m.reveal === "flicker") {
142
+ /* neon tube igniting — deterministic on/off pattern, phase-shifted by word
143
+ index so a line of words doesn't strobe in unison */
144
+ var o = (idx % 3) * 0.018;
145
+ tl.set(wsel, { opacity: 1 }, at);
146
+ tl.set(wsel, { opacity: 0.25 }, at + 0.042 + o);
147
+ tl.set(wsel, { opacity: 1 }, at + 0.078 + o);
148
+ tl.set(wsel, { opacity: 0.5 }, at + 0.112 + o);
149
+ tl.set(wsel, { opacity: 1 }, at + 0.152 + o);
150
+ return;
151
+ }
152
+ var from = { opacity: 0 }, to = { opacity: 1, duration: m.dur || 0.4,
153
+ ease: m.ease || "power2.out", overwrite: "auto", transformOrigin: "50% 70%" };
154
+ if (m.y) { from.y = m.y; to.y = 0; }
155
+ if (m.x) { from.x = m.x; to.x = 0; }
156
+ if (m.scale && m.scale !== 1) { from.scale = m.scale; to.scale = 1; }
157
+ if (m.stretchX && m.stretchX !== 1) { from.scaleX = m.stretchX; to.scaleX = 1; }
158
+ if (m.skewX) { from.skewX = m.skewX; to.skewX = 0; }
159
+ if (m.rot) { from.rotation = ((idx % 2) ? 1 : -1) * m.rot; to.rotation = 0; }
160
+ if (m.blur) { from.filter = "blur(" + m.blur + "px)"; to.filter = "blur(0px)"; }
161
+ tl.fromTo(wsel, from, to, at);
162
+ }
163
+
164
+ var EXIT = MOTION.exit || { dur: 0.5, ease: "power2.in", stagger: 0 };
165
+ var LINE_REVEAL = MOTION.lineReveal || null;
166
+
167
+ /* exit cascade: lines of the same plane sharing one page-flip `out` can leave
168
+ top-to-bottom (editorial). Slot layout = absolute positions, so staggered
169
+ exits cause no reflow. Every exit still hard-kills at g.out. */
170
+ var pageMates = {};
171
+ GROUPS.forEach(function (g) {
172
+ if (HERO_IDS[g.id]) return;
173
+ var key = (g.plane || "free") + "@" + g.out;
174
+ (pageMates[key] = pageMates[key] || []).push(g.id);
175
+ });
176
+
177
+ GROUPS.forEach(function (g) {
178
+ if (HERO_IDS[g.id]) return; // heroes are orchestrated below
179
+ var sel = "#" + g.id;
180
+ var m = MOTION[g.tone] || MOTION.soft || {};
181
+
182
+ tl.set(sel, { opacity: 1 }, Math.max(0, g.in - 0.01));
183
+
184
+ /* line container reveal (keynote's surgical wipe) — clip-path, not transform.
185
+ PHRASE mode: the whole line is set visible up front and the WIPE is the
186
+ reveal (slide-title idiom) — wiping an empty container reads as nothing. */
187
+ if (LINE_REVEAL && LINE_REVEAL.type === "wipe-x") {
188
+ tl.set(sel + " .w", { opacity: 1 }, Math.max(0, g.in - 0.01));
189
+ tl.fromTo(sel, { clipPath: "inset(0% 100% 0% 0%)" },
190
+ { clipPath: "inset(0% 0% 0% 0%)", duration: LINE_REVEAL.dur || 0.4,
191
+ ease: LINE_REVEAL.ease || "expo.out", overwrite: "auto" },
192
+ Math.max(0, g.in - 0.01));
193
+ } else {
194
+ g.words.forEach(function (w, i) {
195
+ wordReveal(sel + " .w[data-i='" + i + "']", m, w.start, i);
196
+ });
197
+ }
198
+
199
+ /* exit: DNA grammar — direction + speed + optional per-line cascade */
200
+ var mates = pageMates[(g.plane || "free") + "@" + g.out];
201
+ var rank = mates.indexOf(g.id);
202
+ var lead = (EXIT.stagger || 0) * (mates.length - 1 - rank);
203
+ var exitAt = Math.max(g.in + 0.1, g.out - (EXIT.dur || 0.5) - lead);
204
+ var to = { opacity: 0, duration: EXIT.dur || 0.5, ease: EXIT.ease || "power2.in", overwrite: "auto" };
205
+ if (EXIT.y) to.y = EXIT.y;
206
+ if (EXIT.x) to.x = EXIT.x;
207
+ if (EXIT.scale && EXIT.scale !== 1) to.scale = EXIT.scale;
208
+ if (g.out < DUR) tl.to(sel, to, exitAt);
209
+ tl.set(sel, { opacity: 0, display: "none" }, g.out);
210
+ });
211
+
212
+ /* ── HEROES: three-act orchestration, one per promoted beat ──────────── */
213
+ HEROES.forEach(function (HERO) {
214
+ var hsel = "#" + HERO.id;
215
+ var gsel = "#" + HERO.id + "-glow";
216
+ var hg = GROUPS.filter(function (g) { return g.id === HERO.id; })[0];
217
+ var amp = HERO.amp || 1;
218
+
219
+ /* act 1 — SETUP: co-visible groups yield (dim) just before the hero lands.
220
+ Minor heroes are emphasis-plus: no dim, no ripple, no breathe — the apex
221
+ keeps those privileges (that's what makes it the apex). */
222
+ if (!HERO.minor && HERO.dimOthers < 1) {
223
+ GROUPS.forEach(function (g) {
224
+ if (g.id === HERO.id) return;
225
+ if (g.in < HERO.in && g.out > HERO.in) {
226
+ tl.to("#" + g.id, { opacity: HERO.dimOthers, duration: 0.3, ease: "power2.out", overwrite: "auto" },
227
+ Math.max(0, HERO.in - 0.35));
228
+ }
229
+ });
230
+ }
231
+
232
+ tl.set(hsel, { opacity: 1 }, Math.max(0, HERO.in - 0.01));
233
+
234
+ /* act 2 — IMPACT: container entrance (amplitude ∝ spoken loudness) */
235
+ if (HERO.entrance === "settle") {
236
+ tl.fromTo(hsel, { scale: 1 + 0.10 * amp },
237
+ { scale: 1, duration: 0.50, ease: "expo.out", transformOrigin: "50% 60%", overwrite: "auto" }, HERO.in);
238
+ } else if (HERO.entrance === "slam") {
239
+ /* percussion: ONE unit, violent snap — geometry locks in 0.16s; heat comes after */
240
+ tl.fromTo(hsel, { scale: 1 + 0.22 * amp },
241
+ { scale: 1, duration: 0.16, ease: "back.out(2.2)", transformOrigin: "50% 55%", overwrite: "auto" }, HERO.in);
242
+ } else if (HERO.entrance === "rise") {
243
+ tl.fromTo(hsel, { y: 22 * amp },
244
+ { y: 0, duration: 0.60, ease: "power2.out", overwrite: "auto" }, HERO.in);
245
+ } else if (HERO.entrance === "wipe-up") {
246
+ /* surgical slide-title reveal — clip-path only (not a transform: can't
247
+ collide with the afterglow scale channel), bottom-up behind the subject */
248
+ tl.fromTo(hsel, { clipPath: "inset(100% 0% 0% 0%)" },
249
+ { clipPath: "inset(0% 0% 0% 0%)", duration: 0.45, ease: "expo.out", overwrite: "auto" }, HERO.in);
250
+ } else if (HERO.entrance === "flicker-on") {
251
+ /* neon sign powering up — deterministic strobe, then steady */
252
+ tl.set(hsel, { opacity: 1 }, HERO.in);
253
+ tl.set(hsel, { opacity: 0.15 }, HERO.in + 0.05);
254
+ tl.set(hsel, { opacity: 1 }, HERO.in + 0.095);
255
+ tl.set(hsel, { opacity: 0.4 }, HERO.in + 0.14);
256
+ tl.set(hsel, { opacity: 1 }, HERO.in + 0.19);
257
+ tl.fromTo(hsel, { scale: 1.03 }, { scale: 1, duration: 0.4, ease: "power2.out", overwrite: "auto", transformOrigin: "50% 55%" }, HERO.in + 0.19);
258
+ } else if (HERO.entrance === "streak") {
259
+ /* speed pass — slides in along its own motion blur (skew rides the velocity) */
260
+ tl.fromTo(hsel, { x: -90 * amp, skewX: -12, opacity: 0 },
261
+ { x: 0, skewX: 0, opacity: 1, duration: 0.28, ease: "expo.out", overwrite: "auto", transformOrigin: "50% 80%" }, HERO.in);
262
+ } else { /* emergence — grows out from behind the subject */
263
+ tl.fromTo(hsel, { scale: Math.max(0.74, 1 - 0.18 * amp) },
264
+ { scale: 1, duration: 0.55, ease: "expo.out", transformOrigin: "50% 62%", overwrite: "auto" }, HERO.in);
265
+ }
266
+
267
+ /* impact ripple (loud): the hero's landing bumps every co-visible caption —
268
+ captions only, the footage itself NEVER moves */
269
+ if (!HERO.minor && HERO.ripple > 0) {
270
+ GROUPS.forEach(function (g) {
271
+ if (g.id === HERO.id) return;
272
+ if (g.in < HERO.in && g.out > HERO.in + 0.3) {
273
+ tl.to("#" + g.id, { y: HERO.ripple, duration: 0.07, ease: "power2.out", overwrite: "auto" }, HERO.in + 0.04);
274
+ tl.to("#" + g.id, { y: 0, duration: 0.20, ease: "power2.out", overwrite: "auto" }, HERO.in + 0.11);
275
+ }
276
+ });
277
+ }
278
+
279
+ /* words / letters */
280
+ (hg ? hg.words : []).forEach(function (w, i) {
281
+ var wsel = hsel + " .w[data-i='" + i + "']";
282
+ if (HERO.perLetter) {
283
+ tl.set(wsel, { opacity: 1 }, w.start);
284
+ var letters = document.querySelectorAll(wsel + " .l");
285
+ for (var li = 0; li < letters.length; li++) {
286
+ var lf = { opacity: 0, y: "0.16em", scale: 1.05 };
287
+ var lt = { opacity: 1, y: 0, scale: 1, duration: 0.30, ease: "power4.out", overwrite: "auto" };
288
+ if (HERO.letterBlur) { lf.filter = "blur(" + HERO.letterBlur + "px)"; lt.filter = "blur(0px)"; }
289
+ tl.fromTo(letters[li], lf, lt, w.start + li * (HERO.letterStagger || 0.014));
290
+ }
291
+ } else {
292
+ var m = MOTION.impact || MOTION.present || {};
293
+ wordReveal(wsel, m, w.start, i);
294
+ }
295
+ });
296
+
297
+ /* glow layer (DNA-gated). Slam = impact THEN heat: glow waits for geometry lock. */
298
+ if (HERO.glow > 0) {
299
+ var glowAt = HERO.in + (HERO.entrance === "slam" ? 0.17 : 0.08);
300
+ var glowPeak = Math.min(0.5, HERO.glow * amp) * (HERO.minor ? 0.5 : 1);
301
+ tl.set(gsel + " .w", { opacity: 1 }, Math.max(0, HERO.in - 0.01));
302
+ tl.fromTo(gsel, { opacity: 0 },
303
+ { opacity: glowPeak, duration: HERO.entrance === "slam" ? 0.3 : 0.5, ease: "power2.out", overwrite: "auto" },
304
+ glowAt);
305
+ tl.to(gsel, { opacity: 0, duration: 0.5, ease: "power2.in", overwrite: "auto" }, HERO.out - 0.5);
306
+ tl.set(gsel, { opacity: 0, display: "none" }, HERO.out);
307
+ }
308
+
309
+ /* fx: ECHO layers (RGB-split fringe / speed trails) — colored duplicates that
310
+ CONVERGE as the word lands, then rest at a small offset until exit */
311
+ if (HERO.echoes && HERO.echoes.length) {
312
+ HERO.echoes.forEach(function (ec, k) {
313
+ var esel = "#" + HERO.id + "-echo-" + k;
314
+ tl.set(esel + " .w", { opacity: 1 }, Math.max(0, HERO.in - 0.01));
315
+ tl.fromTo(esel,
316
+ { x: (ec.dx || 0) * 4, y: (ec.dy || 0) * 4, opacity: 0 },
317
+ { x: ec.dx || 0, y: ec.dy || 0, opacity: ec.opacity != null ? ec.opacity : 0.5,
318
+ duration: 0.22, ease: "power4.out", overwrite: "auto" }, HERO.in);
319
+ tl.to(esel, { opacity: 0, duration: 0.4, ease: "power2.in", overwrite: "auto" }, HERO.out - 0.45);
320
+ tl.set(esel, { opacity: 0, display: "none" }, HERO.out);
321
+ });
322
+ }
323
+
324
+ /* fx: SHEEN — one gradient sweep across the hero during the hold (chrome).
325
+ Targets the .w spans (the gradient lives there — see wordCss). Starts as the
326
+ entrance settles so the specular hit is visible early in the hold. */
327
+ if (HERO.sheen && HERO.out - HERO.in > 0.9) {
328
+ tl.fromTo(hsel + " .w", { backgroundPosition: "0% 50%" },
329
+ { backgroundPosition: "200% 50%", duration: Math.min(1.2, HERO.out - HERO.in - 0.5),
330
+ ease: "power1.inOut", overwrite: "auto" }, HERO.in + 0.22);
331
+ }
332
+
333
+ /* act 3 — AFTERGLOW: ONE slow scale tween (no loops — deterministic).
334
+ loom (slow growth, loud) subsumes breathe — never two transform tweens
335
+ on the same element in the same window. wipe-up entrances are clip-path,
336
+ so the afterglow scale channel is always free by now. */
337
+ var after = HERO.loom > 0 ? HERO.loom : HERO.breathe;
338
+ if (!HERO.minor && after > 0 && HERO.out - HERO.in > 1.4) {
339
+ tl.fromTo(hsel, { scale: 1 },
340
+ { scale: 1 + after, duration: HERO.out - HERO.in - 1.2, ease: HERO.loom > 0 ? "power1.inOut" : "sine.inOut", overwrite: "auto" },
341
+ HERO.in + 0.7);
342
+ }
343
+
344
+ /* exit */
345
+ if (HERO.out < DUR) {
346
+ tl.to(hsel, { opacity: 0, duration: 0.5, ease: "power2.in", overwrite: "auto" }, HERO.out - 0.5);
347
+ }
348
+ tl.set(hsel, { opacity: 0, display: "none" }, HERO.out);
349
+ });
350
+
351
+ tl.seek(0);
352
+ window.__timelines["main"] = tl;
353
+ </script>
354
+ </body>
355
+ </html>
package/skills/embedded-captions/modes/standard/_anatomy.md ADDED
@@ -0,0 +1,233 @@
1
+ ---
2
+ name: caption-template-anatomy
3
+ description: The shared, reproducible scene engine every caption template is built on — a matted talking-head with a flowing verbatim foreground caption and a single climax word, driven by one paused GSAP timeline. Read it ONCE per session (it is identical for all 54 templates); each per-template file in templates/ only overrides the style tokens + the named climax entrance/exit.
4
+ metadata:
5
+ tags: caption, talking-head, matte, occlusion, verbatim, climax, gsap, hyperframes
6
+ ---
7
+
8
+ # Caption Template — Anatomy (the shared engine)
9
+
10
+ A **caption template** = one complete, reproducible HyperFrames scene:
11
+
12
+ > **the person (always in frame)** + a **flowing foreground caption** (verbatim, word-by-word, with appear **and** disappear) + a **climax word** (big, behind the speaker, with a designed entrance **and** exit) + a coherent **font / colour / motion** design.
13
+
14
+ Every file in `templates/` is the SAME engine described here with three things swapped: (1) the **style tokens** (font, fills, accent, optional gradient/stroke), (2) the named **climax entrance** + **exit** (see `_motion.md`), (3) the **copy** (flow lines + climax word) and **scene/person**. So read this once; each template file is short.
15
+
16
+ HyperFrames-native, so anyone can reproduce it:
17
+
18
+ - **One paused GSAP timeline per composition**, registered to `window.__timelines[data-composition-id]`.
19
+ - All timing in **seconds**; `data-start` / `data-duration` carry the scene window.
20
+ - **Deterministic + seek-safe** only — no `Math.random()`, no `Date.now()`, no infinite repeats, no un-seekable CSS animations. Every state is reachable by seeking the timeline to a time `t`.
21
+ - GSAP transform aliases (`x`, `y`, `scale`, `rotation`); animate `opacity`, `filter`, `clipPath`, `textShadow`, `backgroundPosition`, `letterSpacing` — never layout props (width/top/left/margin).
22
+
23
+ For the composition contract see `hyperframes-core`; eases + the animated-property allowlist see `hyperframes-gsap`; caption grouping/positioning/exit guarantees see `hyperframes-captions`.
24
+
25
+ ## 1 · Asset prep (two CLI calls)
26
+
27
+ ```bash
28
+ # 1) The person — transparent talking-head cutout over the scene (VP9 + alpha)
29
+ bash scripts/prepare.sh <project> # matte ∥ transcribe ∥ safe-zones (THIS skill — not remove-background)
30
+ # (a still works too: remove-background portrait.jpg -o person.png)
31
+
32
+ # 2) The verbatim word timings that drive the flowing caption
33
+ npx hyperframes transcribe subject.mp4 --model small # → transcript.json
34
+ # shape: [{ "id":"w0","text":"Hello","start":0.0,"end":0.5 }, …]
35
+ ```
36
+
37
+ The flow caption consumes that `transcript.json` directly (word `start`/`end` → reveal + active-word emphasis). The climax word is authored by hand (it is the headline beat, not part of the spoken transcript). In production the avatar/matte pipeline yields a pixel-perfect alpha for free — `remove-background` is the fallback for arbitrary footage.
38
+
39
+ ## 2 · The matte sandwich (HTML)
40
+
41
+ Six layers, back-to-front. The person is layered ON TOP of the climax so they physically **occlude** it — this is what sells "behind the speaker" (blur/opacity alone reads as a flat overlay).
42
+
43
+ ```html
44
+ <div
45
+ class="stage {STYLE} {PERSON}"
46
+ id="cap-{id}"
47
+ data-composition-id="cap-{id}"
48
+ data-start="0"
49
+ data-duration="{SCENE_DUR}"
50
+ data-track-index="0"
51
+ >
52
+ <!-- z0 background plate (the original frame, full) -->
53
+ <!-- supplied by .{PERSON} as background-image, or a <video> at z-index:0 -->
54
+
55
+ <!-- z1 CLIMAX — big, BEHIND the person, occluded -->
56
+ <div class="climax"><span>{CLIMAX_WORD}</span></div>
57
+
58
+ <!-- z4 the person cutout (transparent webm/png), aligned to the plate -->
59
+ <video class="cut" src="person.webm" muted playsinline></video>
60
+ <!-- or: <img class="cut" src="person.png"> -->
61
+
62
+ <!-- z5 grade / vignette for depth + legibility -->
63
+ <div class="grade"></div>
64
+
65
+ <!-- z6 FLOW — the verbatim caption, IN FRONT, lower third -->
66
+ <div class="flow"></div>
67
+ <!-- words injected from transcript.json -->
68
+ </div>
69
+ ```
70
+
71
+ ## 3 · Base CSS (layout · z-order · sizing)
72
+
73
+ Caption size is in **`cqh`** (% of frame height) via a size container, so it honours broadcast spec at any resolution (~8% cap-height for a 16:9 word). The per-template file only sets the `--ff` / `--cfill` / `--cacc` tokens and any `.climax span` fill (gradient/stroke).
74
+
75
+ ```css
76
+ .stage {
77
+ position: relative;
78
+ aspect-ratio: 16/9;
79
+ overflow: hidden;
80
+ container-type: size;
81
+ background-size: cover;
82
+ background-position: center 12%;
83
+ background-color: #0a0a0e;
84
+ font-family: var(--ff);
85
+ }
86
+ .stage > * {
87
+ position: absolute;
88
+ }
89
+ .cut {
90
+ z-index: 4;
91
+ inset: 0;
92
+ width: 100%;
93
+ height: 100%;
94
+ object-fit: cover;
95
+ object-position: center 12%;
96
+ pointer-events: none;
97
+ }
98
+ .grade {
99
+ z-index: 5;
100
+ inset: 0;
101
+ pointer-events: none;
102
+ background: radial-gradient(130% 100% at 50% 26%, transparent 40%, rgba(0, 0, 0, 0.6));
103
+ }
104
+
105
+ /* CLIMAX — big, behind person (z1), occluded. line-height ≥1.15 so clip-reveal
106
+ entrances (inset(0)) never slice glyph tops; pad clips negative for script faces. */
107
+ .climax {
108
+ z-index: 1;
109
+ left: 50%;
110
+ top: 37%;
111
+ transform: translate(-50%, -50%);
112
+ white-space: nowrap;
113
+ text-align: center;
114
+ line-height: 1.18;
115
+ font-family: var(--ff);
116
+ color: var(--cfill);
117
+ font-weight: 900;
118
+ font-size: 44cqh;
119
+ text-transform: uppercase;
120
+ text-shadow:
121
+ 0 2px 13px rgba(0, 0, 0, 0.6),
122
+ 0 0 48px rgba(0, 0, 0, 0.42);
123
+ }
124
+ .climax span {
125
+ display: inline-block;
126
+ opacity: 0;
127
+ } /* GSAP reveals it */
128
+
129
+ /* FLOW — verbatim caption, in front (z6), lower third */
130
+ .flow {
131
+ z-index: 6;
132
+ left: 50%;
133
+ bottom: 9%;
134
+ transform: translateX(-50%);
135
+ width: 90%;
136
+ text-align: center;
137
+ line-height: 1.15;
138
+ font-family: var(--ff);
139
+ font-weight: 700;
140
+ font-size: 7.5cqh;
141
+ color: var(--cfill);
142
+ }
143
+ .flow .w {
144
+ display: inline-block;
145
+ opacity: 0;
146
+ margin: 0 0.1em;
147
+ color: var(--cfill);
148
+ }
149
+ .flow .w.act {
150
+ color: var(--cacc);
151
+ } /* the currently-spoken word */
152
+
153
+ /* tokens every template overrides: */
154
+ .stage {
155
+ --ff: "Inter";
156
+ --cfill: #fff;
157
+ --cacc: #10a37f;
158
+ }
159
+ ```
160
+
161
+ **Legibility on busy/bright scenes:** a behind-the-person climax needs separation from the footage, not just a fill colour. For dark or gradient fills on lit scenes give the climax an outline — `-webkit-text-stroke:1px rgba(0,0,0,.5);paint-order:stroke fill` — a dark drop-shadow alone fails against highlights (e.g. a lamp). Gradient/clip fills must live on `.climax span` (the text node), never on the transformed `.climax` container, or the clip detaches and only the shadow shows.
162
+
163
+ ## 4 · One paused GSAP timeline (the loop, made seek-safe)
164
+
165
+ The gallery used a `setInterval` loop; HyperFrames needs the same beats as **absolute-time tweens on one paused timeline**. The cycle is **FLOW line → (FLOW line) → CLIMAX in → hold → out**. Restraint is the rule: flow stays clean; the one big mood move happens only at the climax.
166
+
167
+ ```html
168
+ <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
169
+ <script>
170
+ window.__timelines = window.__timelines || {};
171
+ const stage = document.getElementById("cap-{id}");
172
+ const flow = stage.querySelector(".flow");
173
+ const climax = stage.querySelector(".climax span");
174
+ const tl = gsap.timeline({ paused: true });
175
+
176
+ // --- FLOW: render words from transcript.json, reveal each at its start time ---
177
+ // WORDS = grouped transcript lines: [{ words:[{text,start,end}], end }] in scene-local seconds.
178
+ function renderLine(line) {
179
+ flow.innerHTML = line.words
180
+ .map((w, i) => `<span class="w" data-i="${i}">${w.text}</span>`)
181
+ .join(" ");
182
+ return [...flow.querySelectorAll(".w")];
183
+ }
184
+ WORDS.forEach((line) => {
185
+ const spans = renderLine(line); // (one renderLine per active line; see captions skill for multi-line groups)
186
+ spans.forEach((el, i) => {
187
+ const w = line.words[i];
188
+ tl.add(FLOW_IN(el), w.start); // FLOW_IN = the template's flow entrance (see _motion.md)
189
+ tl.set(spans, { className: "w" }, w.start); // active-word sweep: only the spoken word gets .act
190
+ tl.set(el, { className: "w act" }, w.start);
191
+ });
192
+ tl.add(FLOW_OUT(spans), line.end); // FLOW_OUT = flow exit
193
+ tl.set(flow, { autoAlpha: 0 }, line.end + FOUT); // hard-hide the group so old text can't linger
194
+ tl.set(flow, { autoAlpha: 1 }, line.end + FOUT + 0.001);
195
+ });
196
+
197
+ // --- CLIMAX: entrance at the beat → hold ≥1s → exit (named recipes from _motion.md) ---
198
+ const T = CLIMAX_AT; // beat time (after the flow lines)
199
+ tl.add(CLIMAX_IN(climax), T); // e.g. SLAM / DEBLUR / INK-LOOM / CHROME-SWEEP …
200
+ tl.add(CLIMAX_OUT(climax), T + CLIMAX_HOLD); // hold ≥1s, then exit. CLIMAX_OUT ends opacity:0 (hard exit)
201
+
202
+ window.__timelines["cap-{id}"] = tl;
203
+ </script>
204
+ ```
205
+
206
+ `FLOW_IN` / `FLOW_OUT` / `CLIMAX_IN` / `CLIMAX_OUT` are the named recipes in **`_motion.md`** — each returns a GSAP tween/timeline so the per-template file just picks four names. A simpler equivalent for the flow active-word _glow_ (rather than discrete reveal) is the single-driver envelope in `hyperframes-animation/rules/asr-keyword-glow.md`.
207
+
208
+ ## 5 · How to choose values
209
+
210
+ - **SCENE_DUR** — must equal `data-duration`. Typical 6–10 s for a looping demo card.
211
+ - **WORDS grouping** — 2–4 words / line, ~380–520 ms per word (premium pacing is slower than Hormozi). Group from `transcript.json`; keep `end < next.start` (monotonic).
212
+ - **CLIMAX_AT** — place the climax _after_ the flow lines clear, on the narration's emphasis beat.
213
+ - **CLIMAX_HOLD** — **≥1 s** of settled dwell _after_ the entrance finishes (the climax is the headline beat). Entrances run 0.6–1.6 s, so e.g. hold = entranceDur + 1.0–1.6.
214
+ - **FOUT** — flow exit ≈ 0.5 s. **Exit ≈ 75 % of entry** for every element (arrival deliberate, departure swift; see `_motion.md`).
215
+ - **Climax size** — base 44 cqh; long words bleed off-frame (intended cinematic); 3-char words behind a centred subject need size + an outline so they peek.
216
+
217
+ ## Critical constraints (HyperFrames)
218
+
219
+ - Timeline **paused**; registry key = `data-composition-id`.
220
+ - **No CSS keyframe animation** on caption elements — all motion is GSAP tweens at absolute times (seek-safe).
221
+ - No `Math.random` / `Date.now` / infinite repeats.
222
+ - `display:inline-block` on every `.w` and the climax `span`.
223
+ - **Hard-hide** each flow group at its end time; **CLIMAX_OUT ends at `opacity:0`** (or fully-clipped) so nothing lingers.
224
+ - Gradient / `background-clip:text` / stroke fills go on `.climax span`, not the transformed `.climax`.
225
+ - `.climax` `line-height ≥ 1.15`; pad clip-reveal entrances with negative insets for script/decorative fonts.
226
+
227
+ ## Pairs with HF skills
228
+
229
+ - `media-use` — `remove-background` (the matte) + `transcribe` (word timings).
230
+ - `hyperframes-captions` — transcript consumption, grouping, positioning, exit guarantees, `fitTextFontSize`.
231
+ - `hyperframes-animation/rules/asr-keyword-glow.md` — the verbatim active-word envelope.
232
+ - `hyperframes-gsap` — single paused timeline, transform aliases, ease palette.
233
+ - `_motion.md` (this folder) — the named flow/climax entrance + exit recipes.