diff --git a/examples/global-demo.html b/examples/global-demo.html
new file mode 100644
index 0000000..c2e14c9
--- /dev/null
+++ b/examples/global-demo.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>SDK 全局挂载加载示例</title>
+</head>
+<body>
+  <canvas id="renderDom"></canvas>
+
+  <!-- 非模块化：使用全局构建产物，加载后可通过 window.faceSDK.kernel 调用 -->
+  <!-- 部署后把 src 改成实际访问路径，如 https://doc.zguiy.com/sdk/zt/assets/index.global.js -->
+  <script src="https://sdk.zguiy.com/zt/assets/index.js"></script>
+  <script>
+    const config = {
+      container: 'renderDom',
+      modelUrlList: ['./public/model/model.glb'],
+      env: { hdrPath: '/hdr/my.env', intensity: 1.2, rotationY: 0.3 },
+      onSuccess: () => console.log('SDK initialized (global)'),
+      onError: (err) => console.error('SDK init error', err),
+    };
+
+    function startSdk() {
+      const kernel = window.faceSDK && window.faceSDK.kernel;
+      if (!kernel) {
+        console.error('SDK kernel not loaded');
+        return;
+      }
+      kernel.init(config);
+    }
+
+    if (document.readyState === 'complete') {
+      startSdk();
+    } else {
+      window.addEventListener('load', startSdk);
+    }
+  </script>
+</body>
+</html>
diff --git a/examples/module-demo.html b/examples/module-demo.html
new file mode 100644
index 0000000..848326a
--- /dev/null
+++ b/examples/module-demo.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>SDK 模块化加载示例</title>
+</head>
+<body>
+  <canvas id="renderDom"></canvas>
+
+  <!-- 模块化：Dev 使用 /src/main.ts，构建后改为 /assets/index.js -->
+  <script type="module">
+    import { kernel } from 'https://sdk.zguiy.com/zt/assets/index.js';
+
+    const config = {
+      container: 'renderDom',
+      modelUrlList: ['/public/model/model.glb'],
+      env: '/public/model/model.glb',
+      onSuccess: () => console.log('SDK initialized (module)'),
+      onError: (err) => console.error('SDK init error', err),
+    };
+
+    kernel.init(config);
+  </script>
+</body>
+</html>
diff --git a/examples/public/config/animator.json b/examples/public/config/animator.json
new file mode 100644
index 0000000..425757e
--- /dev/null
+++ b/examples/public/config/animator.json
@@ -0,0 +1,5 @@
+[
+{}
+
+
+]
\ No newline at end of file
diff --git a/examples/public/favicon.ico b/examples/public/favicon.ico
new file mode 100644
index 0000000..8fb9f91
Binary files /dev/null and b/examples/public/favicon.ico differ
diff --git a/examples/public/hdr/hdr.env b/examples/public/hdr/hdr.env
new file mode 100644
index 0000000..8f061ef
Binary files /dev/null and b/examples/public/hdr/hdr.env differ
diff --git a/examples/public/hdr/sanGiuseppeBridge.env b/examples/public/hdr/sanGiuseppeBridge.env
new file mode 100644
index 0000000..46b104b
Binary files /dev/null and b/examples/public/hdr/sanGiuseppeBridge.env differ
diff --git a/examples/public/model/model.glb b/examples/public/model/model.glb
new file mode 100644
index 0000000..4af0a44
Binary files /dev/null and b/examples/public/model/model.glb differ
diff --git a/examples/public/shuziren.png b/examples/public/shuziren.png
new file mode 100644
index 0000000..b2672f8
Binary files /dev/null and b/examples/public/shuziren.png differ
diff --git a/index.html b/index.html
index d4e8a53..d0b8311 100644
--- a/index.html
+++ b/index.html
@@ -20,9 +20,9 @@
         <canvas id="renderDom"></canvas>
     </div>
 
-    <script type="module">
-        import { kernel } from '/src/main.ts';
-
+    <!-- 模块化加载（Dev 下通过 Vite，构建后 postbuild 会替换为 /assets/index.js） -->
+    <script type="module" src="/src/main.ts"></script>
+    <script>
         const config = {
             container: 'renderDom',
             modelUrlList: ["/model/model.glb"],
@@ -32,7 +32,20 @@
             onError: (err) => console.error('SDK init error', err),
         };
 
-        kernel.init(config);
+        function startSdk() {
+            const kernel = window.faceSDK && window.faceSDK.kernel;
+            if (!kernel) {
+                console.error('SDK kernel not loaded');
+                return;
+            }
+            kernel.init(config);
+        }
+
+        if (document.readyState === 'complete') {
+            startSdk();
+        } else {
+            window.addEventListener('load', startSdk);
+        }
     </script>
 </body>
 </html>
