refactor(shader): migrate GLSL shaders to ShaderLab and clean up shader infrastructure

docs/en/basics/overview.mdx

@@ -35,7 +35,7 @@ Includes the following sub-packages:
 | [@galacean/engine](https://www.npmjs.com/package/@galacean/engine) | Core architecture logic and core functionalities | [API](/apis/galacean) |
 | [@galacean/engine-physics-lite](https://www.npmjs.com/package/@galacean/engine-physics-lite) | Lightweight physics engine | [Doc](/en/docs/physics/overall) |
 | [@galacean/engine-physics-physx](https://www.npmjs.com/package/@galacean/engine-physics-physx) | Full-featured physics engine | [Doc](/en/docs/physics/overall) |
-| [@galacean/engine-shaderlab](https://www.npmjs.com/package/@galacean/engine-shaderlab) | Galacean Shader compiler | [Doc](/en/docs/graphics/material/shader) |
+| [@galacean/engine-shader-compiler](https://www.npmjs.com/package/@galacean/engine-shader-compiler) | Galacean Shader compiler | [Doc](/en/docs/graphics/material/shader) |
 | [@galacean/engine-xr](https://www.npmjs.com/package/@galacean/engine-xr) | XR logic package | [Doc](/en/docs/xr/overall) |
 | [@galacean/engine-xr-webxr](https://www.npmjs.com/package/@galacean/engine-xr-webxr) | WebXR backend | [Doc](/en/docs/xr/overall) |
 | [@galacean/engine-ui](https://www.npmjs.com/package/@galacean/engine-ui) | UI | [Doc](/en/docs/UI/overall) |

docs/en/graphics/material/baseUse.mdx

@@ -36,7 +36,7 @@ You can select materials in the editor and switch shaders to observe real-time r
 
 <Image src="https://gw.alipayobjects.com/zos/OasisHub/cd87c11a-7a68-4cde-a19a-40cff943e878/2025-02-10%25252017.05.33.gif" />
 
-Each shader has different rendering effects and application scenarios. For more details, refer to [Built-in Shader Tutorial](/en/docs/graphics/material/builtinShaders/pbr/) and [Custom Shader Tutorial](/en/docs/graphics/material/examples/shaderlab-01-basic-shader).
+Each shader has different rendering effects and application scenarios. For more details, refer to [Built-in Shader Tutorial](/en/docs/graphics/material/builtinShaders/pbr/) and [Custom Shader Tutorial](/en/docs/graphics/material/examples/shader-01-basic-shader).
 
 ## Creating Custom Shaders
 If built-in shaders cannot meet your needs, we can create a custom shader. In the editor asset panel, create a new Shader and choose PBR template or Unlit template:
@@ -54,7 +54,7 @@ The editor will automatically help us create the Shader file and [UIScript](/en/
 />
 
 <Callout type="info">
-For specific shader content writing, you can quickly get started with [Custom Shader Tutorial](/en/docs/graphics/material/examples/shaderlab-01-basic-shader).
+For specific shader content writing, you can quickly get started with [Custom Shader Tutorial](/en/docs/graphics/material/examples/shader-01-basic-shader).
 </Callout>
 
 ## Shader Data Transfer
@@ -72,13 +72,13 @@ Pass "Forward" {
     mat4 renderer_MVPMat;
 
     // Through including code fragments
-    #include "Transform.glsl"
+    #include "Common/Transform.glsl"
 }
 ...
 ```
 
 ## Next Steps
-- [Custom Shader](/en/docs/graphics/material/examples/shaderlab-01-basic-shader) - Start your shader creation journey from scratch
+- [Custom Shader](/en/docs/graphics/material/examples/shader-01-basic-shader) - Start your shader creation journey from scratch
 - [Shader Syntax Deep Learning](/en/docs/graphics/material/shader) - Complete syntax reference
 - [Shader Built-in Variables Reference](/en/docs/graphics/material/variables) - All built-in variables provided by the engine
 - [Shader Built-in API Reference](/en/docs/graphics/material/shaderAPI) - All Shader APIs provided by the engine

docs/en/graphics/material/examples/_meta.json

@@ -1,8 +1,8 @@
 {
-  "shaderlab-01-basic-shader": "Basic Shader Syntax",
-  "shaderlab-02-render-state": "Render State Control",
-  "shaderlab-03-ui-script": "UIScript System",
-  "shaderlab-04-multi-pass": "Multi-Pass Rendering",
-  "shaderlab-05-advance": "Advanced Features & Code Reuse"
+  "shader-01-basic-shader": "Basic Shader Syntax",
+  "shader-02-render-state": "Render State Control",
+  "shader-03-ui-script": "UIScript System",
+  "shader-04-multi-pass": "Multi-Pass Rendering",
+  "shader-05-advance": "Advanced Features & Code Reuse"
 }
 

docs/en/graphics/material/examples/shaderlab-01-basic-shader.mdx → docs/en/graphics/material/examples/shader-01-basic-shader.mdx

@@ -2,8 +2,8 @@
 title: Basic Shader Syntax
 ---
 
-This tutorial will introduce the basic syntax of ShaderLab using a simple texture rendering shader. Through this basic example, you will learn:
-- The basic structure of ShaderLab
+This tutorial will introduce the basic syntax of Galacean Shader using a simple texture rendering shader. Through this basic example, you will learn:
+- The basic structure of Galacean Shader
 - How to declare variables and structures
 - Basic vertex shader transformations
 - Texture sampling in fragment shaders
@@ -15,7 +15,7 @@ src="https://mdn.alipayobjects.com/huamei_dmxymu/afts/img/A*Ykx2T7IuiAIAAAAAT0AA
 
 ## Shader Structure
 
-ShaderLab uses a three-level nested structure: `Shader` → `SubShader` → `Pass`
+Galacean Shader uses a three-level nested structure: `Shader` → `SubShader` → `Pass`
 
 ```glsl
 Shader "Tutorial/01-BasicShader" {
@@ -205,4 +205,4 @@ This shader will:
 4. Multiply the texture color with the base color to get the final color
 
 
-Go to [Playground](/examples/shaderlab-01-basic-shader)
+Go to [Playground](/examples/shader-01-basic-shader)

docs/en/graphics/material/examples/shaderlab-02-render-state.mdx → docs/en/graphics/material/examples/shader-02-render-state.mdx

@@ -306,4 +306,4 @@ This shader demonstrates:
 3. Face culling showing different surfaces
 4. Stencil masking implementing complex selection effects
 
-Go to [Playground](/examples/shaderlab-02-render-state) to experience the effect.
+Go to [Playground](/examples/shader-02-render-state) to experience the effect.

docs/en/graphics/material/examples/shaderlab-03-ui-script.mdx → docs/en/graphics/material/examples/shader-03-ui-script.mdx

@@ -211,4 +211,4 @@ gl_FragColor = color;
 3. Simulates the property binding logic in UIScript
 4. Observe the effects of enabling/disabling texture and animation, and the dynamic changes in brightness and contrast
 
-Go to [Playground](/examples/shaderlab-03-ui-script)
+Go to [Playground](/examples/shader-03-ui-script)

docs/en/graphics/material/examples/shaderlab-04-multi-pass.mdx → docs/en/graphics/material/examples/shader-04-multi-pass.mdx

@@ -173,4 +173,4 @@ This shader will:
 * The two passes are combined to create an outline effect.
 * You can adjust the outline width and color.
 
-Go to [Playground](/examples/shaderlab-04-multi-pass)
+Go to [Playground](/examples/shader-04-multi-pass)

docs/en/graphics/material/examples/shaderlab-05-advance.mdx → docs/en/graphics/material/examples/shader-05-advance.mdx

@@ -22,8 +22,8 @@ src="https://mdn.alipayobjects.com/huamei_dmxymu/afts/img/A*YPhHTr6_96AAAAAAQ-AA
 The `#include` directive allows you to reference external code snippets, enabling code reuse:
 
 ```glsl
-#include "Common.glsl"      // Common functions
-#include "Skin.glsl"        // Skeletal animation
+#include "Common/Common.glsl"      // Common functions
+#include "Skin/Skin.glsl"        // Skeletal animation
 ```
 
 **Benefits:**
@@ -43,7 +43,7 @@ These snippets are registered by default in the editor.  Learn more about the AP
 
 #### Common.glsl - Common Functions
 ```glsl
-#include "Common.glsl"
+#include "Common/Common.glsl"
 
 // Provides common mathematical functions and constants
 float value = pow2(0.5);    // Square function
@@ -52,7 +52,7 @@ vec4 linearColor = sRGBToLinear(color); // sRGB to linear color conversion
 
 #### Skin.glsl - Skeletal Animation
 ```glsl
-#include "Skin.glsl"
+#include "Skin/Skin.glsl"
 
 // Provides skeletal animation-related functions
 mat4 skinMatrix = getSkinMatrix(attr);
@@ -75,7 +75,7 @@ vec4 WEIGHTS_0;   // Bone weight
 };
 ``` Skeleton Transformation Calculation
 ```glsl
-#include "Skin.glsl"
+#include "Skin/Skin.glsl"
 
 Varyings vert(Attributes Attribute) {
 Varyings output;
@@ -102,7 +102,7 @@ Shader "Tutorial/05-SkinnedUnlit" {
 SubShader "Default" {
 Pass "Forward" {
 // Engine-provided variables and matrices
-#include "Transform.glsl"
+#include "Common/Transform.glsl"
 
 // Material properties
 vec4 material_BaseColor;
@@ -122,7 +122,7 @@ vec2 uv;
 };
 
 // Include engine-provided skinned animation code snippet
-#include "Skin.glsl"
+#include "Skin/Skin.glsl"
 
 VertexShader = vert;
 FragmentShader = frag;
@@ -238,7 +238,7 @@ gl_FragColor = vec4(normal * 0.5 + 0.5, 1.0);
 
 
 ### 3. Leveraging the Advantages of Macros
-During compilation, ShaderLab will remove unused code blocks. Therefore, using macros appropriately can significantly improve performance.
+During compilation, the shader compiler will remove unused code blocks. Therefore, using macros appropriately can significantly improve performance.
 
 ```glsl
 // Without macros: Every pixel needs to be checked
@@ -271,4 +271,4 @@ This shader will:
 2. Use the engine's built-in `Skin.glsl` fragment shader to implement skeletal animation
 3. Achieve efficient skeletal animation rendering
 
-Go to [Playground](/examples/shaderlab-05-advance)
+Go to [Playground](/examples/shader-05-advance)

docs/en/graphics/material/overview.mdx

@@ -60,17 +60,17 @@ material.shaderData.setTexture("material_BaseTexture", texture);
 ```
 
 <Callout type="info">
-Want to get started quickly? Jump directly to [Custom Shader Tutorial](/en/docs/graphics/material/examples/shaderlab-01-basic-shader) to start your first custom shader!
+Want to get started quickly? Jump directly to [Custom Shader Tutorial](/en/docs/graphics/material/examples/shader-01-basic-shader) to start your first custom shader!
 </Callout>
 
 ## Recommended Learning Path
 
 1. **Understand Basics**: Read this overview to understand core material concepts
 2. **Experience Built-ins**: Try using [Built-in Shaders](/en/docs/graphics/material/builtinShaders)
-3. **Hands-on Practice**: Follow the [Tutorial](/en/docs/graphics/material/examples/shaderlab-01-basic-shader) to create your first custom shader
+3. **Hands-on Practice**: Follow the [Tutorial](/en/docs/graphics/material/examples/shader-01-basic-shader) to create your first custom shader
 4. **Deep Learning**: Check [Shader Introduction](/en/docs/graphics/material/shader) for complete syntax
 5. **Problem Solving**: Use [Shader Built-in Variables](/en/docs/graphics/material/variables) and [Shader API](/en/docs/graphics/material/shaderAPI)
 
 <Callout type="info">
-For more practical examples, check [Online Examples](/examples/shaderlab-01-basic-shader).
+For more practical examples, check [Online Examples](/examples/shader-01-basic-shader).
 </Callout>

docs/en/graphics/material/shader.mdx

@@ -2,13 +2,13 @@
 title: Shader Introduction
 ---
 
-ShaderLab is a proprietary shader description language developed by Galacean. It provides a complete syntax for defining the structure, properties, rendering states, and shader code of a shader. With ShaderLab, developers can create a wide range of visual effects, from simple to complex.
+Galacean Shader is a proprietary shader description language developed by Galacean. It provides a complete syntax for defining the structure, properties, rendering states, and shader code of a shader. With Galacean Shader, developers can create a wide range of visual effects, from simple to complex.
 
-## What is ShaderLab?
+## What is Galacean Shader?
 
-ShaderLab is a declarative shader description language that organizes the various components of a shader into a modular structure. Unlike traditional GLSL/HLSL, ShaderLab not only includes shader code but also encompasses complete information such as material property definitions, UI configuration, and rendering state settings. ### Problems Solved
+Galacean Shader is a declarative shader description language that organizes the various components of a shader into a modular structure. Unlike traditional GLSL/HLSL, Galacean Shader not only includes shader code but also encompasses complete information such as material property definitions, UI configuration, and rendering state settings. ### Problems Solved
 
-The `ShaderLab` framework primarily addresses the following pain points in traditional shader development:
+The `Galacean Shader` framework primarily addresses the following pain points in traditional shader development:
 
 - **Code Duplication**: Writing vertex and fragment shaders requires two separate files, and varying and uniform variables need to be declared twice.
 - **Script Assembly**: Multiple SubShaders and Passes require script assembly.
@@ -25,7 +25,7 @@ The `ShaderLab` framework primarily addresses the following pain points in tradi
 - **⚡ High Performance**: Compile-time optimization and efficient runtime execution.
 - **🌐 Cross-Platform**: Automatically adapts to different graphics APIs.
 
-## ShaderLab Structure
+## Galacean Shader Structure
 
 ```glsl showLineNumbers {3-4, 16, 21, 24, 39, 49, 51, 54, 56, 58, 66, 69, 73, 77-78, 80, 90 }
 Shader "Custom/MyShader" {
@@ -78,7 +78,7 @@ DestinationAlphaBlendFactor = BlendFactor.OneMinusSourceAlpha;
 // -------------------- SubShader Definition --------------------
 SubShader "Default" {
 // Include Shadow Caster Pass
-UsePass "pbr/Default/ShadowCaster"
+UsePass "Utility/ShadowMap/Default/ShadowCaster"
 
 // Custom Pass
 Pass "Forward Pass" {
@@ -100,7 +100,7 @@ DepthState = customDepthState;
 
 
 // Include code snippets
-#include "Common.glsl"
+#include "Common/Common.glsl"
 
 
 // Specify vertex and fragment shader entry points
@@ -135,7 +135,7 @@ gl_FragColor = baseColor;
 
 ### 1. Shader Module
 
-The Shader module is the root module of ShaderLab, defining the basic information and global settings of the shader:
+The Shader module is the root module of Galacean Shader, defining the basic information and global settings of the shader:
 
 ```glsl showLineNumbers {1-8}
 Shader "Custom/MyShader" {
@@ -363,23 +363,16 @@ return output;
 Include code snippets using the `#include` directive:
 
 ```glsl showLineNumbers
-#include "Common.glsl"      // Common functions
-#include "Light.glsl"       // Lighting calculation
-#include "Shadow.glsl"      // Shadow calculation
-#include "Fog.glsl"         // Fog effect calculation
+#include "Common/Common.glsl"      // Common functions
+#include "Common/Light.glsl"       // Lighting calculation
+#include "Shadow/Shadow.glsl"      // Shadow calculation
+#include "Common/Fog.glsl"         // Fog effect calculation
 #include "./MyCustom.glsl" // Custom snippet
 ```
 
 ## Registering Code Snippets
 
-The framework provides many built-in code snippets; developers can register them directly for use:
-
-```ts showLineNumbers {4} filename="Typescript"
-import { registerIncludes } from "@galacean/engine-shader";
-
-// Register the built-in ShaderLab code snippets.
-registerIncludes();
-```
+Built-in code snippets are automatically registered when the engine is created — no manual registration is needed.
 
 For custom snippets, you can register them manually through an interface...
 
@@ -394,7 +387,7 @@ ShaderFactory.registerInclude('YourKey', shaderSource);
 
 ## UIScript Scripting System
 
-`UIScript` is one of the core features of `ShaderLab`, allowing you to implement intelligent property panel interactions via TypeScript scripts, including setting macro switches and rendering states:
+`UIScript` is one of the core features of `Galacean Shader`, allowing you to implement intelligent property panel interactions via TypeScript scripts, including setting macro switches and rendering states:
 
 ```ts showLineNumbers {}
 import { ShaderUIScript, Material } from "@galacean/engine";