diff --git a/package.json b/package.json
index e51ecc43..d3f148c3 100644
--- a/package.json
+++ b/package.json
@@ -10,11 +10,11 @@
     "clean:all": "pnpm clean:top && pnpm clean:modules",
     "lint": "eslint . --ext .js,.vue,.ts,.tsx",
     "lint-fix": "eslint . --fix --ext .vue,.js,.ts,.tsx",
-    "playground": "pnpm --filter \"runtime-vue3\" --filter \"tmagic-playground\" dev",
+    "playground": "pnpm --filter \"runtime-vue3\" build:libs && pnpm --filter \"runtime-vue3\" --filter \"tmagic-playground\" dev",
     "pg": "pnpm playground",
-    "playground:vue2": "pnpm --filter \"runtime-vue2\" --filter \"tmagic-playground\" dev:vue2",
+    "playground:vue2": "pnpm --filter \"runtime-vue2\" build:libs && pnpm --filter \"runtime-vue2\" --filter \"tmagic-playground\" dev:vue2",
     "pg:vue2": "pnpm playground:vue2",
-    "playground:react": "pnpm --filter \"runtime-react\" --filter \"tmagic-playground\" dev:react",
+    "playground:react": "pnpm --filter \"runtime-react\" build:libs && pnpm --filter \"runtime-react\" --filter \"tmagic-playground\" dev:react",
     "pg:react": "pnpm playground:react",
     "build": "pnpm --filter \"@tmagic/*\" build",
     "build:playground": "pnpm --filter \"runtime-vue3\" build && pnpm --filter \"tmagic-playground\" build",
diff --git a/runtime/react/package.json b/runtime/react/package.json
index cc1d98f3..5aa14077 100644
--- a/runtime/react/package.json
+++ b/runtime/react/package.json
@@ -5,6 +5,7 @@
   "private": true,
   "scripts": {
     "dev:react": "npm run build:libs && vite --config dev.vite.config.ts",
+    "dev:playground": "vite --config dev.vite.config.ts",
     "build": "npm run build:libs && npm run build:page && npm run build:playground",
     "build:page": "vite build --config build.vite.config.ts --mode page",
     "build:playground": "vite build --config build.vite.config.ts --mode playground",
diff --git a/runtime/vue2/package.json b/runtime/vue2/package.json
index e29e6055..325bf4ac 100644
--- a/runtime/vue2/package.json
+++ b/runtime/vue2/package.json
@@ -5,6 +5,7 @@
   "private": true,
   "scripts": {
     "dev:vue2": "npm run build:libs && vite --config dev.vite.config.ts",
+    "dev:playground": "vite --config dev.vite.config.ts",
     "build": "npm run build:libs && npm run build:page && npm run build:playground",
     "build:page": "vite build --config build.vite.config.ts --mode page",
     "build:playground": "vite build --config build.vite.config.ts --mode playground",
diff --git a/runtime/vue3/package.json b/runtime/vue3/package.json
index ce3a8d6a..06bd4f05 100644
--- a/runtime/vue3/package.json
+++ b/runtime/vue3/package.json
@@ -5,6 +5,7 @@
   "private": true,
   "scripts": {
     "dev": "npm run build:libs && vite --config dev.vite.config.ts",
+    "dev:playground": "vite --config dev.vite.config.ts",
     "build": "npm run build:libs && npm run build:page && npm run build:playground",
     "build:page": "vite build --config build.vite.config.ts --mode page",
     "build:playground": "vite build --config build.vite.config.ts --mode playground",