shaders 2.2.1 → 2.2.3

package/dist/registry.js

@@ -4,11 +4,14 @@
 export const shaderRegistry = [
   {
     "name": "AngularBlur",
-    "fileName": "AngularBlur",
     "category": "Blurs",
+    "description": "Radial motion blur rotating around a center point",
+    "fileName": "AngularBlur",
+    "requiresChild": true,
     "definition": {
       "name": "AngularBlur",
       "category": "Blurs",
+      "description": "Radial motion blur rotating around a center point",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -63,11 +66,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Ascii",
+    "category": "Stylize",
+    "description": "Convert imagery to ASCII character art",
     "fileName": "Ascii",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Ascii",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Convert imagery to ASCII character art",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -214,11 +220,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Blob",
+    "category": "Base Layers",
+    "description": "Organic animated blob with 3D lighting and gradients",
     "fileName": "Blob",
-    "category": "Organic",
     "definition": {
       "name": "Blob",
-      "category": "Organic",
+      "category": "Base Layers",
+      "description": "Organic animated blob with 3D lighting and gradients",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -540,11 +548,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Blur",
-    "fileName": "Blur",
     "category": "Blurs",
+    "description": "A simple Gaussian blur effect",
+    "fileName": "Blur",
+    "requiresChild": true,
     "definition": {
       "name": "Blur",
       "category": "Blurs",
+      "description": "A simple Gaussian blur effect",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -577,11 +588,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Bulge",
-    "fileName": "Bulge",
     "category": "Distortions",
+    "description": "Magnify or pinch content around a center point",
+    "fileName": "Bulge",
+    "requiresChild": true,
     "definition": {
       "name": "Bulge",
       "category": "Distortions",
+      "description": "Magnify or pinch content around a center point",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -732,11 +746,14 @@ export const shaderRegistry = [
   },
   {
     "name": "ChannelBlur",
-    "fileName": "ChannelBlur",
     "category": "Blurs",
+    "description": "Independent blur for red, green, and blue channels",
+    "fileName": "ChannelBlur",
+    "requiresChild": true,
     "definition": {
       "name": "ChannelBlur",
       "category": "Blurs",
+      "description": "Independent blur for red, green, and blue channels",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -813,11 +830,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Checkerboard",
+    "category": "Base Layers",
+    "description": "Classic checkerboard pattern with two alternating colors",
     "fileName": "Checkerboard",
-    "category": "Shapes & Masks",
     "definition": {
       "name": "Checkerboard",
-      "category": "Shapes & Masks",
+      "category": "Base Layers",
+      "description": "Classic checkerboard pattern with two alternating colors",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -947,11 +966,13 @@ export const shaderRegistry = [
   },
   {
     "name": "ChromaFlow",
-    "fileName": "ChromaFlow",
     "category": "Interactive",
+    "description": "Interactive liquid flow effect that follows your cursor",
+    "fileName": "ChromaFlow",
     "definition": {
       "name": "ChromaFlow",
       "category": "Interactive",
+      "description": "Interactive liquid flow effect that follows your cursor",
       "props": {
         "baseColor": {
           "default": "#0066ff",
@@ -1106,11 +1127,14 @@ export const shaderRegistry = [
   },
   {
     "name": "ChromaticAberration",
+    "category": "Stylize",
+    "description": "Separate RGB channels for a prismatic distortion effect",
     "fileName": "ChromaticAberration",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "ChromaticAberration",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Separate RGB channels for a prismatic distortion effect",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -1231,11 +1255,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Circle",
+    "category": "Base Layers",
+    "description": "Generate a circle with adjustable size and softness",
     "fileName": "Circle",
-    "category": "Shapes & Masks",
     "definition": {
       "name": "Circle",
-      "category": "Shapes & Masks",
+      "category": "Base Layers",
+      "description": "Generate a circle with adjustable size and softness",
       "acceptsUVContext": true,
       "props": {
         "color": {
@@ -1327,11 +1353,14 @@ export const shaderRegistry = [
   },
   {
     "name": "CRTScreen",
+    "category": "Stylize",
+    "description": "Retro CRT monitor simulation with scanlines",
     "fileName": "CRTScreen",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "CRTScreen",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Retro CRT monitor simulation with scanlines",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -1474,11 +1503,13 @@ export const shaderRegistry = [
   },
   {
     "name": "CursorTrail",
-    "fileName": "CursorTrail",
     "category": "Interactive",
+    "description": "Animated trail effect that tracks cursor movement",
+    "fileName": "CursorTrail",
     "definition": {
       "name": "CursorTrail",
       "category": "Interactive",
+      "description": "Animated trail effect that tracks cursor movement",
       "props": {
         "colorA": {
           "default": "#00aaff",
@@ -1629,11 +1660,14 @@ export const shaderRegistry = [
   },
   {
     "name": "DiffuseBlur",
-    "fileName": "DiffuseBlur",
     "category": "Blurs",
+    "description": "Soft focus blur using stochastic sampling",
+    "fileName": "DiffuseBlur",
+    "requiresChild": true,
     "definition": {
       "name": "DiffuseBlur",
       "category": "Blurs",
+      "description": "Soft focus blur using stochastic sampling",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -1666,11 +1700,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Dither",
+    "category": "Stylize",
+    "description": "Bayer matrix dithering to reduce colors",
     "fileName": "Dither",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Dither",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Bayer matrix dithering to reduce colors",
       "requiresChild": true,
       "props": {
         "pixelSize": {
@@ -1756,11 +1793,13 @@ export const shaderRegistry = [
   },
   {
     "name": "DotGrid",
+    "category": "Base Layers",
+    "description": "Grid of dots with optional twinkling animation",
     "fileName": "DotGrid",
-    "category": "Shapes & Masks",
     "definition": {
       "name": "DotGrid",
-      "category": "Shapes & Masks",
+      "category": "Base Layers",
+      "description": "Grid of dots with optional twinkling animation",
       "acceptsUVContext": true,
       "props": {
         "color": {
@@ -1852,11 +1891,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Duotone",
+    "category": "Adjustments",
+    "description": "Map colors to two tones based on luminance",
     "fileName": "Duotone",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Duotone",
-      "category": "Effects",
+      "category": "Adjustments",
+      "description": "Map colors to two tones based on luminance",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -1965,11 +2007,14 @@ export const shaderRegistry = [
   },
   {
     "name": "FilmGrain",
+    "category": "Stylize",
+    "description": "Analog film grain texture overlay",
     "fileName": "FilmGrain",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "FilmGrain",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Analog film grain texture overlay",
       "requiresChild": true,
       "acceptsUVContext": true,
       "props": {
@@ -2002,11 +2047,13 @@ export const shaderRegistry = [
   },
   {
     "name": "FloatingParticles",
+    "category": "Base Layers",
+    "description": "Animated floating particles with twinkle effects",
     "fileName": "FloatingParticles",
-    "category": "Effects",
     "definition": {
       "name": "FloatingParticles",
-      "category": "Effects",
+      "category": "Base Layers",
+      "description": "Animated floating particles with twinkle effects",
       "requiresRTT": false,
       "acceptsUVContext": true,
       "props": {
@@ -2253,11 +2300,14 @@ export const shaderRegistry = [
   },
   {
     "name": "GlassTiles",
-    "fileName": "GlassTiles",
     "category": "Distortions",
+    "description": "Refraction-like distortion in a tile grid pattern",
+    "fileName": "GlassTiles",
+    "requiresChild": true,
     "definition": {
       "name": "GlassTiles",
       "category": "Distortions",
+      "description": "Refraction-like distortion in a tile grid pattern",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -2312,11 +2362,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Glow",
+    "category": "Stylize",
+    "description": "Soft glow effect with adjustable intensity",
     "fileName": "Glow",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Glow",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Soft glow effect with adjustable intensity",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -2393,11 +2446,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Godrays",
+    "category": "Base Layers",
+    "description": "Volumetric light rays emanating from a point",
     "fileName": "Godrays",
-    "category": "Effects",
     "definition": {
       "name": "Godrays",
-      "category": "Effects",
+      "category": "Base Layers",
+      "description": "Volumetric light rays emanating from a point",
       "requiresRTT": false,
       "acceptsUVContext": true,
       "props": {
@@ -2550,11 +2605,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Grayscale",
+    "category": "Adjustments",
+    "description": "Convert colors to black and white",
     "fileName": "Grayscale",
-    "category": "Color Adjustments",
+    "requiresChild": true,
     "definition": {
       "name": "Grayscale",
-      "category": "Color Adjustments",
+      "category": "Adjustments",
+      "description": "Convert colors to black and white",
       "requiresChild": true,
       "props": {}
     },
@@ -2562,11 +2620,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Grid",
+    "category": "Base Layers",
+    "description": "Simple grid lines pattern with adjustable thickness",
     "fileName": "Grid",
-    "category": "Shapes & Masks",
     "definition": {
       "name": "Grid",
-      "category": "Shapes & Masks",
+      "category": "Base Layers",
+      "description": "Simple grid lines pattern with adjustable thickness",
       "acceptsUVContext": true,
       "props": {
         "color": {
@@ -2636,11 +2696,14 @@ export const shaderRegistry = [
   },
   {
     "name": "GridDistortion",
-    "fileName": "GridDistortion",
     "category": "Interactive",
+    "description": "Interactive grid distortion controlled by mouse position",
+    "fileName": "GridDistortion",
+    "requiresChild": true,
     "definition": {
       "name": "GridDistortion",
       "category": "Interactive",
+      "description": "Interactive grid distortion controlled by mouse position",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -2813,11 +2876,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Group",
+    "category": "Utilities",
+    "description": "Container for organizing and composing child effects",
     "fileName": "Group",
-    "category": "Layout",
+    "requiresChild": true,
     "definition": {
       "name": "Group",
-      "category": "Layout",
+      "category": "Utilities",
+      "description": "Container for organizing and composing child effects",
       "requiresChild": true,
       "props": {}
     },
@@ -2825,11 +2891,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Halftone",
+    "category": "Stylize",
+    "description": "Halftone dot pattern effect for printing aesthetics",
     "fileName": "Halftone",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Halftone",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Halftone dot pattern effect for printing aesthetics",
       "requiresChild": true,
       "props": {
         "frequency": {
@@ -2905,11 +2974,14 @@ export const shaderRegistry = [
   },
   {
     "name": "HueShift",
+    "category": "Adjustments",
+    "description": "Rotate hue around the color wheel",
     "fileName": "HueShift",
-    "category": "Color Adjustments",
+    "requiresChild": true,
     "definition": {
       "name": "HueShift",
-      "category": "Color Adjustments",
+      "category": "Adjustments",
+      "description": "Rotate hue around the color wheel",
       "requiresChild": true,
       "props": {
         "shift": {
@@ -2941,15 +3013,17 @@ export const shaderRegistry = [
   },
   {
     "name": "ImageTexture",
+    "category": "Base Layers",
+    "description": "Display an image with customizable object-fit modes",
     "fileName": "ImageTexture",
-    "category": "Sources",
     "definition": {
       "name": "ImageTexture",
-      "category": "Sources",
+      "category": "Base Layers",
+      "description": "Display an image with customizable object-fit modes",
       "acceptsUVContext": true,
       "props": {
         "url": {
-          "default": "https://shaders.com/og.png",
+          "default": "https://shaders.com/sample.jpg",
           "description": "Upload an image or provide a URL",
           "ui": {
             "type": "image-upload",
@@ -2994,7 +3068,7 @@ export const shaderRegistry = [
           "type": "image-upload",
           "label": "Image"
         },
-        "default": "https://shaders.com/og.png",
+        "default": "https://shaders.com/sample.jpg",
         "description": "Upload an image or provide a URL"
       },
       "objectFit": {
@@ -3031,11 +3105,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Invert",
+    "category": "Adjustments",
+    "description": "Invert RGB colors while preserving alpha",
     "fileName": "Invert",
-    "category": "Color Adjustments",
+    "requiresChild": true,
     "definition": {
       "name": "Invert",
-      "category": "Color Adjustments",
+      "category": "Adjustments",
+      "description": "Invert RGB colors while preserving alpha",
       "requiresChild": true,
       "props": {}
     },
@@ -3043,11 +3120,14 @@ export const shaderRegistry = [
   },
   {
     "name": "LinearBlur",
-    "fileName": "LinearBlur",
     "category": "Blurs",
+    "description": "Directional motion blur in a specific angle",
+    "fileName": "LinearBlur",
+    "requiresChild": true,
     "definition": {
       "name": "LinearBlur",
       "category": "Blurs",
+      "description": "Directional motion blur in a specific angle",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -3102,11 +3182,13 @@ export const shaderRegistry = [
   },
   {
     "name": "LinearGradient",
+    "category": "Base Layers",
+    "description": "Create smooth linear color gradients",
     "fileName": "LinearGradient",
-    "category": "Gradients & Colors",
     "definition": {
       "name": "LinearGradient",
-      "category": "Gradients & Colors",
+      "category": "Base Layers",
+      "description": "Create smooth linear color gradients",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -3310,11 +3392,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Liquify",
-    "fileName": "Liquify",
     "category": "Interactive",
+    "description": "Liquid-like interactive deformation effect",
+    "fileName": "Liquify",
+    "requiresChild": true,
     "definition": {
       "name": "Liquify",
       "category": "Interactive",
+      "description": "Liquid-like interactive deformation effect",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -3465,11 +3550,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Pixelate",
+    "category": "Stylize",
+    "description": "Pixelation effect with adjustable cell size",
     "fileName": "Pixelate",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Pixelate",
-      "category": "Effects",
+      "category": "Stylize",
+      "description": "Pixelation effect with adjustable cell size",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -3502,11 +3590,14 @@ export const shaderRegistry = [
   },
   {
     "name": "PolarCoordinates",
-    "fileName": "PolarCoordinates",
     "category": "Distortions",
+    "description": "Convert rectangular coordinates to polar space",
+    "fileName": "PolarCoordinates",
+    "requiresChild": true,
     "definition": {
       "name": "PolarCoordinates",
       "category": "Distortions",
+      "description": "Convert rectangular coordinates to polar space",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -3657,11 +3748,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Posterize",
+    "category": "Adjustments",
+    "description": "Reduce color depth to create a poster effect",
     "fileName": "Posterize",
-    "category": "Color Adjustments",
+    "requiresChild": true,
     "definition": {
       "name": "Posterize",
-      "category": "Color Adjustments",
+      "category": "Adjustments",
+      "description": "Reduce color depth to create a poster effect",
       "requiresChild": true,
       "props": {
         "intensity": {
@@ -3693,11 +3787,14 @@ export const shaderRegistry = [
   },
   {
     "name": "ProgressiveBlur",
-    "fileName": "ProgressiveBlur",
     "category": "Blurs",
+    "description": "Blur that increases progressively in one direction",
+    "fileName": "ProgressiveBlur",
+    "requiresChild": true,
     "definition": {
       "name": "ProgressiveBlur",
       "category": "Blurs",
+      "description": "Blur that increases progressively in one direction",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -3796,11 +3893,13 @@ export const shaderRegistry = [
   },
   {
     "name": "RadialGradient",
+    "category": "Base Layers",
+    "description": "Radial gradient radiating from a center point",
     "fileName": "RadialGradient",
-    "category": "Gradients & Colors",
     "definition": {
       "name": "RadialGradient",
-      "category": "Gradients & Colors",
+      "category": "Base Layers",
+      "description": "Radial gradient radiating from a center point",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -3930,11 +4029,14 @@ export const shaderRegistry = [
   },
   {
     "name": "RectangularCoordinates",
-    "fileName": "RectangularCoordinates",
     "category": "Distortions",
+    "description": "Convert polar coordinates back to rectangular space",
+    "fileName": "RectangularCoordinates",
+    "requiresChild": true,
     "definition": {
       "name": "RectangularCoordinates",
       "category": "Distortions",
+      "description": "Convert polar coordinates back to rectangular space",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -4063,11 +4165,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Ripples",
+    "category": "Base Layers",
+    "description": "Concentric animated ripples emanating from a point",
     "fileName": "Ripples",
-    "category": "Effects",
     "definition": {
       "name": "Ripples",
-      "category": "Effects",
+      "category": "Base Layers",
+      "description": "Concentric animated ripples emanating from a point",
       "acceptsUVContext": true,
       "props": {
         "center": {
@@ -4241,11 +4345,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Saturation",
+    "category": "Adjustments",
+    "description": "Adjust color saturation intensity",
     "fileName": "Saturation",
-    "category": "Color Adjustments",
+    "requiresChild": true,
     "definition": {
       "name": "Saturation",
-      "category": "Color Adjustments",
+      "category": "Adjustments",
+      "description": "Adjust color saturation intensity",
       "requiresChild": true,
       "props": {
         "intensity": {
@@ -4277,11 +4384,13 @@ export const shaderRegistry = [
   },
   {
     "name": "SimplexNoise",
+    "category": "Base Layers",
+    "description": "Organic noise with animated movement",
     "fileName": "SimplexNoise",
-    "category": "Noise",
     "definition": {
       "name": "SimplexNoise",
-      "category": "Noise",
+      "category": "Base Layers",
+      "description": "Organic noise with animated movement",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -4433,11 +4542,13 @@ export const shaderRegistry = [
   },
   {
     "name": "SineWave",
+    "category": "Base Layers",
+    "description": "Animated wave with thickness and softness",
     "fileName": "SineWave",
-    "category": "Shapes & Masks",
     "definition": {
       "name": "SineWave",
-      "category": "Shapes & Masks",
+      "category": "Base Layers",
+      "description": "Animated wave with thickness and softness",
       "acceptsUVContext": true,
       "props": {
         "color": {
@@ -4617,11 +4728,13 @@ export const shaderRegistry = [
   },
   {
     "name": "SolidColor",
+    "category": "Base Layers",
+    "description": "Fill the canvas with a single solid color",
     "fileName": "SolidColor",
-    "category": "Gradients & Colors",
     "definition": {
       "name": "SolidColor",
-      "category": "Gradients & Colors",
+      "category": "Base Layers",
+      "description": "Fill the canvas with a single solid color",
       "acceptsUVContext": true,
       "props": {
         "color": {
@@ -4647,11 +4760,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Spiral",
+    "category": "Base Layers",
+    "description": "Rotating spiral pattern with animated movement",
     "fileName": "Spiral",
-    "category": "Shapes & Masks",
     "definition": {
       "name": "Spiral",
-      "category": "Shapes & Masks",
+      "category": "Base Layers",
+      "description": "Rotating spiral pattern with animated movement",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -4869,11 +4984,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Strands",
+    "category": "Base Layers",
+    "description": "Procedural wavy strands with layered animation",
     "fileName": "Strands",
-    "category": "Generative",
+    "requiresChild": false,
     "definition": {
       "name": "Strands",
-      "category": "Generative",
+      "category": "Base Layers",
+      "description": "Procedural wavy strands with layered animation",
       "requiresRTT": false,
       "requiresChild": false,
       "acceptsUVContext": true,
@@ -5071,11 +5189,13 @@ export const shaderRegistry = [
   },
   {
     "name": "Swirl",
+    "category": "Base Layers",
+    "description": "Flowing swirl pattern with multi-layered noise",
     "fileName": "Swirl",
-    "category": "Gradients & Colors",
     "definition": {
       "name": "Swirl",
-      "category": "Gradients & Colors",
+      "category": "Base Layers",
+      "description": "Flowing swirl pattern with multi-layered noise",
       "acceptsUVContext": true,
       "props": {
         "colorA": {
@@ -5359,11 +5479,14 @@ export const shaderRegistry = [
   },
   {
     "name": "TiltShift",
-    "fileName": "TiltShift",
     "category": "Blurs",
+    "description": "Selective focus blur mimicking tilt-shift photography",
+    "fileName": "TiltShift",
+    "requiresChild": true,
     "definition": {
       "name": "TiltShift",
       "category": "Blurs",
+      "description": "Selective focus blur mimicking tilt-shift photography",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -5484,11 +5607,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Tritone",
+    "category": "Adjustments",
+    "description": "Map colors to three tones: shadows, midtones, highlights",
     "fileName": "Tritone",
-    "category": "Effects",
+    "requiresChild": true,
     "definition": {
       "name": "Tritone",
-      "category": "Effects",
+      "category": "Adjustments",
+      "description": "Map colors to three tones: shadows, midtones, highlights",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -5613,11 +5739,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Twirl",
-    "fileName": "Twirl",
     "category": "Distortions",
+    "description": "Rotate and twist content around a center point",
+    "fileName": "Twirl",
+    "requiresChild": true,
     "definition": {
       "name": "Twirl",
       "category": "Distortions",
+      "description": "Rotate and twist content around a center point",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -5724,11 +5853,14 @@ export const shaderRegistry = [
   },
   {
     "name": "Vibrance",
+    "category": "Adjustments",
+    "description": "Selective saturation adjustment protecting skin tones",
     "fileName": "Vibrance",
-    "category": "Color Adjustments",
+    "requiresChild": true,
     "definition": {
       "name": "Vibrance",
-      "category": "Color Adjustments",
+      "category": "Adjustments",
+      "description": "Selective saturation adjustment protecting skin tones",
       "requiresChild": true,
       "props": {
         "intensity": {
@@ -5760,11 +5892,14 @@ export const shaderRegistry = [
   },
   {
     "name": "WaveDistortion",
-    "fileName": "WaveDistortion",
     "category": "Distortions",
+    "description": "Wave-based distortion with multiple waveform types",
+    "fileName": "WaveDistortion",
+    "requiresChild": true,
     "definition": {
       "name": "WaveDistortion",
       "category": "Distortions",
+      "description": "Wave-based distortion with multiple waveform types",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {
@@ -5967,11 +6102,14 @@ export const shaderRegistry = [
   },
   {
     "name": "ZoomBlur",
-    "fileName": "ZoomBlur",
     "category": "Blurs",
+    "description": "Radial zoom blur expanding from a center point",
+    "fileName": "ZoomBlur",
+    "requiresChild": true,
     "definition": {
       "name": "ZoomBlur",
       "category": "Blurs",
+      "description": "Radial zoom blur expanding from a center point",
       "requiresRTT": true,
       "requiresChild": true,
       "props": {