diff --git a/packages/playground/package.json b/packages/playground/package.json
index 3f1b218b..a9a939c5 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@ckb-ccc/ccc": "workspace:*",
+    "@ckb-ccc/spore": "workspace:*",
     "@ckb-ccc/connector-react": "workspace:*",
     "@monaco-editor/react": "^4.6.0",
     "axios": "^1.7.7",
diff --git a/packages/playground/src/app/execute/index.ts b/packages/playground/src/app/execute/index.ts
index 4dad025b..905110f9 100644
--- a/packages/playground/src/app/execute/index.ts
+++ b/packages/playground/src/app/execute/index.ts
@@ -1,5 +1,8 @@
 import { ccc } from "@ckb-ccc/connector-react";
 import * as cccLib from "@ckb-ccc/ccc";
+import * as cccSporeLib from "@ckb-ccc/spore";
+import * as cccAdvancedLib from "@ckb-ccc/ccc/advanced";
+import * as cccSporeAdvancedLib from "@ckb-ccc/spore/advanced";
 import { ReactNode } from "react";
 import ts from "typescript";
 import { vlqDecode } from "./vlq";
@@ -54,7 +57,11 @@ export async function execute(
   const require = (path: string) => {
     const lib = {
       "@ckb-ccc/core": cccLib,
+      "@ckb-ccc/core/advanced": cccAdvancedLib,
       "@ckb-ccc/ccc": cccLib,
+      "@ckb-ccc/ccc/advanced": cccAdvancedLib,
+      "@ckb-ccc/spore": cccSporeLib,
+      "@ckb-ccc/spore/advanced": cccSporeAdvancedLib,
       "@ckb-ccc/playground": {
         render: async (tx: ccc.Transaction | unknown) => {
           if (!(tx instanceof ccc.Transaction)) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 643daaa7..6ad99174 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -755,6 +755,9 @@ importers:
       '@ckb-ccc/connector-react':
         specifier: workspace:*
         version: link:../connector-react
+      '@ckb-ccc/spore':
+        specifier: workspace:*
+        version: link:../spore
       '@monaco-editor/react':
         specifier: ^4.6.0
         version: 4.6.0(monaco-editor@0.51.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)