@scenerok/cli 2.2.0

package/skills/remote/catalog-index.json

@@ -0,0 +1,1810 @@
+{
+  "schema": "https://scenerok.com/catalog-index/v1",
+  "generatedAt": "2026-07-03T01:54:50.808Z",
+  "cdnBase": "https://assets-public.scenerok.com/catalog",
+  "categories": [
+    {
+      "id": "ai-models",
+      "title": "AI Models",
+      "description": "Text-to-video with x.ai Grok. Pre-rendered samples only — copy the VidScript, do not re-run generation from this page.",
+      "items": [
+        {
+          "id": "grok-gen-video",
+          "title": "Grok genVideo()",
+          "description": "Explicit duration, resolution, and aspect ratio for text-to-video.",
+          "examples": [
+            {
+              "id": "ai-models:grok-gen-video-wide",
+              "title": "Landscape 8 s",
+              "description": "Longer clip, 16:9 frame.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[- 3s] = video xai.genVideo(\"Timelapse of clouds over desert mesas, wide cinematic, anamorphic flare\", duration: 3, aspect_ratio: \"16:9\", resolution: \"720p\")\n\n[prev .. prev + 0.8s] = text \"genVideo()\", font: \"Inter Bold\", size: 44, color: \"#FFFFFF\", shadow_blur: 10, align: \"center\", y: \"88%\"",
+              "mp4Url": null,
+              "posterUrl": null
+            },
+            {
+              "id": "ai-models:grok-gen-video",
+              "title": "Vertical 6 s reel",
+              "description": "duration: 3, aspect_ratio: \"9:16\".",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[- 3s] = video xai.genVideo(\"Drone shot over a futuristic city at sunset, lens flare, cinematic\", duration: 3, aspect_ratio: \"9:16\", resolution: \"720p\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/ai-models__grok-gen-video.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/ai-models__grok-gen-video.jpg"
+            }
+          ]
+        },
+        {
+          "id": "grok-imagine",
+          "title": "Grok imagine()",
+          "description": "One-call text-to-video. Default 5 s, 720p, 9:16.",
+          "examples": [
+            {
+              "id": "ai-models:grok-imagine-ocean",
+              "title": "Ocean drone",
+              "description": "Same API, different prompt and aspect.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[- 3s] = video xai.imagine(\"Slow aerial drone over turquoise ocean waves, golden hour, cinematic\", aspect_ratio: \"16:9\", resolution: \"720p\")\n\n[prev .. prev + 0.8s] = text \"imagine()\", font: \"Inter Bold\", size: 48, color: \"#FFFFFF\", align: \"center\", y: \"85%\"",
+              "mp4Url": null,
+              "posterUrl": null
+            },
+            {
+              "id": "ai-models:grok-imagine",
+              "title": "Street market",
+              "description": "Default params — no duration override.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[- 3s] = video xai.imagine(\"A neon-lit street market at night, cinematic, volumetric light\", aspect_ratio: \"9:16\", resolution: \"720p\")\n\n[prev .. prev + 0.8s] = text \"Grok imagine()\", font: \"Inter Bold\", size: 56, color: \"#FFFFFF\", shadow_color: \"#000000\", shadow_blur: 12, position: \"bottom\", align: \"center\"",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/ai-models__grok-imagine.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/ai-models__grok-imagine.jpg"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "text-styles",
+      "title": "Text Styles",
+      "description": "Headlines, captions, and motion presets from @scenerok/basic-animations.",
+      "items": [
+        {
+          "id": "hero-headline",
+          "title": "Bold hero headline",
+          "description": "Large sans-serif with shadow and fade entrance/exit.",
+          "examples": [
+            {
+              "id": "text-styles:hero-headline-center",
+              "title": "Center pop",
+              "description": "popIn entrance on a dark canvas.",
+              "durationSeconds": 3,
+              "vidscript": "import motion from \"@scenerok/basic-animations\"\n\n[0s .. 3s] = text \"SCENEROK\", font: \"Inter Black\", size: 200, color: \"#7CFAC7\", align: \"center\", letter_spacing: 6, animate: [motion.popIn(0.8), motion.fadeOut(0.5)]",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/text-styles__hero-headline-center.jpg"
+            },
+            {
+              "id": "text-styles:hero-headline",
+              "title": "Bottom-anchored",
+              "description": "position: \"bottom\", motion.fadeIn + fadeOut.",
+              "durationSeconds": 3,
+              "vidscript": "import motion from \"@scenerok/basic-animations\"\n\n[0s .. 3s] = text \"Make videos from text.\", font: \"Inter Bold\", size: 96, color: \"#FFFFFF\", position: \"bottom\", align: \"center\", shadow_color: \"#000000\", shadow_blur: 16, x: \"50%\", y: -180, animate: [motion.fadeIn(0.6), motion.fadeOut(0.6)]",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/text-styles__hero-headline.jpg"
+            }
+          ]
+        },
+        {
+          "id": "motion-presets",
+          "title": "Motion presets",
+          "description": "Composable motion.fadeIn, popIn, and float descriptors.",
+          "examples": [
+            {
+              "id": "text-styles:motion-fade",
+              "title": "Fade in + out",
+              "description": "motion.fadeIn(0.5) + motion.fadeOut(0.5).",
+              "durationSeconds": 3,
+              "vidscript": "import motion from \"@scenerok/basic-animations\"\n\n[0s .. 3s] = text \"FADE\", font: \"Inter Black\", size: 220, color: \"#FFFFFF\", align: \"center\", animate: [motion.fadeIn(0.5), motion.fadeOut(0.5)]",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/text-styles__motion-fade.jpg"
+            },
+            {
+              "id": "text-styles:motion-pop-float",
+              "title": "Pop + float",
+              "description": "popIn(0.7) then float(2.2, 12).",
+              "durationSeconds": 3,
+              "vidscript": "import motion from \"@scenerok/basic-animations\"\n\n[0s .. 3s] = text \"POP\", font: \"Inter Black\", size: 220, color: \"#FFD7A0\", align: \"center\", animate: [motion.popIn(0.7), motion.float(2.2, 12)]",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/text-styles__motion-pop-float.jpg"
+            }
+          ]
+        },
+        {
+          "id": "typewriter",
+          "title": "Typewriter reveal",
+          "description": "motion.typewriter() reveals characters one at a time.",
+          "examples": [
+            {
+              "id": "text-styles:typewriter-slow",
+              "title": "Slow sans",
+              "description": "Inter, white, longer typewriter duration.",
+              "durationSeconds": 3,
+              "vidscript": "import motion from \"@scenerok/basic-animations\"\n\n[0s .. 3s] = text \"Type. Render. Ship.\", font: \"Inter\", size: 72, color: \"#FFFFFF\", align: \"center\", animate: [motion.typewriter(1.8), motion.fadeOut(0.4)]",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/text-styles__typewriter-slow.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/text-styles__typewriter-slow.jpg"
+            },
+            {
+              "id": "text-styles:typewriter",
+              "title": "Mono terminal",
+              "description": "JetBrains Mono, mint green on black.",
+              "durationSeconds": 3,
+              "vidscript": "import motion from \"@scenerok/basic-animations\"\n\n[0s .. 3s] = text \"build videos from text.\", font: \"JetBrains Mono\", size: 58, color: \"#7CFAC7\", align: \"center\", animate: [motion.typewriter(1.6), motion.fadeOut(0.3)]",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/text-styles__typewriter.jpg"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "animations",
+      "title": "Animation Blocks",
+      "description": "All @scenerok/animations compositions — code, lower thirds, maps, social UI, and more.",
+      "items": [
+        {
+          "id": "app-showcase",
+          "title": "App Showcase",
+          "description": "@scenerok/animations.app_showcase() — app-showcase composition.",
+          "examples": [
+            {
+              "id": "animations:app_showcase",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.app_showcase(\"Sample\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__app_showcase.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "apple-money-count",
+          "title": "Apple Money Count",
+          "description": "@scenerok/animations.apple_money_count() — apple-money-count composition.",
+          "examples": [
+            {
+              "id": "animations:apple_money_count",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.apple_money_count(\"Sample\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__apple_money_count.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "blend-caption",
+          "title": "Blend Caption",
+          "description": "@scenerok/animations.blend_caption() — blend-caption composition.",
+          "examples": [
+            {
+              "id": "animations:blend_caption",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.blend_caption(\"HYPERFRAMES\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__blend_caption.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "blue-sweater-intro-video",
+          "title": "Blue Sweater Intro Video",
+          "description": "@scenerok/animations.blue_sweater_intro_video() — blue-sweater-intro-video composition.",
+          "examples": [
+            {
+              "id": "animations:blue_sweater_intro_video",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.blue_sweater_intro_video(\"Sample\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__blue_sweater_intro_video.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-3d-extrude",
+          "title": "Code 3d Extrude",
+          "description": "@scenerok/animations.code_3d_extrude() — code-3d-extrude composition.",
+          "examples": [
+            {
+              "id": "animations:code_3d_extrude",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_3d_extrude(\"[0s .. 3s] = video xai.imagine('let there be light');\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_3d_extrude.mp4?v=1fb913bd",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/animations__code_3d_extrude.jpg?v=52e23127"
+            }
+          ]
+        },
+        {
+          "id": "code-diff",
+          "title": "Code Diff",
+          "description": "@scenerok/animations.code_diff() — code-diff composition.",
+          "examples": [
+            {
+              "id": "animations:code_diff",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_diff(\"let x = 1\", \"let x = 2\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_diff.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-highlight",
+          "title": "Code Highlight",
+          "description": "@scenerok/animations.code_highlight() — code-highlight composition.",
+          "examples": [
+            {
+              "id": "animations:code_highlight",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_highlight(\"const app = 'scenerok'\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_highlight.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-morph",
+          "title": "Code Morph",
+          "description": "@scenerok/animations.code_morph() — code-morph composition.",
+          "examples": [
+            {
+              "id": "animations:code_morph",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_morph(\"let x = 1\", \"let x = 2\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_morph.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-particle-assemble",
+          "title": "Code Particle Assemble",
+          "description": "@scenerok/animations.code_particle_assemble() — code-particle-assemble composition.",
+          "examples": [
+            {
+              "id": "animations:code_particle_assemble",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_particle_assemble(\"[0s .. 3s] = video xai.imagine('let there be light')\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_particle_assemble.mp4?v=f76081fa",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/animations__code_particle_assemble.jpg?v=882b1fd3"
+            }
+          ]
+        },
+        {
+          "id": "code-scroll",
+          "title": "Code Scroll",
+          "description": "@scenerok/animations.code_scroll() — code-scroll composition.",
+          "examples": [
+            {
+              "id": "animations:code_scroll",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_scroll(\"const app = 'scenerok'\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_scroll.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-shader-dissolve",
+          "title": "Code Shader Dissolve",
+          "description": "@scenerok/animations.code_shader_dissolve() — code-shader-dissolve composition.",
+          "examples": [
+            {
+              "id": "animations:code_shader_dissolve",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_shader_dissolve(\"const app = 'scenerok'\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_shader_dissolve.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-basic",
+          "title": "Code Snippet Apple Terminal Basic",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_basic() — code-snippet-apple-terminal-basic composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_basic",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_basic(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_basic.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-clear-dark",
+          "title": "Code Snippet Apple Terminal Clear Dark",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_clear_dark() — code-snippet-apple-terminal-clear-dark composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_clear_dark",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_clear_dark(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_clear_dark.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-clear-light",
+          "title": "Code Snippet Apple Terminal Clear Light",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_clear_light() — code-snippet-apple-terminal-clear-light composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_clear_light",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_clear_light(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_clear_light.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-grass",
+          "title": "Code Snippet Apple Terminal Grass",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_grass() — code-snippet-apple-terminal-grass composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_grass",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_grass(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_grass.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-homebrew",
+          "title": "Code Snippet Apple Terminal Homebrew",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_homebrew() — code-snippet-apple-terminal-homebrew composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_homebrew",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_homebrew(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_homebrew.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-man-page",
+          "title": "Code Snippet Apple Terminal Man Page",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_man_page() — code-snippet-apple-terminal-man-page composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_man_page",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_man_page(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_man_page.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-novel",
+          "title": "Code Snippet Apple Terminal Novel",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_novel() — code-snippet-apple-terminal-novel composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_novel",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_novel(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_novel.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-ocean",
+          "title": "Code Snippet Apple Terminal Ocean",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_ocean() — code-snippet-apple-terminal-ocean composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_ocean",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_ocean(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_ocean.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-pro",
+          "title": "Code Snippet Apple Terminal Pro",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_pro() — code-snippet-apple-terminal-pro composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_pro",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_pro(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_pro.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-red-sands",
+          "title": "Code Snippet Apple Terminal Red Sands",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_red_sands() — code-snippet-apple-terminal-red-sands composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_red_sands",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_red_sands(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_red_sands.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-silver-aerogel",
+          "title": "Code Snippet Apple Terminal Silver Aerogel",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_silver_aerogel() — code-snippet-apple-terminal-silver-aerogel composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_silver_aerogel",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_silver_aerogel(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_silver_aerogel.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-apple-terminal-solid-colors",
+          "title": "Code Snippet Apple Terminal Solid Colors",
+          "description": "@scenerok/animations.code_snippet_apple_terminal_solid_colors() — code-snippet-apple-terminal-solid-colors composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_apple_terminal_solid_colors",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_apple_terminal_solid_colors(\"npm run build\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_apple_terminal_solid_colors.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-dark-2026",
+          "title": "Code Snippet Dark 2026",
+          "description": "@scenerok/animations.code_snippet_dark_2026() — code-snippet-dark-2026 composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_dark_2026",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_dark_2026()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_dark_2026.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-dark-modern",
+          "title": "Code Snippet Dark Modern",
+          "description": "@scenerok/animations.code_snippet_dark_modern() — code-snippet-dark-modern composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_dark_modern",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_dark_modern()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_dark_modern.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-dark-plus",
+          "title": "Code Snippet Dark Plus",
+          "description": "@scenerok/animations.code_snippet_dark_plus() — code-snippet-dark-plus composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_dark_plus",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_dark_plus()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_dark_plus.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-flight",
+          "title": "Code Snippet Flight",
+          "description": "@scenerok/animations.code_snippet_flight() — code-snippet-flight composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_flight",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_flight(\"const app = 'scenerok'\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_flight.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-high-contrast",
+          "title": "Code Snippet High Contrast",
+          "description": "@scenerok/animations.code_snippet_high_contrast() — code-snippet-high-contrast composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_high_contrast",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_high_contrast()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_high_contrast.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-high-contrast-light",
+          "title": "Code Snippet High Contrast Light",
+          "description": "@scenerok/animations.code_snippet_high_contrast_light() — code-snippet-high-contrast-light composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_high_contrast_light",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_high_contrast_light()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_high_contrast_light.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-light-2026",
+          "title": "Code Snippet Light 2026",
+          "description": "@scenerok/animations.code_snippet_light_2026() — code-snippet-light-2026 composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_light_2026",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_light_2026()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_light_2026.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-light-modern",
+          "title": "Code Snippet Light Modern",
+          "description": "@scenerok/animations.code_snippet_light_modern() — code-snippet-light-modern composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_light_modern",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_light_modern()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_light_modern.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-light-plus",
+          "title": "Code Snippet Light Plus",
+          "description": "@scenerok/animations.code_snippet_light_plus() — code-snippet-light-plus composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_light_plus",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_light_plus()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_light_plus.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-monokai",
+          "title": "Code Snippet Monokai",
+          "description": "@scenerok/animations.code_snippet_monokai() — code-snippet-monokai composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_monokai",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_monokai()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_monokai.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-solarized-light",
+          "title": "Code Snippet Solarized Light",
+          "description": "@scenerok/animations.code_snippet_solarized_light() — code-snippet-solarized-light composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_solarized_light",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_solarized_light()",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_snippet_solarized_light.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-visual-studio-dark",
+          "title": "Code Snippet Visual Studio Dark",
+          "description": "@scenerok/animations.code_snippet_visual_studio_dark() — code-snippet-visual-studio-dark composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_visual_studio_dark",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_visual_studio_dark()",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-snippet-visual-studio-light",
+          "title": "Code Snippet Visual Studio Light",
+          "description": "@scenerok/animations.code_snippet_visual_studio_light() — code-snippet-visual-studio-light composition.",
+          "examples": [
+            {
+              "id": "animations:code_snippet_visual_studio_light",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_snippet_visual_studio_light()",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "code-typing",
+          "title": "Code Typing",
+          "description": "@scenerok/animations.code_typing() — code-typing composition.",
+          "examples": [
+            {
+              "id": "animations:code_typing",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.code_typing(\"const app = 'scenerok'\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__code_typing.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "instagram-follow",
+          "title": "Instagram Follow",
+          "description": "@scenerok/animations.instagram_follow() — instagram-follow composition.",
+          "examples": [
+            {
+              "id": "animations:instagram_follow",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.instagram_follow(\"SceneRok\", \"@scenerok\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__instagram_follow.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "ios26-liquid-glass",
+          "title": "Ios26 Liquid Glass",
+          "description": "@scenerok/animations.ios26_liquid_glass() — ios26-liquid-glass composition.",
+          "examples": [
+            {
+              "id": "animations:ios26_liquid_glass",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.ios26_liquid_glass()",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "liquid-glass-context-menu",
+          "title": "Liquid Glass Context Menu",
+          "description": "@scenerok/animations.liquid_glass_context_menu() — liquid-glass-context-menu composition.",
+          "examples": [
+            {
+              "id": "animations:liquid_glass_context_menu",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.liquid_glass_context_menu(\"Sample\")",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "liquid-glass-media-controls",
+          "title": "Liquid Glass Media Controls",
+          "description": "@scenerok/animations.liquid_glass_media_controls() — liquid-glass-media-controls composition.",
+          "examples": [
+            {
+              "id": "animations:liquid_glass_media_controls",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.liquid_glass_media_controls(\"Sample\")",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "liquid-glass-notification",
+          "title": "Liquid Glass Notification",
+          "description": "@scenerok/animations.liquid_glass_notification() — liquid-glass-notification composition.",
+          "examples": [
+            {
+              "id": "animations:liquid_glass_notification",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.liquid_glass_notification(\"Jane Doe\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__liquid_glass_notification.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "liquid-glass-widgets",
+          "title": "Liquid Glass Widgets",
+          "description": "@scenerok/animations.liquid_glass_widgets() — liquid-glass-widgets composition.",
+          "examples": [
+            {
+              "id": "animations:liquid_glass_widgets",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.liquid_glass_widgets(\"Sample\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__liquid_glass_widgets.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "logo-outro",
+          "title": "Logo Outro",
+          "description": "@scenerok/animations.logo_outro() — logo-outro composition.",
+          "examples": [
+            {
+              "id": "animations:logo_outro",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.logo_outro(\"Make videos from text.\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__logo_outro.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lower-third",
+          "title": "Lower Third",
+          "description": "@scenerok/animations.lower_third() — lower-third composition.",
+          "examples": [
+            {
+              "id": "animations:lower_third",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lower_third(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lower_third.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lower-third-bild",
+          "title": "Lower Third Bild",
+          "description": "@scenerok/animations.lower_third_bild() — lower-third-bild composition.",
+          "examples": [
+            {
+              "id": "animations:lower_third_bild",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lower_third_bild(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lower_third_bild.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-accent-underline",
+          "title": "Lt Accent Underline",
+          "description": "@scenerok/animations.lt_accent_underline() — lt-accent-underline composition.",
+          "examples": [
+            {
+              "id": "animations:lt_accent_underline",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_accent_underline(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_accent_underline.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-bold-block",
+          "title": "Lt Bold Block",
+          "description": "@scenerok/animations.lt_bold_block() — lt-bold-block composition.",
+          "examples": [
+            {
+              "id": "animations:lt_bold_block",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_bold_block(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_bold_block.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-clean-bar",
+          "title": "Lt Clean Bar",
+          "description": "@scenerok/animations.lt_clean_bar() — lt-clean-bar composition.",
+          "examples": [
+            {
+              "id": "animations:lt_clean_bar",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_clean_bar(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_clean_bar.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-color-block",
+          "title": "Lt Color Block",
+          "description": "@scenerok/animations.lt_color_block() — lt-color-block composition.",
+          "examples": [
+            {
+              "id": "animations:lt_color_block",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_color_block(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_color_block.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-dark-card",
+          "title": "Lt Dark Card",
+          "description": "@scenerok/animations.lt_dark_card() — lt-dark-card composition.",
+          "examples": [
+            {
+              "id": "animations:lt_dark_card",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_dark_card(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_dark_card.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-kicker-name",
+          "title": "Lt Kicker Name",
+          "description": "@scenerok/animations.lt_kicker_name() — lt-kicker-name composition.",
+          "examples": [
+            {
+              "id": "animations:lt_kicker_name",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_kicker_name(\"Breaking\", \"Jane Doe\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_kicker_name.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-mask-reveal",
+          "title": "Lt Mask Reveal",
+          "description": "@scenerok/animations.lt_mask_reveal() — lt-mask-reveal composition.",
+          "examples": [
+            {
+              "id": "animations:lt_mask_reveal",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_mask_reveal(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_mask_reveal.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-side-rule",
+          "title": "Lt Side Rule",
+          "description": "@scenerok/animations.lt_side_rule() — lt-side-rule composition.",
+          "examples": [
+            {
+              "id": "animations:lt_side_rule",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_side_rule(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_side_rule.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-soft-pill",
+          "title": "Lt Soft Pill",
+          "description": "@scenerok/animations.lt_soft_pill() — lt-soft-pill composition.",
+          "examples": [
+            {
+              "id": "animations:lt_soft_pill",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_soft_pill(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__lt_soft_pill.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lt-stack-bars",
+          "title": "Lt Stack Bars",
+          "description": "@scenerok/animations.lt_stack_bars() — lt-stack-bars composition.",
+          "examples": [
+            {
+              "id": "animations:lt_stack_bars",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.lt_stack_bars(\"Jane Doe\", \"Engineer\")",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "macos-notification",
+          "title": "Macos Notification",
+          "description": "@scenerok/animations.macos_notification() — macos-notification composition.",
+          "examples": [
+            {
+              "id": "animations:macos_notification",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.macos_notification(\"SceneRok\", \"Jane Doe\", body: \"Shipped the catalog.\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__macos_notification.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "macos-tahoe-liquid-glass",
+          "title": "Macos Tahoe Liquid Glass",
+          "description": "@scenerok/animations.macos_tahoe_liquid_glass() — macos-tahoe-liquid-glass composition.",
+          "examples": [
+            {
+              "id": "animations:macos_tahoe_liquid_glass",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.macos_tahoe_liquid_glass(\"Sample\")",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "news-ticker",
+          "title": "News Ticker",
+          "description": "@scenerok/animations.news_ticker() — news-ticker composition.",
+          "examples": [
+            {
+              "id": "animations:news_ticker",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.news_ticker(\"Tech Desk\", time: \"15:30 UTC\", headline: \"SceneRok ships\", headlineAccent: \"catalog live\", ticker: \"Copy any snippet to the editor\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__news_ticker.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "reddit-post",
+          "title": "Reddit Post",
+          "description": "@scenerok/animations.reddit_post() — reddit-post composition.",
+          "examples": [
+            {
+              "id": "animations:reddit_post",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.reddit_post(\"scenerok\", \"Jane Doe\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__reddit_post.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "spotify-card",
+          "title": "Spotify Card",
+          "description": "@scenerok/animations.spotify_card() — spotify-card composition.",
+          "examples": [
+            {
+              "id": "animations:spotify_card",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.spotify_card(\"HyperFrames\", \"SceneRok\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__spotify_card.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "tiktok-follow",
+          "title": "Tiktok Follow",
+          "description": "@scenerok/animations.tiktok_follow() — tiktok-follow composition.",
+          "examples": [
+            {
+              "id": "animations:tiktok_follow",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.tiktok_follow(\"SceneRok\", \"@scenerok\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__tiktok_follow.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "ui-3d-reveal",
+          "title": "Ui 3d Reveal",
+          "description": "@scenerok/animations.ui_3d_reveal() — ui-3d-reveal composition.",
+          "examples": [
+            {
+              "id": "animations:ui_3d_reveal",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.ui_3d_reveal(\"Sample\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__ui_3d_reveal.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "vfx-iphone-device",
+          "title": "Vfx Iphone Device",
+          "description": "@scenerok/animations.vfx_iphone_device() — vfx-iphone-device composition.",
+          "examples": [
+            {
+              "id": "animations:vfx_iphone_device",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.vfx_iphone_device(\"Sample\")",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "vpn-youtube-spot",
+          "title": "Vpn Youtube Spot",
+          "description": "@scenerok/animations.vpn_youtube_spot() — vpn-youtube-spot composition.",
+          "examples": [
+            {
+              "id": "animations:vpn_youtube_spot",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.vpn_youtube_spot(\"Sample\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__vpn_youtube_spot.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "x-post",
+          "title": "X Post",
+          "description": "@scenerok/animations.x_post() — x-post composition.",
+          "examples": [
+            {
+              "id": "animations:x_post",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.x_post(\"SceneRok\", \"@scenerok\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__x_post.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "yt-lower-third",
+          "title": "Yt Lower Third",
+          "description": "@scenerok/animations.yt_lower_third() — yt-lower-third composition.",
+          "examples": [
+            {
+              "id": "animations:yt_lower_third",
+              "title": "Default",
+              "description": "3s sample at 720×1280.",
+              "durationSeconds": 3,
+              "vidscript": "import animations from \"@scenerok/animations\"\n\n[0s .. 3s] = animations.yt_lower_third(\"SceneRok\", \"12K\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/animations__yt_lower_third.mp4",
+              "posterUrl": null
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "transitions",
+      "title": "Transitions",
+      "description": "All @scenerok/transitions GL blend shaders between prerendered catalog MP4 clips.",
+      "items": [
+        {
+          "id": "blur",
+          "title": "Blur",
+          "description": "tr.blur() — blur GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:blur",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.blur()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__blur.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "burn",
+          "title": "Burn",
+          "description": "tr.burn() — burn GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:burn",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.burn()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__burn.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "chromatic-split",
+          "title": "Chromatic Split",
+          "description": "tr.chromatic_split() — chromatic_split GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:chromatic_split",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.chromatic_split()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__chromatic_split.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "cinematic-zoom",
+          "title": "Cinematic Zoom",
+          "description": "tr.cinematic_zoom() — cinematic_zoom GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:cinematic_zoom",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.cinematic_zoom()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__cinematic_zoom.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "cover",
+          "title": "Cover",
+          "description": "tr.cover() — cover GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:cover",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.cover(direction: \"up\")\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__cover.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "cube",
+          "title": "Cube",
+          "description": "tr.cube() — cube GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:cube",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.cube()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__cube.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "destruction",
+          "title": "Destruction",
+          "description": "tr.destruction() — destruction GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:destruction",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.destruction()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__destruction.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "dissolve",
+          "title": "Dissolve",
+          "description": "tr.dissolve() — dissolve GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:dissolve",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.dissolve()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__dissolve.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/transitions__dissolve.jpg"
+            }
+          ]
+        },
+        {
+          "id": "distortion",
+          "title": "Distortion",
+          "description": "tr.distortion() — distortion GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:distortion",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.distortion()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__distortion.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "domain-warp",
+          "title": "Domain Warp",
+          "description": "tr.domain_warp() — domain_warp GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:domain_warp",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.domain_warp()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__domain_warp.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "flash",
+          "title": "Flash",
+          "description": "tr.flash() — flash GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:flash",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.flash()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__flash.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "glitch",
+          "title": "Glitch",
+          "description": "tr.glitch() — glitch GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:glitch",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.glitch()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__glitch.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "grid",
+          "title": "Grid",
+          "description": "tr.grid() — grid GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:grid",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.grid()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__grid.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "iris",
+          "title": "Iris",
+          "description": "tr.iris() — iris GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:iris",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.iris()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__iris.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "lens",
+          "title": "Lens",
+          "description": "tr.lens() — lens GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:lens",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.lens()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__lens.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "light",
+          "title": "Light",
+          "description": "tr.light() — light GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:light",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.light()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__light.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "light-leak",
+          "title": "Light Leak",
+          "description": "tr.light_leak() — light_leak GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:light_leak",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.light_leak()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__light_leak.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "liquid",
+          "title": "Liquid",
+          "description": "tr.liquid() — liquid GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:liquid",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.liquid()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__liquid.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "mechanical",
+          "title": "Mechanical",
+          "description": "tr.mechanical() — mechanical GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:mechanical",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.mechanical()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__mechanical.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "push",
+          "title": "Push",
+          "description": "tr.push() — push GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:push",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.push(direction: \"left\")\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__push.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "radial",
+          "title": "Radial",
+          "description": "tr.radial() — radial GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:radial",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.radial()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__radial.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "ripple",
+          "title": "Ripple",
+          "description": "tr.ripple() — ripple GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:ripple",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.ripple()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__ripple.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "scale",
+          "title": "Scale",
+          "description": "tr.scale() — scale GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:scale",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.scale()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__scale.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "shatter",
+          "title": "Shatter",
+          "description": "tr.shatter() — shatter GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:shatter",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.shatter()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__shatter.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "swirl",
+          "title": "Swirl",
+          "description": "tr.swirl() — swirl GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:swirl",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.swirl()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__swirl.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "thermal",
+          "title": "Thermal",
+          "description": "tr.thermal() — thermal GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:thermal",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline-center.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.thermal()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__thermal.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "warp-morph",
+          "title": "Warp Morph",
+          "description": "tr.warp_morph() — warp_morph GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:warp_morph",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__typewriter.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/animations__code-typing.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.warp_morph()\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__warp_morph.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "whip-pan",
+          "title": "Whip Pan",
+          "description": "tr.whip_pan() — whip_pan GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:whip_pan",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/text-styles__motion-fade.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__hero-headline.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.whip_pan(direction: \"left\")\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__whip_pan.mp4",
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "wipe",
+          "title": "Wipe",
+          "description": "tr.wipe() — wipe GL blend shader.",
+          "examples": [
+            {
+              "id": "transitions:wipe",
+              "title": "Default",
+              "description": "0.30000000000000004s transition in a 3s sample.",
+              "durationSeconds": 3,
+              "vidscript": "import tr from \"@scenerok/transitions\"\n\ninput clipA = \"https://assets-public.scenerok.com/catalog/animations__blend-caption.mp4\"\ninput clipB = \"https://assets-public.scenerok.com/catalog/text-styles__motion-pop-float.mp4\"\n\n[0s .. 1.2s]      = video clipA\n[1.2s .. 1.5s] = tr.wipe(direction: \"right\")\n[1.5s .. 3s] = video clipB",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/transitions__wipe.mp4",
+              "posterUrl": null
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tts",
+      "title": "Text-to-Speech",
+      "description": "Voice-over audio via the x.ai TTS plugin.",
+      "items": [
+        {
+          "id": "energetic-vo",
+          "title": "Energetic voice-over",
+          "description": "Higher-energy delivery for hooks and CTAs.",
+          "examples": [
+            {
+              "id": "tts:energetic-vo-hype",
+              "title": "Leo — launch",
+              "description": "Product launch energy.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[0s .. 3s] = text \"GO.\", font: \"Inter Black\", size: 240, color: \"#FF3B3B\", align: \"center\"\n[0s .. 3s] = audio xai.tts(\"Ship it. Right now.\", voice: \"leo\")",
+              "mp4Url": null,
+              "posterUrl": null
+            },
+            {
+              "id": "tts:energetic-vo",
+              "title": "Rex — countdown",
+              "description": "Punchy three-beat hook.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[0s .. 3s] = text \"Drop it.\", font: \"Inter Black\", size: 198, color: \"#FFD23F\", align: \"center\"\n[0s .. 3s] = audio xai.tts(\"Three. Two. One. Drop it.\", voice: \"rex\")",
+              "mp4Url": null,
+              "posterUrl": null
+            }
+          ]
+        },
+        {
+          "id": "narrator",
+          "title": "Narrator voice",
+          "description": "Calm narration over a styled text card.",
+          "examples": [
+            {
+              "id": "tts:narrator-calm",
+              "title": "Ara — short line",
+              "description": "Single sentence under a headline.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[0s .. 3s] = text \"Listen.\", font: \"Inter\", size: 120, color: \"#9FB6FF\", align: \"center\"\n[0s .. 3s] = audio xai.tts(\"One line of voice-over, baked into the mix.\", voice: \"ara\")",
+              "mp4Url": null,
+              "posterUrl": null
+            },
+            {
+              "id": "tts:narrator",
+              "title": "Eve — narrative",
+              "description": "Long-form explanatory copy.",
+              "durationSeconds": 3,
+              "vidscript": "import xai from \"@scenerok/xai\"\n\n[0s .. 3s] = text \"Voice from text.\", font: \"Inter Bold\", size: 64, color: \"#FFFFFF\", align: \"center\"\n[0s .. 3s] = audio xai.tts(\"Vidscript turns plain text into a fully rendered video. No timeline editing required.\", voice: \"eve\")",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/tts__narrator.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/tts__narrator.jpg"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "music",
+      "title": "Music",
+      "description": "Generative soundtrack via @elevenlabs/music.",
+      "items": [
+        {
+          "id": "ambient-cinematic",
+          "title": "Ambient cinematic",
+          "description": "Calmer padscape for emotional or documentary copy.",
+          "examples": [
+            {
+              "id": "music:ambient-cinematic-drone",
+              "title": "Drone underscore",
+              "description": "Darker, minimal bed.",
+              "durationSeconds": 3,
+              "vidscript": "import eleven from \"@elevenlabs/music\"\n\n[0s .. 3s] = text \"drift\", font: \"Inter\", size: 120, color: \"#6B7280\", align: \"center\", letter_spacing: 12\n[0s .. 3s] = audio eleven.music(\"dark ambient drone, minimal, cinematic tension, no percussion\", duration: 3, force_instrumental: true)",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/music__ambient-cinematic-drone.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/music__ambient-cinematic-drone.jpg"
+            },
+            {
+              "id": "music:ambient-cinematic",
+              "title": "Padscape",
+              "description": "Slow-evolving ambient under a title.",
+              "durationSeconds": 3,
+              "vidscript": "import eleven from \"@elevenlabs/music\"\n\n[0s .. 3s] = text \"ambient\", font: \"Inter\", size: 140, color: \"#9FB6FF\", align: \"center\", letter_spacing: 8\n[0s .. 3s] = audio eleven.music(\"ambient cinematic padscape, slow evolving, contemplative\", duration: 3, force_instrumental: true)",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/music__ambient-cinematic.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/music__ambient-cinematic.jpg"
+            }
+          ]
+        },
+        {
+          "id": "upbeat-corporate",
+          "title": "Upbeat corporate",
+          "description": "eleven.music() with a short instrumental prompt.",
+          "examples": [
+            {
+              "id": "music:upbeat-corporate-short",
+              "title": "4 s sting",
+              "description": "Shorter duration for bumpers.",
+              "durationSeconds": 3,
+              "vidscript": "import eleven from \"@elevenlabs/music\"\n\n[0s .. 3s] = text \"▶\", font: \"Inter Black\", size: 200, color: \"#FFD23F\", align: \"center\"\n[0s .. 3s] = audio eleven.music(\"short upbeat logo sting, claps, bright\", duration: 3, force_instrumental: true)",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/music__upbeat-corporate-short.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/music__upbeat-corporate-short.jpg"
+            },
+            {
+              "id": "music:upbeat-corporate",
+              "title": "Bright brand cue",
+              "description": "duration: 3, force_instrumental: true.",
+              "durationSeconds": 3,
+              "vidscript": "import eleven from \"@elevenlabs/music\"\n\n[0s .. 3s] = text \"UPBEAT\", font: \"Inter Black\", size: 180, color: \"#FFFFFF\", align: \"center\"\n[0s .. 3s] = audio eleven.music(\"uplifting corporate brand cue, claps, bright synth, optimistic\", duration: 3, force_instrumental: true)",
+              "mp4Url": "https://assets-public.scenerok.com/catalog/music__upbeat-corporate.mp4",
+              "posterUrl": "https://assets-public.scenerok.com/catalog/posters/music__upbeat-corporate.jpg"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}