feat(registry): add html-in-canvas tag to all VFX and caption blocks

All 12 blocks now share the 'html-in-canvas' tag, enabling:

  hyperframes add --tag html-in-canvas

This installs all VFX + caption blocks in one command.

registry/blocks/captions-bounce/registry-item.json

@@ -2,13 +2,24 @@
   "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
   "name": "captions-bounce",
   "type": "hyperframes:block",
-  "title": "Captions – Bounce",
+  "title": "Captions \u2013 Bounce",
   "description": "Playful social-media style captions with elastic bounce-in per word on alternating colorful pill backgrounds",
   "stability": "stable",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 13,
-  "tags": ["captions", "bounce"],
+  "tags": [
+    "html-in-canvas",
+    "captions",
+    "bounce"
+  ],
   "files": [
-    { "path": "captions-bounce.html", "target": "compositions/captions-bounce.html", "type": "hyperframes:composition" }
+    {
+      "path": "captions-bounce.html",
+      "target": "compositions/captions-bounce.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/captions-cinematic/registry-item.json

@@ -2,13 +2,24 @@
   "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
   "name": "captions-cinematic",
   "type": "hyperframes:block",
-  "title": "Captions – Cinematic",
+  "title": "Captions \u2013 Cinematic",
   "description": "Elegant film-title captions with slow fade, letter-spacing animation, warm tint, and extending horizontal accent line",
   "stability": "stable",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 13,
-  "tags": ["captions", "cinematic"],
+  "tags": [
+    "html-in-canvas",
+    "captions",
+    "cinematic"
+  ],
   "files": [
-    { "path": "captions-cinematic.html", "target": "compositions/captions-cinematic.html", "type": "hyperframes:composition" }
+    {
+      "path": "captions-cinematic.html",
+      "target": "compositions/captions-cinematic.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/captions-karaoke/registry-item.json

@@ -2,13 +2,24 @@
   "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
   "name": "captions-karaoke",
   "type": "hyperframes:block",
-  "title": "Captions – Karaoke",
+  "title": "Captions \u2013 Karaoke",
   "description": "Word-by-word color reveal with frosted glass pill background, dimmed-to-highlighted karaoke progression",
   "stability": "stable",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 13,
-  "tags": ["captions", "karaoke"],
+  "tags": [
+    "html-in-canvas",
+    "captions",
+    "karaoke"
+  ],
   "files": [
-    { "path": "captions-karaoke.html", "target": "compositions/captions-karaoke.html", "type": "hyperframes:composition" }
+    {
+      "path": "captions-karaoke.html",
+      "target": "compositions/captions-karaoke.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/captions-minimal/registry-item.json

@@ -2,13 +2,24 @@
   "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
   "name": "captions-minimal",
   "type": "hyperframes:block",
-  "title": "Captions – Minimal",
+  "title": "Captions \u2013 Minimal",
   "description": "Clean, professional Netflix-subtitle style captions with soft fade and y-offset on a dark pill background",
   "stability": "stable",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 13,
-  "tags": ["captions", "minimal"],
+  "tags": [
+    "html-in-canvas",
+    "captions",
+    "minimal"
+  ],
   "files": [
-    { "path": "captions-minimal.html", "target": "compositions/captions-minimal.html", "type": "hyperframes:composition" }
+    {
+      "path": "captions-minimal.html",
+      "target": "compositions/captions-minimal.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/captions-slam/registry-item.json

@@ -2,13 +2,24 @@
   "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
   "name": "captions-slam",
   "type": "hyperframes:block",
-  "title": "Captions – Slam",
+  "title": "Captions \u2013 Slam",
   "description": "Bold, punchy slam captions with back-eased overshoot scale-in, uppercase Inter 900, and per-word accent styling",
   "stability": "stable",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 13,
-  "tags": ["captions", "slam"],
+  "tags": [
+    "html-in-canvas",
+    "captions",
+    "slam"
+  ],
   "files": [
-    { "path": "captions-slam.html", "target": "compositions/captions-slam.html", "type": "hyperframes:composition" }
+    {
+      "path": "captions-slam.html",
+      "target": "compositions/captions-slam.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/vfx-iphone-device/registry-item.json

@@ -3,14 +3,22 @@
   "name": "vfx-iphone-device",
   "type": "hyperframes:block",
   "title": "iPhone & MacBook 3D Showcase",
-  "description": "Real GLTF iPhone 15 Pro Max and MacBook Pro models with live HTML-in-Canvas screen content, morphing glass lens, product review camera choreography, and 360° turntable.",
+  "description": "Real GLTF iPhone 15 Pro Max and MacBook Pro models with live HTML-in-Canvas screen content, morphing glass lens, product review camera choreography, and 360\u00b0 turntable.",
   "stability": "experimental",
   "dimensions": {
     "width": 1920,
     "height": 1080
   },
   "duration": 15,
-  "tags": ["vfx", "3d", "device", "iphone", "macbook", "gltf", "html-in-canvas"],
+  "tags": [
+    "html-in-canvas",
+    "vfx",
+    "3d",
+    "device",
+    "iphone",
+    "macbook",
+    "gltf"
+  ],
   "files": [
     {
       "path": "vfx-iphone-device.html",
@@ -38,4 +46,4 @@
       "type": "asset"
     }
   ]
-}
+}

registry/blocks/vfx-liquid-background/registry-item.json

@@ -10,7 +10,14 @@
     "height": 1080
   },
   "duration": 12,
-  "tags": ["vfx", "liquid", "webgl", "displacement", "background"],
+  "tags": [
+    "html-in-canvas",
+    "vfx",
+    "liquid",
+    "webgl",
+    "displacement",
+    "background"
+  ],
   "files": [
     {
       "path": "vfx-liquid-background.html",
@@ -18,4 +25,4 @@
       "type": "hyperframes:composition"
     }
   ]
-}
+}

registry/blocks/vfx-liquid-glass/registry-item.json

@@ -5,10 +5,21 @@
   "title": "Liquid Glass",
   "description": "VFX composition block",
   "stability": "experimental",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 20,
-  "tags": ["vfx", "html-in-canvas", "webgl"],
+  "tags": [
+    "vfx",
+    "html-in-canvas",
+    "webgl"
+  ],
   "files": [
-    { "path": "vfx-liquid-glass.html", "target": "compositions/vfx-liquid-glass.html", "type": "hyperframes:composition" }
+    {
+      "path": "vfx-liquid-glass.html",
+      "target": "compositions/vfx-liquid-glass.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/vfx-magnetic/registry-item.json

@@ -5,10 +5,21 @@
   "title": "Magnetic",
   "description": "VFX composition block",
   "stability": "experimental",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 15,
-  "tags": ["vfx", "html-in-canvas", "webgl"],
+  "tags": [
+    "vfx",
+    "html-in-canvas",
+    "webgl"
+  ],
   "files": [
-    { "path": "vfx-magnetic.html", "target": "compositions/vfx-magnetic.html", "type": "hyperframes:composition" }
+    {
+      "path": "vfx-magnetic.html",
+      "target": "compositions/vfx-magnetic.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/vfx-portal/registry-item.json

@@ -5,10 +5,21 @@
   "title": "Portal",
   "description": "VFX composition block",
   "stability": "experimental",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 10,
-  "tags": ["vfx", "html-in-canvas", "webgl"],
+  "tags": [
+    "vfx",
+    "html-in-canvas",
+    "webgl"
+  ],
   "files": [
-    { "path": "vfx-portal.html", "target": "compositions/vfx-portal.html", "type": "hyperframes:composition" }
+    {
+      "path": "vfx-portal.html",
+      "target": "compositions/vfx-portal.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/vfx-shatter/registry-item.json

@@ -5,10 +5,21 @@
   "title": "Shatter",
   "description": "VFX composition block",
   "stability": "experimental",
-  "dimensions": { "width": 1920, "height": 1080 },
+  "dimensions": {
+    "width": 1920,
+    "height": 1080
+  },
   "duration": 12,
-  "tags": ["vfx", "html-in-canvas", "webgl"],
+  "tags": [
+    "vfx",
+    "html-in-canvas",
+    "webgl"
+  ],
   "files": [
-    { "path": "vfx-shatter.html", "target": "compositions/vfx-shatter.html", "type": "hyperframes:composition" }
+    {
+      "path": "vfx-shatter.html",
+      "target": "compositions/vfx-shatter.html",
+      "type": "hyperframes:composition"
+    }
   ]
-}
+}

registry/blocks/vfx-text-cursor/registry-item.json

@@ -10,7 +10,14 @@
     "height": 1080
   },
   "duration": 8,
-  "tags": ["vfx", "text", "shader", "cursor", "chromatic"],
+  "tags": [
+    "html-in-canvas",
+    "vfx",
+    "text",
+    "shader",
+    "cursor",
+    "chromatic"
+  ],
   "files": [
     {
       "path": "vfx-text-cursor.html",
@@ -18,4 +25,4 @@
       "type": "hyperframes:composition"
     }
   ]
-}
+}