diff --git a/packages/engine/src/engine-core.ts b/packages/engine/src/engine-core.ts
index d03544e7c..8916b9e30 100644
--- a/packages/engine/src/engine-core.ts
+++ b/packages/engine/src/engine-core.ts
@@ -48,7 +48,7 @@ const plugins = new LowCodePluginManager(editor).toProxy();
 editor.set('plugins' as any, plugins);
 
 const { project: innerProject } = designer;
-const skeletonCabin = getSkeletonCabin();
+const skeletonCabin = getSkeletonCabin(innerSkeleton);
 const { Workbench } = skeletonCabin;
 
 const hotkey = new Hotkey();
diff --git a/packages/engine/src/modules/skeleton-cabin.ts b/packages/engine/src/modules/skeleton-cabin.ts
deleted file mode 100644
index 7af465ed5..000000000
--- a/packages/engine/src/modules/skeleton-cabin.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {
-  createSettingFieldView,
-  PopupContext,
-  PopupPipe,
-  Workbench,
-} from '@alilc/lowcode-editor-skeleton';
-
-export default function getSkeletonCabin() {
-  return {
-    createSettingFieldView,
-    PopupContext,
-    PopupPipe,
-    Workbench,
-  };
-}
\ No newline at end of file
diff --git a/packages/engine/src/modules/skeleton-cabin.tsx b/packages/engine/src/modules/skeleton-cabin.tsx
new file mode 100644
index 000000000..1d8363ab1
--- /dev/null
+++ b/packages/engine/src/modules/skeleton-cabin.tsx
@@ -0,0 +1,16 @@
+import {
+  Skeleton as InnerSkeleton,
+  createSettingFieldView,
+  PopupContext,
+  PopupPipe,
+  Workbench as InnerWorkbench,
+} from '@alilc/lowcode-editor-skeleton';
+
+export default function getSkeletonCabin(skeleton: InnerSkeleton) {
+  return {
+    createSettingFieldView,
+    PopupContext,
+    PopupPipe,
+    Workbench: (props: any) => <InnerWorkbench {...props} skeleton={skeleton} />, // hijack skeleton
+  };
+}
\ No newline at end of file