shaders 2.2.0 → 2.2.2

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,14 @@ 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": {
           "default": "#ff6b35",
@@ -539,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": {
@@ -576,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": {
@@ -731,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": {
@@ -812,11 +830,14 @@ 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": {
           "default": "#cccccc",
@@ -945,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",
@@ -1104,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": {
@@ -1229,11 +1255,14 @@ 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": {
           "default": "#ffffff",
@@ -1324,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": {
@@ -1471,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",
@@ -1626,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": {
@@ -1663,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": {
@@ -1753,11 +1793,14 @@ 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": {
           "default": "#ffffff",
@@ -1848,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": {
@@ -1961,12 +2007,16 @@ 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": {
         "strength": {
           "default": 0.5,
@@ -1997,12 +2047,15 @@ 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": {
         "randomness": {
           "default": 0.25,
@@ -2247,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": {
@@ -2306,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": {
@@ -2387,12 +2446,15 @@ 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": {
         "center": {
           "default": {
@@ -2543,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": {}
     },
@@ -2555,11 +2620,14 @@ 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": {
           "default": "#ffffff",
@@ -2628,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": {
@@ -2805,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": {}
     },
@@ -2817,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": {
@@ -2897,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": {
@@ -2933,14 +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",
@@ -2985,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": {
@@ -3022,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": {}
     },
@@ -3034,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": {
@@ -3093,11 +3182,14 @@ 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": {
           "default": "#1aff00",
@@ -3300,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": {
@@ -3455,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": {
@@ -3492,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": {
@@ -3647,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": {
@@ -3683,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": {
@@ -3786,11 +3893,14 @@ 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": {
           "default": "#ff0000",
@@ -3917,13 +4027,152 @@ export const shaderRegistry = [
       }
     }
   },
+  {
+    "name": "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": {
+        "center": {
+          "default": {
+            "x": 0.5,
+            "y": 0.5
+          },
+          "description": "The center point for rectangular coordinate conversion",
+          "ui": {
+            "type": "position",
+            "label": "Center"
+          }
+        },
+        "scale": {
+          "default": 1,
+          "description": "Scale factor for the rectangular output",
+          "ui": {
+            "type": "range",
+            "min": 0.1,
+            "max": 3,
+            "step": 0.01,
+            "label": "Scale"
+          }
+        },
+        "intensity": {
+          "default": 1,
+          "description": "Blends between original UVs (0) and rectangular coordinates (1)",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Intensity"
+          }
+        },
+        "edges": {
+          "default": "transparent",
+          "description": "How to handle edges when distortion pushes content out of bounds",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Stretch",
+                "value": "stretch"
+              },
+              {
+                "label": "Transparent",
+                "value": "transparent"
+              },
+              {
+                "label": "Mirror",
+                "value": "mirror"
+              },
+              {
+                "label": "Wrap",
+                "value": "wrap"
+              }
+            ],
+            "label": "Edges"
+          }
+        }
+      }
+    },
+    "propsMetadata": {
+      "center": {
+        "ui": {
+          "type": "position",
+          "label": "Center"
+        },
+        "default": {
+          "x": 0.5,
+          "y": 0.5
+        },
+        "description": "The center point for rectangular coordinate conversion"
+      },
+      "scale": {
+        "ui": {
+          "type": "range",
+          "min": 0.1,
+          "max": 3,
+          "step": 0.01,
+          "label": "Scale"
+        },
+        "default": 1,
+        "description": "Scale factor for the rectangular output"
+      },
+      "intensity": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Intensity"
+        },
+        "default": 1,
+        "description": "Blends between original UVs (0) and rectangular coordinates (1)"
+      },
+      "edges": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Stretch",
+              "value": "stretch"
+            },
+            {
+              "label": "Transparent",
+              "value": "transparent"
+            },
+            {
+              "label": "Mirror",
+              "value": "mirror"
+            },
+            {
+              "label": "Wrap",
+              "value": "wrap"
+            }
+          ],
+          "label": "Edges"
+        },
+        "default": "transparent",
+        "description": "How to handle edges when distortion pushes content out of bounds"
+      }
+    }
+  },
   {
     "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": {
           "default": {
@@ -4096,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": {
@@ -4132,11 +4384,14 @@ 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": {
           "default": "#ffffff",
@@ -4287,11 +4542,14 @@ 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": {
           "default": "#ffffff",
@@ -4470,11 +4728,14 @@ 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": {
           "default": "#5b18ca",
@@ -4499,11 +4760,14 @@ 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": {
           "default": "#000000",
@@ -4720,13 +4984,17 @@ 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,
       "props": {
         "speed": {
           "default": 0.5,
@@ -4921,11 +5189,14 @@ 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": {
           "default": "#1275d8",
@@ -5208,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": {
@@ -5333,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": {
@@ -5462,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": {
@@ -5573,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": {
@@ -5609,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": {
@@ -5816,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": {