diff --git a/packages/site/package.json b/packages/site/package.json
index a4a0559..7357a43 100644
--- a/packages/site/package.json
+++ b/packages/site/package.json
@@ -4,11 +4,15 @@
   "version": "0.1.0",
   "scripts": {
     "dev": "astro dev",
-    "build": "astro build",
+    "gen-skin-data": "node scripts/gen-skin-data.mjs",
+    "build": "node scripts/gen-skin-data.mjs && astro build",
     "preview": "astro preview"
   },
   "dependencies": {
     "@astrojs/sitemap": "^3.7.2",
     "astro": "^6.1.3"
+  },
+  "devDependencies": {
+    "tsx": "^4.22.1"
   }
 }
diff --git a/packages/site/public/data/skins.json b/packages/site/public/data/skins.json
new file mode 100644
index 0000000..4a07c94
--- /dev/null
+++ b/packages/site/public/data/skins.json
@@ -0,0 +1,716 @@
+[
+  {
+    "id": "vita",
+    "name": "Vita",
+    "author": "arks",
+    "description": "像素风小恐龙 Vita",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/vita/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 4,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 5,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 8,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 6,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 17,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "tard",
+    "name": "Tard",
+    "author": "arks",
+    "description": "像素风小恐龙 Tard",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/tard/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 4,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 5,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 8,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 6,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 17,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "mort",
+    "name": "Mort",
+    "author": "arks",
+    "description": "像素风小恐龙 Mort",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/mort/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 4,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 5,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 8,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 6,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 17,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "doux",
+    "name": "Doux",
+    "author": "arks",
+    "description": "像素风小恐龙 Doux",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/doux/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 4,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 6,
+        "startFrame": 5,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 8,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 6,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 24,
+        "frameHeight": 24,
+        "frameCount": 6,
+        "columns": 24,
+        "fps": 16,
+        "startFrame": 17,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "boy",
+    "name": "Boy",
+    "author": "pzuh",
+    "description": "Boy 角色皮肤",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/boy/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 64,
+        "frameHeight": 98,
+        "frameCount": 10,
+        "columns": 40,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 64,
+        "frameHeight": 98,
+        "frameCount": 10,
+        "columns": 40,
+        "fps": 3,
+        "startFrame": 20,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 64,
+        "frameHeight": 98,
+        "frameCount": 10,
+        "columns": 40,
+        "fps": 10,
+        "startFrame": 20,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 64,
+        "frameHeight": 98,
+        "frameCount": 10,
+        "columns": 40,
+        "fps": 24,
+        "startFrame": 20,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "dinosaur",
+    "name": "Dinosaur",
+    "author": "voidcord54",
+    "description": "像素风小恐龙 Dinosaur",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/dinosaur/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 2,
+        "columns": 5,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 2,
+        "columns": 5,
+        "fps": 4,
+        "startFrame": 2,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 2,
+        "columns": 5,
+        "fps": 8,
+        "startFrame": 2,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 2,
+        "columns": 5,
+        "fps": 16,
+        "startFrame": 2,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "glube",
+    "name": "Glube",
+    "author": "SketchesWithKevin",
+    "description": "像素风小怪兽 Glube",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/glube/pet.png",
+    "animations": {
+      "idle": {
+        "file": "idle.png",
+        "frameWidth": 44,
+        "frameHeight": 31,
+        "frameCount": 6,
+        "columns": 6,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "walk.png",
+        "frameWidth": 65,
+        "frameHeight": 32,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "run.png",
+        "frameWidth": 65,
+        "frameHeight": 32,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "run.png",
+        "frameWidth": 65,
+        "frameHeight": 32,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 24,
+        "startFrame": 0,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "line",
+    "name": "Line",
+    "author": "itch.io",
+    "description": "Line 角色皮肤",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/line/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 156,
+        "frameHeight": 185,
+        "frameCount": 4,
+        "columns": 28,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 156,
+        "frameHeight": 185,
+        "frameCount": 8,
+        "columns": 28,
+        "fps": 6,
+        "startFrame": 4,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 156,
+        "frameHeight": 185,
+        "frameCount": 8,
+        "columns": 28,
+        "fps": 10,
+        "startFrame": 12,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 156,
+        "frameHeight": 185,
+        "frameCount": 8,
+        "columns": 28,
+        "fps": 24,
+        "startFrame": 12,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "buddy",
+    "name": "Buddy",
+    "author": "ChatGPT Image",
+    "description": "卡通风橙色小人皮肤",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/buddy/pet.png",
+    "animations": {
+      "idle": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 4
+      },
+      "walk": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 8,
+        "sheetRows": 4
+      },
+      "run": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 16,
+        "sheetRows": 4
+      },
+      "sprint": {
+        "file": "skin.png",
+        "frameWidth": 128,
+        "frameHeight": 128,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 20,
+        "startFrame": 24,
+        "sheetRows": 4
+      }
+    }
+  },
+  {
+    "id": "hoodie",
+    "name": "Hoodie",
+    "author": "ChatGPT Image",
+    "description": "红色卫衣少年皮肤",
+    "style": "pixel",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/hoodie/pet.png",
+    "animations": {
+      "idle": {
+        "file": "idle.png",
+        "frameWidth": 140,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "walk.png",
+        "frameWidth": 140,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "run.png",
+        "frameWidth": 140,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "sprint.png",
+        "frameWidth": 140,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 20,
+        "startFrame": 0,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "panda",
+    "name": "Panda",
+    "author": "AIbubu",
+    "description": "A cute panda desk-pet skin.",
+    "style": "ai-generated",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/panda/pet.png",
+    "animations": {
+      "idle": {
+        "file": "idle.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "walk.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "run.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "sprint.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 20,
+        "startFrame": 0,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "sketch-boy",
+    "name": "Sketch Boy",
+    "author": "AIbubu",
+    "description": "简笔画风格的小男孩皮肤",
+    "style": "ai-generated",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/sketch-boy/pet.png",
+    "animations": {
+      "idle": {
+        "file": "idle.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "walk.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "run.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "sprint.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 20,
+        "startFrame": 0,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "cartoon-horse",
+    "name": "Cartoon Horse",
+    "author": "AIbubu",
+    "description": "A cute cartoon horse desk-pet skin.",
+    "style": "ai-generated",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/cartoon-horse/pet.png",
+    "animations": {
+      "idle": {
+        "file": "idle.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "walk.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "run.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "sprint.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 20,
+        "startFrame": 0,
+        "sheetRows": 1
+      }
+    }
+  },
+  {
+    "id": "cartoon-pig",
+    "name": "Cartoon Pig",
+    "author": "AIbubu",
+    "description": "A cute cartoon piglet desk-pet skin.",
+    "style": "ai-generated",
+    "states": ["idle", "walk", "run", "sprint"],
+    "pet": "/skins/cartoon-pig/pet.png",
+    "animations": {
+      "idle": {
+        "file": "idle.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "walk": {
+        "file": "walk.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 6,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "run": {
+        "file": "run.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 12,
+        "startFrame": 0,
+        "sheetRows": 1
+      },
+      "sprint": {
+        "file": "sprint.png",
+        "frameWidth": 176,
+        "frameHeight": 176,
+        "frameCount": 8,
+        "columns": 8,
+        "fps": 20,
+        "startFrame": 0,
+        "sheetRows": 1
+      }
+    }
+  }
+]
diff --git a/packages/site/public/skins/boy/pet.png b/packages/site/public/skins/boy/pet.png
new file mode 100644
index 0000000..506622d
Binary files /dev/null and b/packages/site/public/skins/boy/pet.png differ
diff --git a/packages/site/public/skins/boy/skin.png b/packages/site/public/skins/boy/skin.png
new file mode 100644
index 0000000..02413f3
Binary files /dev/null and b/packages/site/public/skins/boy/skin.png differ
diff --git a/packages/site/public/skins/buddy/pet.png b/packages/site/public/skins/buddy/pet.png
new file mode 100644
index 0000000..c10924c
Binary files /dev/null and b/packages/site/public/skins/buddy/pet.png differ
diff --git a/packages/site/public/skins/buddy/skin.png b/packages/site/public/skins/buddy/skin.png
new file mode 100644
index 0000000..38426d8
Binary files /dev/null and b/packages/site/public/skins/buddy/skin.png differ
diff --git a/packages/site/public/skins/cartoon-horse/idle.png b/packages/site/public/skins/cartoon-horse/idle.png
new file mode 100644
index 0000000..bb8ec6a
Binary files /dev/null and b/packages/site/public/skins/cartoon-horse/idle.png differ
diff --git a/packages/site/public/skins/cartoon-horse/pet.png b/packages/site/public/skins/cartoon-horse/pet.png
new file mode 100644
index 0000000..aefe510
Binary files /dev/null and b/packages/site/public/skins/cartoon-horse/pet.png differ
diff --git a/packages/site/public/skins/cartoon-horse/run.png b/packages/site/public/skins/cartoon-horse/run.png
new file mode 100644
index 0000000..685da88
Binary files /dev/null and b/packages/site/public/skins/cartoon-horse/run.png differ
diff --git a/packages/site/public/skins/cartoon-horse/sprint.png b/packages/site/public/skins/cartoon-horse/sprint.png
new file mode 100644
index 0000000..dd600ea
Binary files /dev/null and b/packages/site/public/skins/cartoon-horse/sprint.png differ
diff --git a/packages/site/public/skins/cartoon-horse/walk.png b/packages/site/public/skins/cartoon-horse/walk.png
new file mode 100644
index 0000000..5c5a554
Binary files /dev/null and b/packages/site/public/skins/cartoon-horse/walk.png differ
diff --git a/packages/site/public/skins/cartoon-pig/idle.png b/packages/site/public/skins/cartoon-pig/idle.png
new file mode 100644
index 0000000..d33b642
Binary files /dev/null and b/packages/site/public/skins/cartoon-pig/idle.png differ
diff --git a/packages/site/public/skins/cartoon-pig/pet.png b/packages/site/public/skins/cartoon-pig/pet.png
new file mode 100644
index 0000000..cf88435
Binary files /dev/null and b/packages/site/public/skins/cartoon-pig/pet.png differ
diff --git a/packages/site/public/skins/cartoon-pig/run.png b/packages/site/public/skins/cartoon-pig/run.png
new file mode 100644
index 0000000..40b1d1e
Binary files /dev/null and b/packages/site/public/skins/cartoon-pig/run.png differ
diff --git a/packages/site/public/skins/cartoon-pig/sprint.png b/packages/site/public/skins/cartoon-pig/sprint.png
new file mode 100644
index 0000000..741123e
Binary files /dev/null and b/packages/site/public/skins/cartoon-pig/sprint.png differ
diff --git a/packages/site/public/skins/cartoon-pig/walk.png b/packages/site/public/skins/cartoon-pig/walk.png
new file mode 100644
index 0000000..21f8bfc
Binary files /dev/null and b/packages/site/public/skins/cartoon-pig/walk.png differ
diff --git a/packages/site/public/skins/dinosaur/pet.png b/packages/site/public/skins/dinosaur/pet.png
new file mode 100644
index 0000000..ee2f5b0
Binary files /dev/null and b/packages/site/public/skins/dinosaur/pet.png differ
diff --git a/packages/site/public/skins/dinosaur/skin.png b/packages/site/public/skins/dinosaur/skin.png
new file mode 100644
index 0000000..60a596a
Binary files /dev/null and b/packages/site/public/skins/dinosaur/skin.png differ
diff --git a/packages/site/public/skins/doux/pet.png b/packages/site/public/skins/doux/pet.png
new file mode 100644
index 0000000..b4b17cc
Binary files /dev/null and b/packages/site/public/skins/doux/pet.png differ
diff --git a/packages/site/public/skins/doux/skin.png b/packages/site/public/skins/doux/skin.png
new file mode 100644
index 0000000..8fb8734
Binary files /dev/null and b/packages/site/public/skins/doux/skin.png differ
diff --git a/packages/site/public/skins/glube/idle.png b/packages/site/public/skins/glube/idle.png
new file mode 100644
index 0000000..b2905cb
Binary files /dev/null and b/packages/site/public/skins/glube/idle.png differ
diff --git a/packages/site/public/skins/glube/pet.png b/packages/site/public/skins/glube/pet.png
new file mode 100644
index 0000000..28fe801
Binary files /dev/null and b/packages/site/public/skins/glube/pet.png differ
diff --git a/packages/site/public/skins/glube/run.png b/packages/site/public/skins/glube/run.png
new file mode 100644
index 0000000..636ab8d
Binary files /dev/null and b/packages/site/public/skins/glube/run.png differ
diff --git a/packages/site/public/skins/glube/walk.png b/packages/site/public/skins/glube/walk.png
new file mode 100644
index 0000000..636ab8d
Binary files /dev/null and b/packages/site/public/skins/glube/walk.png differ
diff --git a/packages/site/public/skins/hoodie/idle.png b/packages/site/public/skins/hoodie/idle.png
new file mode 100644
index 0000000..aecc6fe
Binary files /dev/null and b/packages/site/public/skins/hoodie/idle.png differ
diff --git a/packages/site/public/skins/hoodie/pet.png b/packages/site/public/skins/hoodie/pet.png
new file mode 100644
index 0000000..5fe87ff
Binary files /dev/null and b/packages/site/public/skins/hoodie/pet.png differ
diff --git a/packages/site/public/skins/hoodie/run.png b/packages/site/public/skins/hoodie/run.png
new file mode 100644
index 0000000..9aa11a6
Binary files /dev/null and b/packages/site/public/skins/hoodie/run.png differ
diff --git a/packages/site/public/skins/hoodie/sprint.png b/packages/site/public/skins/hoodie/sprint.png
new file mode 100644
index 0000000..c6df2c4
Binary files /dev/null and b/packages/site/public/skins/hoodie/sprint.png differ
diff --git a/packages/site/public/skins/hoodie/walk.png b/packages/site/public/skins/hoodie/walk.png
new file mode 100644
index 0000000..30fdfd0
Binary files /dev/null and b/packages/site/public/skins/hoodie/walk.png differ
diff --git a/packages/site/public/skins/line/pet.png b/packages/site/public/skins/line/pet.png
new file mode 100644
index 0000000..4421167
Binary files /dev/null and b/packages/site/public/skins/line/pet.png differ
diff --git a/packages/site/public/skins/line/skin.png b/packages/site/public/skins/line/skin.png
new file mode 100644
index 0000000..41b102e
Binary files /dev/null and b/packages/site/public/skins/line/skin.png differ
diff --git a/packages/site/public/skins/mort/pet.png b/packages/site/public/skins/mort/pet.png
new file mode 100644
index 0000000..1b4dcbe
Binary files /dev/null and b/packages/site/public/skins/mort/pet.png differ
diff --git a/packages/site/public/skins/mort/skin.png b/packages/site/public/skins/mort/skin.png
new file mode 100644
index 0000000..9089923
Binary files /dev/null and b/packages/site/public/skins/mort/skin.png differ
diff --git a/packages/site/public/skins/panda/idle.png b/packages/site/public/skins/panda/idle.png
new file mode 100644
index 0000000..d612aaa
Binary files /dev/null and b/packages/site/public/skins/panda/idle.png differ
diff --git a/packages/site/public/skins/panda/pet.png b/packages/site/public/skins/panda/pet.png
new file mode 100644
index 0000000..44f229d
Binary files /dev/null and b/packages/site/public/skins/panda/pet.png differ
diff --git a/packages/site/public/skins/panda/run.png b/packages/site/public/skins/panda/run.png
new file mode 100644
index 0000000..ec3ae3d
Binary files /dev/null and b/packages/site/public/skins/panda/run.png differ
diff --git a/packages/site/public/skins/panda/sprint.png b/packages/site/public/skins/panda/sprint.png
new file mode 100644
index 0000000..65e70f8
Binary files /dev/null and b/packages/site/public/skins/panda/sprint.png differ
diff --git a/packages/site/public/skins/panda/walk.png b/packages/site/public/skins/panda/walk.png
new file mode 100644
index 0000000..6679cf1
Binary files /dev/null and b/packages/site/public/skins/panda/walk.png differ
diff --git a/packages/site/public/skins/sketch-boy/idle.png b/packages/site/public/skins/sketch-boy/idle.png
new file mode 100644
index 0000000..b3f6063
Binary files /dev/null and b/packages/site/public/skins/sketch-boy/idle.png differ
diff --git a/packages/site/public/skins/sketch-boy/pet.png b/packages/site/public/skins/sketch-boy/pet.png
new file mode 100644
index 0000000..4245be9
Binary files /dev/null and b/packages/site/public/skins/sketch-boy/pet.png differ
diff --git a/packages/site/public/skins/sketch-boy/run.png b/packages/site/public/skins/sketch-boy/run.png
new file mode 100644
index 0000000..f821f3c
Binary files /dev/null and b/packages/site/public/skins/sketch-boy/run.png differ
diff --git a/packages/site/public/skins/sketch-boy/sprint.png b/packages/site/public/skins/sketch-boy/sprint.png
new file mode 100644
index 0000000..69aaf84
Binary files /dev/null and b/packages/site/public/skins/sketch-boy/sprint.png differ
diff --git a/packages/site/public/skins/sketch-boy/walk.png b/packages/site/public/skins/sketch-boy/walk.png
new file mode 100644
index 0000000..83088aa
Binary files /dev/null and b/packages/site/public/skins/sketch-boy/walk.png differ
diff --git a/packages/site/public/skins/tard/pet.png b/packages/site/public/skins/tard/pet.png
new file mode 100644
index 0000000..12c9aec
Binary files /dev/null and b/packages/site/public/skins/tard/pet.png differ
diff --git a/packages/site/public/skins/tard/skin.png b/packages/site/public/skins/tard/skin.png
new file mode 100644
index 0000000..c99f59e
Binary files /dev/null and b/packages/site/public/skins/tard/skin.png differ
diff --git a/packages/site/public/skins/vita/pet.png b/packages/site/public/skins/vita/pet.png
new file mode 100644
index 0000000..005dff5
Binary files /dev/null and b/packages/site/public/skins/vita/pet.png differ
diff --git a/packages/site/public/skins/vita/skin.png b/packages/site/public/skins/vita/skin.png
new file mode 100644
index 0000000..1ee6744
Binary files /dev/null and b/packages/site/public/skins/vita/skin.png differ
diff --git a/packages/site/scripts/gen-skin-data.mjs b/packages/site/scripts/gen-skin-data.mjs
new file mode 100644
index 0000000..bb5eccb
--- /dev/null
+++ b/packages/site/scripts/gen-skin-data.mjs
@@ -0,0 +1,114 @@
+/**
+ * Scan skin directories from packages/app/public/skins/,
+ * generate a consolidated skins.json for the site gallery,
+ * and copy pet.png + sprite sheet assets into site/public/skins/{id}/.
+ *
+ * Run: node scripts/gen-skin-data.mjs
+ */
+import { readFileSync, readdirSync, mkdirSync, copyFileSync, writeFileSync, existsSync } from 'fs'
+import { join, resolve, dirname } from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const SITE_ROOT = resolve(__dirname, '..')
+const APP_SKINS_DIR = resolve(SITE_ROOT, '../app/public/skins')
+const OUT_DIR = resolve(SITE_ROOT, 'public/data')
+const SKINS_ASSET_DIR = resolve(SITE_ROOT, 'public/skins')
+
+const VALID_STATES = ['idle', 'walk', 'run', 'sprint']
+
+let order = []
+try {
+  order = JSON.parse(readFileSync(join(APP_SKINS_DIR, 'order.json'), 'utf-8'))
+} catch {
+  // fallback: no ordering
+}
+
+const dirs = readdirSync(APP_SKINS_DIR, { withFileTypes: true })
+  .filter((d) => d.isDirectory())
+  .map((d) => d.name)
+
+const skins = []
+
+for (const id of dirs) {
+  const skinJsonPath = join(APP_SKINS_DIR, id, 'skin.json')
+  const petPngPath = join(APP_SKINS_DIR, id, 'pet.png')
+
+  if (!existsSync(skinJsonPath) || !existsSync(petPngPath)) continue
+
+  try {
+    const manifest = JSON.parse(readFileSync(skinJsonPath, 'utf-8'))
+    const rawAnims = manifest.animations ?? {}
+    const states = Object.keys(rawAnims).filter((s) => VALID_STATES.includes(s))
+
+    const animations = {}
+    const spriteFiles = new Set()
+    const fileMaxFrame = {}
+
+    for (const state of states) {
+      const anim = rawAnims[state]
+      const sprite = anim?.sprite
+      if (!sprite) continue
+
+      const startFrame = sprite.startFrame ?? 0
+      const endFrame = startFrame + sprite.frameCount
+
+      animations[state] = {
+        file: anim.file,
+        frameWidth: sprite.frameWidth,
+        frameHeight: sprite.frameHeight,
+        frameCount: sprite.frameCount,
+        columns: sprite.columns,
+        fps: sprite.fps,
+        startFrame,
+      }
+      spriteFiles.add(anim.file)
+      fileMaxFrame[anim.file] = Math.max(fileMaxFrame[anim.file] || 0, endFrame)
+    }
+
+    for (const state of Object.keys(animations)) {
+      const a = animations[state]
+      const maxFrame = fileMaxFrame[a.file] || a.startFrame + a.frameCount
+      a.sheetRows = Math.ceil(maxFrame / a.columns)
+    }
+
+    skins.push({
+      id,
+      name: manifest.name ?? id,
+      author: manifest.author ?? 'Unknown',
+      description: manifest.description,
+      style: manifest.style,
+      states,
+      pet: `/skins/${id}/pet.png`,
+      animations,
+    })
+
+    const destDir = join(SKINS_ASSET_DIR, id)
+    mkdirSync(destDir, { recursive: true })
+    copyFileSync(petPngPath, join(destDir, 'pet.png'))
+
+    for (const file of spriteFiles) {
+      const srcPath = join(APP_SKINS_DIR, id, file)
+      if (existsSync(srcPath)) {
+        copyFileSync(srcPath, join(destDir, file))
+      }
+    }
+  } catch (e) {
+    console.warn(`Skipping skin "${id}": ${e.message}`)
+  }
+}
+
+// Sort: order.json first, then alphabetically
+skins.sort((a, b) => {
+  const ai = order.indexOf(a.id)
+  const bi = order.indexOf(b.id)
+  if (ai !== -1 && bi !== -1) return ai - bi
+  if (ai !== -1) return -1
+  if (bi !== -1) return 1
+  return a.id.localeCompare(b.id)
+})
+
+mkdirSync(OUT_DIR, { recursive: true })
+writeFileSync(join(OUT_DIR, 'skins.json'), JSON.stringify(skins, null, 2))
+
+console.log(`Generated skins.json with ${skins.length} skins → ${join(OUT_DIR, 'skins.json')}`)
diff --git a/packages/site/src/components/Nav.astro b/packages/site/src/components/Nav.astro
new file mode 100644
index 0000000..935a38f
--- /dev/null
+++ b/packages/site/src/components/Nav.astro
@@ -0,0 +1,187 @@
+---
+import { t, localePath, getLocale } from '../i18n'
+
+interface Props {
+  variant?: 'main' | 'sub'
+}
+
+const { variant = 'main' } = Astro.props
+const locale = getLocale(Astro.url)
+const i18n = t(locale)
+const GITHUB_REPO = 'https://github.com/funAgent/ai-bubu'
+const isMain = variant === 'main'
+---
+
+{
+  isMain ? (
+    <nav class="nav" aria-label="main">
+      <a href={localePath(locale, '/')} class="logo">
+        <span class="logo-label">{i18n.nav.brand}</span>
+      </a>
+      <div class="nav-end">
+        <a href={localePath(locale, '/market')} class="nav-link">
+          {i18n.nav.market}
+        </a>
+        <button class="lang-btn" id="langToggle" type="button" aria-label="Switch language">
+          {i18n.nav.switchLang}
+        </button>
+        <a href={GITHUB_REPO} class="nav-link" target="_blank" rel="noopener">
+          GitHub
+        </a>
+      </div>
+    </nav>
+  ) : (
+    <nav class="sub-nav" aria-label="navigation">
+      <div class="sub-nav-inner">
+        <a href={localePath(locale, '/')} class="sub-back">
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M15 18l-6-6 6-6" />
+          </svg>
+          <span>{i18n.nav.backHome}</span>
+        </a>
+        <div class="sub-nav-end">
+          <a href={localePath(locale, '/market')} class="nav-link">
+            {i18n.nav.market}
+          </a>
+          <button class="lang-btn" id="langToggle" type="button" aria-label="Switch language">
+            {i18n.nav.switchLang}
+          </button>
+        </div>
+      </div>
+    </nav>
+  )
+}
+
+<style>
+  .nav {
+    max-width: 860px;
+    margin: 0 auto;
+    padding: 24px 24px 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .logo {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .logo-label {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text);
+    letter-spacing: -0.3px;
+  }
+
+  .nav-end {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .nav-link {
+    font-size: 13px;
+    color: var(--text-3);
+    font-weight: 500;
+    transition: color 0.2s;
+  }
+
+  .nav-link:hover {
+    color: var(--text);
+  }
+
+  .lang-btn {
+    background: none;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    color: var(--text-3);
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+    padding: 4px 10px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-family: inherit;
+    transition: all 0.2s;
+  }
+
+  .lang-btn:hover {
+    border-color: rgba(0, 0, 0, 0.2);
+    color: var(--text-2);
+  }
+
+  .sub-nav {
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background: rgba(249, 249, 249, 0.85);
+    backdrop-filter: blur(12px);
+    border-bottom: 1px solid var(--border);
+  }
+
+  .sub-nav-inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    max-width: 680px;
+    margin: 0 auto;
+    padding: 12px 24px;
+  }
+
+  .sub-back {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 14px;
+    color: var(--text-2);
+    transition: color 0.2s;
+  }
+
+  .sub-back:hover {
+    color: var(--text);
+  }
+
+  .sub-nav-end {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .sub-nav .nav-link {
+    font-size: 13px;
+    color: var(--text-3);
+    font-weight: 500;
+    transition: color 0.2s;
+  }
+
+  .sub-nav .nav-link:hover {
+    color: var(--text);
+  }
+
+  .sub-nav .lang-btn {
+    font-size: 13px;
+    font-weight: 600;
+    padding: 4px 10px;
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    background: var(--surface);
+    color: var(--text-2);
+    cursor: pointer;
+    transition: all 0.2s;
+  }
+
+  .sub-nav .lang-btn:hover {
+    color: var(--text);
+    border-color: rgba(0, 0, 0, 0.15);
+  }
+</style>
diff --git a/packages/site/src/i18n/en.ts b/packages/site/src/i18n/en.ts
index 61d0c85..7c18cb8 100644
--- a/packages/site/src/i18n/en.ts
+++ b/packages/site/src/i18n/en.ts
@@ -6,6 +6,7 @@ export default {
   },
   nav: {
     brand: 'AIbubu',
+    market: 'Pet Market',
     switchLang: '中',
     backHome: 'Back to Home',
   },
@@ -82,6 +83,24 @@ export default {
   chars: {
     title: 'Pick your companion',
     note: 'Custom skins supported · More on the way',
+    browseAll: 'Browse all characters →',
+  },
+  market: {
+    pageTitle: 'Pet Market — AIbubu',
+    description: 'Browse all AIbubu character skins and pick your desktop companion.',
+    title: 'Pet Market',
+    subtitle: '{count} characters, more on the way',
+    filterAll: 'All',
+    filterPixel: 'Pixel Art',
+    filterAI: 'AI Generated',
+    searchPlaceholder: 'Search characters...',
+    stateIdle: 'Idle',
+    stateWalk: 'Walk',
+    stateRun: 'Run',
+    stateSprint: 'Sprint',
+    author: 'by',
+    cta: 'Download AIbubu to use more characters',
+    ctaBtn: 'Download Now',
   },
   footer: {
     credits: 'Pixel art by',
diff --git a/packages/site/src/i18n/zh.ts b/packages/site/src/i18n/zh.ts
index 3c7e0db..4b5e17e 100644
--- a/packages/site/src/i18n/zh.ts
+++ b/packages/site/src/i18n/zh.ts
@@ -6,6 +6,7 @@ export default {
   },
   nav: {
     brand: 'AI 步步',
+    market: '宠物市场',
     switchLang: 'EN',
     backHome: '返回首页',
   },
@@ -70,6 +71,24 @@ export default {
   chars: {
     title: '挑选你的伙伴',
     note: '支持自定义角色 · 更多角色持续更新中',
+    browseAll: '浏览全部角色 →',
+  },
+  market: {
+    pageTitle: '宠物市场 — AI 步步',
+    description: '浏览 AI 步步的所有角色皮肤，挑选你的桌面伙伴。',
+    title: '宠物市场',
+    subtitle: '{count} 款角色，更多持续更新中',
+    filterAll: '全部',
+    filterPixel: '像素风',
+    filterAI: 'AI 生成',
+    searchPlaceholder: '搜索角色...',
+    stateIdle: '待机',
+    stateWalk: '走路',
+    stateRun: '跑步',
+    stateSprint: '冲刺',
+    author: '作者',
+    cta: '下载 AI 步步，使用更多角色',
+    ctaBtn: '立即下载',
   },
   footer: {
     credits: '像素角色来自',
diff --git a/packages/site/src/pages/[locale]/download.astro b/packages/site/src/pages/[locale]/download.astro
index fe63a43..ddff775 100644
--- a/packages/site/src/pages/[locale]/download.astro
+++ b/packages/site/src/pages/[locale]/download.astro
@@ -1,6 +1,7 @@
 ---
 import Base from '../../layouts/Base.astro'
-import { t, localePath, type Locale } from '../../i18n'
+import Nav from '../../components/Nav.astro'
+import { t, type Locale } from '../../i18n'
 
 export function getStaticPaths() {
   return [{ params: { locale: 'zh' } }, { params: { locale: 'en' } }]
@@ -75,28 +76,7 @@ const platforms = [
 ---
 
 <Base title={i18n.download.pageTitle} description={i18n.download.description}>
-  <nav class="dl-nav" aria-label="download">
-    <div class="dl-nav-inner">
-      <a href={localePath(locale, '/')} class="dl-back">
-        <svg
-          width="14"
-          height="14"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <path d="M15 18l-6-6 6-6"></path>
-        </svg>
-        <span>{i18n.nav.backHome}</span>
-      </a>
-      <button class="lang-btn" id="langToggle" type="button" aria-label="Switch language">
-        {i18n.nav.switchLang}
-      </button>
-    </div>
-  </nav>
+  <Nav variant="sub" />
 
   <main class="dl-page">
     <h1>{i18n.download.title}</h1>
@@ -152,54 +132,6 @@ const platforms = [
 </script>
 
 <style>
-  .dl-nav {
-    position: sticky;
-    top: 0;
-    z-index: 10;
-    background: rgba(249, 249, 249, 0.85);
-    backdrop-filter: blur(12px);
-    border-bottom: 1px solid var(--border);
-  }
-
-  .dl-nav-inner {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    max-width: 680px;
-    margin: 0 auto;
-    padding: 12px 24px;
-  }
-
-  .dl-back {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    font-size: 14px;
-    color: var(--text-2);
-    transition: color 0.2s;
-  }
-
-  .dl-back:hover {
-    color: var(--text);
-  }
-
-  .lang-btn {
-    font-size: 13px;
-    font-weight: 600;
-    padding: 4px 10px;
-    border: 1px solid var(--border);
-    border-radius: 6px;
-    background: var(--surface);
-    color: var(--text-2);
-    cursor: pointer;
-    transition: all 0.2s;
-  }
-
-  .lang-btn:hover {
-    color: var(--text);
-    border-color: rgba(0, 0, 0, 0.15);
-  }
-
   .dl-page {
     max-width: 680px;
     margin: 0 auto;
diff --git a/packages/site/src/pages/[locale]/index.astro b/packages/site/src/pages/[locale]/index.astro
index 611da47..90e874f 100644
--- a/packages/site/src/pages/[locale]/index.astro
+++ b/packages/site/src/pages/[locale]/index.astro
@@ -1,5 +1,6 @@
 ---
 import Base from '../../layouts/Base.astro'
+import Nav from '../../components/Nav.astro'
 import { t, localePath, type Locale } from '../../i18n'
 
 export function getStaticPaths() {
@@ -57,17 +58,7 @@ try {
     })}
   />
 
-  <nav class="nav" aria-label="main">
-    <a href={localePath(locale, '/')} class="logo">
-      <span class="logo-label">{i18n.nav.brand}</span>
-    </a>
-    <div class="nav-end">
-      <button class="lang-btn" id="langToggle" type="button" aria-label="Switch language">
-        {i18n.nav.switchLang}
-      </button>
-      <a href={GITHUB_REPO} class="nav-link" target="_blank" rel="noopener">GitHub</a>
-    </div>
-  </nav>
+  <Nav variant="main" />
 
   <main>
     <section class="hero">
@@ -209,6 +200,7 @@ try {
         }
       </div>
       <p class="chars-note">{i18n.chars.note}</p>
+      <a href={localePath(locale, '/market')} class="chars-browse">{i18n.chars.browseAll}</a>
     </section>
   </main>
 
@@ -441,64 +433,6 @@ try {
     border: 0;
   }
 
-  .nav {
-    max-width: 860px;
-    margin: 0 auto;
-    padding: 24px 24px 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-
-  .logo {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-
-  .logo-label {
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--text);
-    letter-spacing: -0.3px;
-  }
-
-  .nav-end {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-  }
-
-  .lang-btn {
-    background: none;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    color: var(--text-3);
-    font-size: 11px;
-    font-weight: 600;
-    letter-spacing: 0.5px;
-    padding: 4px 10px;
-    border-radius: 6px;
-    cursor: pointer;
-    font-family: inherit;
-    transition: all 0.2s;
-  }
-
-  .lang-btn:hover {
-    border-color: rgba(0, 0, 0, 0.2);
-    color: var(--text-2);
-  }
-
-  .nav-link {
-    font-size: 13px;
-    color: var(--text-3);
-    font-weight: 500;
-    transition: color 0.2s;
-  }
-
-  .nav-link:hover {
-    color: var(--text);
-  }
-
   .hero {
     max-width: 860px;
     margin: 0 auto;
@@ -879,6 +813,20 @@ try {
     color: var(--text-3);
   }
 
+  .chars-browse {
+    display: inline-block;
+    margin-top: 16px;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--accent);
+    transition: all 0.2s;
+  }
+
+  .chars-browse:hover {
+    color: var(--text);
+    transform: translateX(4px);
+  }
+
   .footer {
     border-top: 1px solid var(--border);
     padding: 32px 24px calc(32px + env(safe-area-inset-bottom, 0px));
diff --git a/packages/site/src/pages/[locale]/market.astro b/packages/site/src/pages/[locale]/market.astro
new file mode 100644
index 0000000..e76766e
--- /dev/null
+++ b/packages/site/src/pages/[locale]/market.astro
@@ -0,0 +1,635 @@
+---
+import Base from '../../layouts/Base.astro'
+import Nav from '../../components/Nav.astro'
+import { t, localePath, type Locale } from '../../i18n'
+import { readFileSync } from 'fs'
+import { resolve } from 'path'
+
+export function getStaticPaths() {
+  return [{ params: { locale: 'zh' } }, { params: { locale: 'en' } }]
+}
+
+const locale = Astro.params.locale as Locale
+const i18n = t(locale)
+const GITHUB_REPO = 'https://github.com/funAgent/ai-bubu'
+
+interface SkinAnimation {
+  file: string
+  frameWidth: number
+  frameHeight: number
+  frameCount: number
+  columns: number
+  fps: number
+  startFrame: number
+}
+
+interface SkinCard {
+  id: string
+  name: string
+  author: string
+  description?: string
+  style?: string
+  states: string[]
+  pet: string
+  animations: Record<string, SkinAnimation>
+}
+
+let skins: SkinCard[] = []
+try {
+  const raw = readFileSync(resolve('public/data/skins.json'), 'utf-8')
+  skins = JSON.parse(raw)
+} catch {
+  /* skins.json not yet generated */
+}
+
+const subtitle = i18n.market.subtitle.replace('{count}', String(skins.length))
+
+const STATE_LABELS: Record<string, string> = {
+  idle: i18n.market.stateIdle,
+  walk: i18n.market.stateWalk,
+  run: i18n.market.stateRun,
+  sprint: i18n.market.stateSprint,
+}
+---
+
+<Base title={i18n.market.pageTitle} description={i18n.market.description}>
+  <Nav variant="main" />
+
+  <main class="market">
+    <section class="market-hero">
+      <h1>{i18n.market.title}</h1>
+      <p class="market-subtitle">{subtitle}</p>
+    </section>
+
+    <section class="market-toolbar">
+      <div class="filter-group" id="filterGroup">
+        <button class="filter-btn active" data-filter="all">{i18n.market.filterAll}</button>
+        <button class="filter-btn" data-filter="pixel">{i18n.market.filterPixel}</button>
+        <button class="filter-btn" data-filter="ai-generated">{i18n.market.filterAI}</button>
+      </div>
+      <div class="search-box">
+        <svg
+          class="search-icon"
+          width="14"
+          height="14"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <circle cx="11" cy="11" r="8"></circle>
+          <path d="M21 21l-4.35-4.35"></path>
+        </svg>
+        <input
+          type="text"
+          id="searchInput"
+          class="search-input"
+          placeholder={i18n.market.searchPlaceholder}
+          autocomplete="off"
+        />
+      </div>
+    </section>
+
+    <section class="gallery" id="gallery">
+      {
+        skins.map((skin) => (
+          <div
+            class="skin-card"
+            data-style={skin.style || ''}
+            data-name={skin.name.toLowerCase()}
+            data-author={skin.author.toLowerCase()}
+            data-skin-id={skin.id}
+          >
+            <div class="card-preview">
+              <div
+                class="sprite-preview"
+                data-skin-id={skin.id}
+                data-animations={JSON.stringify(skin.animations)}
+                role="img"
+                aria-label={skin.name}
+              />
+            </div>
+            <div class="card-body">
+              <h3 class="card-name">{skin.name}</h3>
+              <p class="card-author">
+                {i18n.market.author} {skin.author}
+              </p>
+              {skin.description && <p class="card-desc">{skin.description}</p>}
+              <div class="card-states" data-skin-id={skin.id}>
+                {skin.states.map((state) => (
+                  <button
+                    class:list={['state-tag', { active: state === 'idle' }]}
+                    data-state={state}
+                    data-skin-id={skin.id}
+                    type="button"
+                  >
+                    {STATE_LABELS[state] ?? state}
+                  </button>
+                ))}
+              </div>
+            </div>
+          </div>
+        ))
+      }
+    </section>
+
+    <div class="no-results" id="noResults" style="display:none">
+      {locale === 'zh' ? '没有找到匹配的角色' : 'No characters found'}
+    </div>
+
+    <section class="market-cta">
+      <p class="cta-text">{i18n.market.cta}</p>
+      <div class="cta-actions">
+        <a href={localePath(locale, '/download')} class="btn-primary">{i18n.market.ctaBtn}</a>
+        <a href={GITHUB_REPO} class="btn-ghost" target="_blank" rel="noopener">GitHub</a>
+      </div>
+    </section>
+  </main>
+</Base>
+
+<script>
+  import { initLangToggle } from '../../scripts/lang-toggle'
+  import { SpritePlayer } from '../../scripts/sprite-player'
+  import type { SpriteAnimParams } from '../../scripts/sprite-player'
+
+  initLangToggle()
+
+  // --- Filter / Search ---
+  const gallery = document.getElementById('gallery')!
+  const cards = gallery.querySelectorAll<HTMLElement>('.skin-card')
+  const filterBtns = document.querySelectorAll<HTMLElement>('.filter-btn')
+  const searchInput = document.getElementById('searchInput') as HTMLInputElement
+  const noResults = document.getElementById('noResults')!
+
+  let activeFilter = 'all'
+
+  function applyFilters() {
+    const query = searchInput.value.trim().toLowerCase()
+    let visible = 0
+
+    cards.forEach((card) => {
+      const style = card.dataset.style || ''
+      const name = card.dataset.name || ''
+      const author = card.dataset.author || ''
+
+      const matchesFilter = activeFilter === 'all' || style === activeFilter
+      const matchesSearch = !query || name.includes(query) || author.includes(query)
+
+      if (matchesFilter && matchesSearch) {
+        card.style.display = ''
+        visible++
+      } else {
+        card.style.display = 'none'
+      }
+    })
+
+    noResults.style.display = visible === 0 ? '' : 'none'
+  }
+
+  filterBtns.forEach((btn) => {
+    btn.addEventListener('click', () => {
+      filterBtns.forEach((b) => b.classList.remove('active'))
+      btn.classList.add('active')
+      activeFilter = btn.dataset.filter || 'all'
+      applyFilters()
+    })
+  })
+
+  searchInput.addEventListener('input', applyFilters)
+
+  // --- Sprite Animation ---
+  interface AnimMap {
+    [state: string]: SpriteAnimParams
+  }
+  const players = new Map<string, { player: SpritePlayer; anims: AnimMap; skinId: string }>()
+
+  document.querySelectorAll<HTMLElement>('.sprite-preview').forEach((el) => {
+    const skinId = el.dataset.skinId!
+    const anims: AnimMap = JSON.parse(el.dataset.animations!)
+    const player = new SpritePlayer(el)
+
+    if (anims.idle) {
+      player.play(anims.idle, `/skins/${skinId}/${anims.idle.file}`)
+      player.pause()
+    }
+
+    players.set(skinId, { player, anims, skinId })
+  })
+
+  // State tag interaction: hover to switch, leave to reset idle
+  document.querySelectorAll<HTMLElement>('.card-states').forEach((container) => {
+    const skinId = container.dataset.skinId!
+    const entry = players.get(skinId)
+    if (!entry) return
+
+    const tags = container.querySelectorAll<HTMLElement>('.state-tag')
+
+    tags.forEach((tag) => {
+      tag.addEventListener('mouseenter', () => {
+        const state = tag.dataset.state!
+        const anim = entry.anims[state]
+        if (!anim) return
+
+        tags.forEach((t) => t.classList.remove('active'))
+        tag.classList.add('active')
+        entry.player.play(anim, `/skins/${skinId}/${anim.file}`)
+      })
+    })
+
+    container.addEventListener('mouseleave', () => {
+      tags.forEach((t) => t.classList.remove('active'))
+      const idleTag = container.querySelector('[data-state="idle"]')
+      if (idleTag) idleTag.classList.add('active')
+
+      if (entry.anims.idle) {
+        entry.player.play(entry.anims.idle, `/skins/${skinId}/${entry.anims.idle.file}`)
+      }
+    })
+  })
+
+  // --- IntersectionObserver: pause off-screen, resume on-screen ---
+  const observer = new IntersectionObserver(
+    (entries) => {
+      for (const ioEntry of entries) {
+        const card = ioEntry.target as HTMLElement
+        const skinId = card.dataset.skinId
+        if (!skinId) continue
+        const entry = players.get(skinId)
+        if (!entry) continue
+
+        if (ioEntry.isIntersecting) {
+          entry.player.resume()
+        } else {
+          entry.player.pause()
+        }
+      }
+    },
+    { rootMargin: '100px' },
+  )
+
+  cards.forEach((card) => observer.observe(card))
+</script>
+
+<style>
+  .market {
+    max-width: 960px;
+    margin: 0 auto;
+    padding: 0 24px 80px;
+  }
+
+  .market-hero {
+    text-align: center;
+    padding: 48px 0 32px;
+    animation: fadeUp 0.5s ease-out;
+  }
+
+  .market-hero h1 {
+    font-family: 'Space Grotesk', sans-serif;
+    font-size: clamp(28px, 5vw, 40px);
+    font-weight: 700;
+    letter-spacing: -1.5px;
+  }
+
+  .market-subtitle {
+    margin-top: 12px;
+    font-size: 15px;
+    color: var(--text-2);
+  }
+
+  .market-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 32px;
+    animation: fadeUp 0.5s ease-out 0.06s both;
+  }
+
+  .filter-group {
+    display: flex;
+    gap: 6px;
+  }
+
+  .filter-btn {
+    padding: 6px 14px;
+    font-size: 12px;
+    font-weight: 600;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    background: var(--surface);
+    color: var(--text-3);
+    cursor: pointer;
+    transition: all 0.2s;
+    font-family: inherit;
+  }
+
+  .filter-btn:hover {
+    border-color: rgba(0, 0, 0, 0.15);
+    color: var(--text-2);
+  }
+
+  .filter-btn.active {
+    background: var(--text);
+    color: var(--bg);
+    border-color: var(--text);
+  }
+
+  .search-box {
+    position: relative;
+    flex-shrink: 0;
+  }
+
+  .search-icon {
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: var(--text-3);
+    pointer-events: none;
+  }
+
+  .search-input {
+    padding: 7px 12px 7px 30px;
+    font-size: 13px;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    background: var(--surface);
+    color: var(--text);
+    width: 180px;
+    font-family: inherit;
+    transition: all 0.2s;
+  }
+
+  .search-input::placeholder {
+    color: var(--text-3);
+  }
+
+  .search-input:focus {
+    outline: none;
+    border-color: var(--accent);
+    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+    width: 220px;
+  }
+
+  .gallery {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 16px;
+    animation: fadeUp 0.5s ease-out 0.12s both;
+  }
+
+  .skin-card {
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    overflow: hidden;
+    transition: all 0.25s ease-out;
+    cursor: default;
+  }
+
+  .skin-card:hover {
+    border-color: rgba(0, 0, 0, 0.15);
+    transform: translateY(-4px);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
+  }
+
+  .card-preview {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 128px;
+    padding: 16px;
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, transparent 100%);
+  }
+
+  .sprite-preview {
+    image-rendering: pixelated;
+    transition: transform 0.3s ease-out;
+    flex-shrink: 0;
+  }
+
+  .skin-card:hover .sprite-preview {
+    transform: scale(1.1);
+  }
+
+  .card-body {
+    padding: 0 16px 16px;
+  }
+
+  .card-name {
+    font-family: 'Space Grotesk', sans-serif;
+    font-size: 15px;
+    font-weight: 700;
+    letter-spacing: -0.3px;
+    color: var(--text);
+  }
+
+  .card-author {
+    font-size: 11px;
+    color: var(--text-3);
+    margin-top: 2px;
+  }
+
+  .card-desc {
+    font-size: 11px;
+    color: var(--text-2);
+    margin-top: 6px;
+    line-height: 1.4;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .card-states {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    margin-top: 10px;
+  }
+
+  .state-tag {
+    font-size: 10px;
+    font-weight: 600;
+    padding: 2px 8px;
+    border-radius: 4px;
+    background: rgba(0, 0, 0, 0.04);
+    color: var(--text-3);
+    letter-spacing: 0.2px;
+    border: 1px solid transparent;
+    cursor: pointer;
+    font-family: inherit;
+    transition: all 0.15s;
+  }
+
+  .state-tag:hover {
+    border-color: rgba(0, 0, 0, 0.1);
+  }
+
+  .state-tag[data-state='idle'] {
+    background: rgba(99, 102, 241, 0.06);
+    color: rgba(99, 102, 241, 0.5);
+  }
+  .state-tag[data-state='idle'].active {
+    background: rgba(99, 102, 241, 0.12);
+    color: #6366f1;
+    border-color: rgba(99, 102, 241, 0.25);
+  }
+
+  .state-tag[data-state='walk'] {
+    background: rgba(34, 197, 94, 0.06);
+    color: rgba(22, 163, 74, 0.5);
+  }
+  .state-tag[data-state='walk'].active {
+    background: rgba(34, 197, 94, 0.12);
+    color: #16a34a;
+    border-color: rgba(34, 197, 94, 0.25);
+  }
+
+  .state-tag[data-state='run'] {
+    background: rgba(245, 158, 11, 0.06);
+    color: rgba(217, 119, 6, 0.5);
+  }
+  .state-tag[data-state='run'].active {
+    background: rgba(245, 158, 11, 0.12);
+    color: #d97706;
+    border-color: rgba(245, 158, 11, 0.25);
+  }
+
+  .state-tag[data-state='sprint'] {
+    background: rgba(239, 68, 68, 0.06);
+    color: rgba(220, 38, 38, 0.5);
+  }
+  .state-tag[data-state='sprint'].active {
+    background: rgba(239, 68, 68, 0.12);
+    color: #dc2626;
+    border-color: rgba(239, 68, 68, 0.25);
+  }
+
+  .no-results {
+    text-align: center;
+    padding: 48px 0;
+    font-size: 14px;
+    color: var(--text-3);
+  }
+
+  .market-cta {
+    text-align: center;
+    margin-top: 64px;
+    padding: 48px 24px;
+    background: var(--surface);
+    border: 1px solid var(--border);
+    border-radius: 20px;
+    animation: fadeUp 0.5s ease-out 0.18s both;
+  }
+
+  .cta-text {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--text);
+    margin-bottom: 20px;
+  }
+
+  .cta-actions {
+    display: flex;
+    gap: 12px;
+    justify-content: center;
+  }
+
+  .btn-primary {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 24px;
+    background: var(--text);
+    color: var(--bg);
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 600;
+    transition: all 0.2s ease-out;
+  }
+
+  .btn-primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+  }
+
+  .btn-ghost {
+    display: inline-flex;
+    align-items: center;
+    padding: 12px 24px;
+    background: transparent;
+    border: 1px solid var(--border);
+    color: var(--text-2);
+    border-radius: 10px;
+    font-size: 14px;
+    font-weight: 500;
+    transition: all 0.2s ease-out;
+  }
+
+  .btn-ghost:hover {
+    border-color: rgba(0, 0, 0, 0.2);
+    color: var(--text);
+  }
+
+  @keyframes fadeUp {
+    from {
+      opacity: 0;
+      transform: translateY(16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @media (max-width: 860px) {
+    .gallery {
+      grid-template-columns: repeat(3, 1fr);
+    }
+  }
+
+  @media (max-width: 640px) {
+    .market-toolbar {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .filter-group {
+      overflow-x: auto;
+    }
+
+    .search-input {
+      width: 100%;
+    }
+
+    .search-input:focus {
+      width: 100%;
+    }
+
+    .gallery {
+      grid-template-columns: repeat(2, 1fr);
+      gap: 12px;
+    }
+
+    .card-preview {
+      height: 100px;
+      padding: 12px;
+    }
+
+    .card-body {
+      padding: 0 12px 12px;
+    }
+
+    .card-name {
+      font-size: 13px;
+    }
+
+    .market-cta {
+      margin-top: 40px;
+      padding: 32px 16px;
+    }
+  }
+</style>
diff --git a/packages/site/src/pages/[locale]/privacy.astro b/packages/site/src/pages/[locale]/privacy.astro
index 4062489..91b2a80 100644
--- a/packages/site/src/pages/[locale]/privacy.astro
+++ b/packages/site/src/pages/[locale]/privacy.astro
@@ -1,6 +1,7 @@
 ---
 import Base from '../../layouts/Base.astro'
-import { t, localePath, type Locale } from '../../i18n'
+import Nav from '../../components/Nav.astro'
+import { t, type Locale } from '../../i18n'
 
 export function getStaticPaths() {
   return [{ params: { locale: 'zh' } }, { params: { locale: 'en' } }]
@@ -13,54 +14,6 @@ const GITHUB_REPO = 'https://github.com/funAgent/ai-bubu'
 
 <Base title={i18n.privacy.pageTitle} description={i18n.privacy.description}>
   <style>
-    .privacy-nav {
-      position: sticky;
-      top: 0;
-      z-index: 10;
-      background: rgba(249, 249, 249, 0.85);
-      backdrop-filter: blur(12px);
-      border-bottom: 1px solid var(--border);
-    }
-
-    .privacy-nav-inner {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      max-width: 680px;
-      margin: 0 auto;
-      padding: 12px 24px;
-    }
-
-    .privacy-back {
-      display: inline-flex;
-      align-items: center;
-      gap: 4px;
-      font-size: 14px;
-      color: var(--text-2);
-      transition: color 0.2s;
-    }
-
-    .privacy-back:hover {
-      color: var(--text);
-    }
-
-    .lang-btn {
-      font-size: 13px;
-      font-weight: 600;
-      padding: 4px 10px;
-      border: 1px solid var(--border);
-      border-radius: 6px;
-      background: var(--surface);
-      color: var(--text-2);
-      cursor: pointer;
-      transition: all 0.2s;
-    }
-
-    .lang-btn:hover {
-      color: var(--text);
-      border-color: rgba(0, 0, 0, 0.15);
-    }
-
     .privacy {
       max-width: 680px;
       margin: 0 auto;
@@ -118,28 +71,7 @@ const GITHUB_REPO = 'https://github.com/funAgent/ai-bubu'
     }
   </style>
 
-  <nav class="privacy-nav" aria-label="privacy">
-    <div class="privacy-nav-inner">
-      <a href={localePath(locale, '/')} class="privacy-back">
-        <svg
-          width="14"
-          height="14"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <path d="M15 18l-6-6 6-6"></path>
-        </svg>
-        <span>{i18n.nav.backHome}</span>
-      </a>
-      <button class="lang-btn" id="langToggle" type="button" aria-label="Switch language">
-        {i18n.nav.switchLang}
-      </button>
-    </div>
-  </nav>
+  <Nav variant="sub" />
 
   <div class="privacy">
     {
diff --git a/packages/site/src/scripts/sprite-player.ts b/packages/site/src/scripts/sprite-player.ts
new file mode 100644
index 0000000..db907e7
--- /dev/null
+++ b/packages/site/src/scripts/sprite-player.ts
@@ -0,0 +1,108 @@
+export interface SpriteAnimParams {
+  file: string
+  frameWidth: number
+  frameHeight: number
+  frameCount: number
+  columns: number
+  fps: number
+  startFrame: number
+  sheetRows: number
+}
+
+export class SpritePlayer {
+  private el: HTMLElement
+  private params: SpriteAnimParams | null = null
+  private spriteUrl = ''
+  private frameIndex = 0
+  private lastFrameTime = 0
+  private animId = 0
+  private _paused = false
+  private scale = 1
+  private maxW: number
+  private maxH: number
+
+  constructor(el: HTMLElement, maxSize = 96) {
+    this.el = el
+    this.maxW = maxSize
+    this.maxH = maxSize
+  }
+
+  play(params: SpriteAnimParams, spriteUrl: string) {
+    this.stop()
+    this.params = params
+    this.spriteUrl = spriteUrl
+    this.frameIndex = 0
+    this.lastFrameTime = 0
+    this._paused = false
+
+    const maxW = this.maxW
+    const maxH = this.maxH
+    this.scale = Math.min(maxW / params.frameWidth, maxH / params.frameHeight)
+
+    const scaledFW = Math.round(params.frameWidth * this.scale)
+    const scaledFH = Math.round(params.frameHeight * this.scale)
+    this.el.style.width = `${scaledFW}px`
+    this.el.style.height = `${scaledFH}px`
+    this.el.style.overflow = 'hidden'
+
+    const bgW = params.columns * params.frameWidth * this.scale
+    const bgH = (params.sheetRows || 1) * params.frameHeight * this.scale
+    this.el.style.backgroundImage = `url("${spriteUrl}")`
+    this.el.style.backgroundSize = `${bgW}px ${bgH}px`
+    this.el.style.imageRendering = 'pixelated'
+    this.el.style.backgroundRepeat = 'no-repeat'
+
+    this.renderFrame()
+    this.animId = requestAnimationFrame((t) => this.tick(t))
+  }
+
+  private tick(now: number) {
+    if (this._paused || !this.params) return
+
+    const interval = 1000 / this.params.fps
+    if (now - this.lastFrameTime >= interval) {
+      this.lastFrameTime = now - ((now - this.lastFrameTime) % interval)
+      this.frameIndex = (this.frameIndex + 1) % this.params.frameCount
+      this.renderFrame()
+    }
+    this.animId = requestAnimationFrame((t) => this.tick(t))
+  }
+
+  private renderFrame() {
+    if (!this.params) return
+    const globalFrame = this.params.startFrame + this.frameIndex
+    const col = globalFrame % this.params.columns
+    const row = Math.floor(globalFrame / this.params.columns)
+    const scaledFW = this.params.frameWidth * this.scale
+    const scaledFH = this.params.frameHeight * this.scale
+    const bgX = Math.round(-(col * scaledFW))
+    const bgY = Math.round(-(row * scaledFH))
+    this.el.style.backgroundPosition = `${bgX}px ${bgY}px`
+  }
+
+  pause() {
+    this._paused = true
+    cancelAnimationFrame(this.animId)
+  }
+
+  resume() {
+    if (!this._paused || !this.params) return
+    this._paused = false
+    this.lastFrameTime = 0
+    this.animId = requestAnimationFrame((t) => this.tick(t))
+  }
+
+  stop() {
+    cancelAnimationFrame(this.animId)
+    this._paused = false
+    this.params = null
+  }
+
+  get paused() {
+    return this._paused
+  }
+
+  get playing() {
+    return this.params !== null && !this._paused
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 372f765..4a00fa0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -92,10 +92,10 @@ importers:
         version: 2.10.1
       '@vitejs/plugin-vue':
         specifier: ^5
-        version: 5.2.4(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))(vue@3.5.32(typescript@5.9.3))
+        version: 5.2.4(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))(vue@3.5.32(typescript@5.9.3))
       '@vitest/coverage-v8':
         specifier: ^4.1.2
-        version: 4.1.2(vitest@4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)))
+        version: 4.1.2(vitest@4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)))
       '@vue/test-utils':
         specifier: ^2.4.6
         version: 2.4.6
@@ -110,10 +110,10 @@ importers:
         version: 5.9.3
       vite:
         specifier: ^6
-        version: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
+        version: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)
       vitest:
         specifier: ^4.1.2
-        version: 4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))
+        version: 4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))
       vue-tsc:
         specifier: ^2
         version: 2.2.12(typescript@5.9.3)
@@ -125,7 +125,11 @@ importers:
         version: 3.7.2
       astro:
         specifier: ^6.1.3
-        version: 6.1.3(@types/node@25.5.1)(jiti@2.6.1)(rollup@4.60.1)(terser@5.46.1)(typescript@5.9.3)(yaml@2.8.3)
+        version: 6.1.3(@types/node@25.5.1)(jiti@2.6.1)(rollup@4.60.1)(terser@5.46.1)(tsx@4.22.1)(typescript@5.9.3)(yaml@2.8.3)
+    devDependencies:
+      tsx:
+        specifier: ^4.22.1
+        version: 4.22.1
 
 packages:
 
@@ -283,6 +287,12 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.28.0':
+    resolution: {integrity: sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.25.12':
     resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
     engines: {node: '>=18'}
@@ -295,6 +305,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.28.0':
+    resolution: {integrity: sha512-+WzIXQOSaGs33tLEgYPYe/yQHf0WTU0X42Jca3y8NWMbUVhp7rUnw+vAsRC/QiDrdD31IszMrZy+qwPOPjd+rw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.25.12':
     resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
     engines: {node: '>=18'}
@@ -307,6 +323,12 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.28.0':
+    resolution: {integrity: sha512-wqh0ByljabXLKHeWXYLqoJ5jKC4XBaw6Hk08OfMrCRd2nP2ZQ5eleDZC41XHyCNgktBGYMbqnrJKq/K/lzPMSQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.25.12':
     resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
     engines: {node: '>=18'}
@@ -319,6 +341,12 @@ packages:
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.28.0':
+    resolution: {integrity: sha512-+VJggoaKhk2VNNqVL7f6S189UzShHC/mR9EE8rDdSkdpN0KflSwWY/gWjDrNxxisg8Fp1ZCD9jLMo4m0OUfeUA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.25.12':
     resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
     engines: {node: '>=18'}
@@ -331,6 +359,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.28.0':
+    resolution: {integrity: sha512-0T+A9WZm+bZ84nZBtk1ckYsOvyA3x7e2Acj1KdVfV4/2tdG4fzUp91YHx+GArWLtwqp77pBXVCPn2We7Letr0Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.25.12':
     resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
     engines: {node: '>=18'}
@@ -343,6 +377,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.28.0':
+    resolution: {integrity: sha512-fyzLm/DLDl/84OCfp2f/XQ4flmORsjU7VKt8HLjvIXChJoFFOIL6pLJPH4Yhd1n1gGFF9mPwtlN5Wf82DZs+LQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.25.12':
     resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
     engines: {node: '>=18'}
@@ -355,6 +395,12 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.28.0':
+    resolution: {integrity: sha512-l9GeW5UZBT9k9brBYI+0WDffcRxgHQD8ShN2Ur4xWq/NFzUKm3k5lsH4PdaRgb2w7mI9u61nr2gI2mLI27Nh3Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.25.12':
     resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
     engines: {node: '>=18'}
@@ -367,6 +413,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.28.0':
+    resolution: {integrity: sha512-BXoQai/A0wPO6Es3yFJ7APCiKGc1tdAEOgeTNy3SsB491S3aHn4S4r3e976eUnPdU+NbdtmBuLncYir2tMU9Nw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.25.12':
     resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
     engines: {node: '>=18'}
@@ -379,6 +431,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.28.0':
+    resolution: {integrity: sha512-RVyzfb3FWsGA55n6WY0MEIEPURL1FcbhFE6BffZEMEekfCzCIMtB5yyDcFnVbTnwk+CLAgTujmV/Lgvih56W+A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.25.12':
     resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
     engines: {node: '>=18'}
@@ -391,6 +449,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.28.0':
+    resolution: {integrity: sha512-CjaaREJagqJp7iTaNQjjidaNbCKYcd4IDkzbwwxtSvjI7NZm79qiHc8HqciMddQ6CKvJT6aBd8lO9kN/ZudLlw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.25.12':
     resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
     engines: {node: '>=18'}
@@ -403,6 +467,12 @@ packages:
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.28.0':
+    resolution: {integrity: sha512-KBnSTt1kxl9x70q+ydterVdl+Cn0H18ngRMRCEQfrbqdUuntQQ0LoMZv47uB97NljZFzY6HcfqEZ2SAyIUTQBQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.25.12':
     resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
     engines: {node: '>=18'}
@@ -415,6 +485,12 @@ packages:
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.28.0':
+    resolution: {integrity: sha512-zpSlUce1mnxzgBADvxKXX5sl8aYQHo2ezvMNI8I0lbblJtp8V4odlm3Yzlj7gPyt3T8ReksE6bK+pT3WD+aJRg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.25.12':
     resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
     engines: {node: '>=18'}
@@ -427,6 +503,12 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.28.0':
+    resolution: {integrity: sha512-2jIfP6mmjkdmeTlsX/9vmdmhBmKADrWqN7zcdtHIeNSCH1SqIoNI63cYsjQR8J+wGa4Y5izRcSHSm8K3QWmk3w==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.25.12':
     resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
     engines: {node: '>=18'}
@@ -439,6 +521,12 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.28.0':
+    resolution: {integrity: sha512-bc0FE9wWeC0WBm49IQMPSPILRocGTQt3j5KPCA8os6VprfuJ7KD+5PzESSrJ6GmPIPJK965ZJHTUlSA6GNYEhg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.25.12':
     resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
     engines: {node: '>=18'}
@@ -451,6 +539,12 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.28.0':
+    resolution: {integrity: sha512-SQPZOwoTTT/HXFXQJG/vBX8sOFagGqvZyXcgLA3NhIqcBv1BJU1d46c0rGcrij2B56Z2rNiSLaZOYW5cUk7yLQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.25.12':
     resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
     engines: {node: '>=18'}
@@ -463,6 +557,12 @@ packages:
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.28.0':
+    resolution: {integrity: sha512-SCfR0HN8CEEjnYnySJTd2cw0k9OHB/YFzt5zgJEwa+wL/T/raGWYMBqwDNAC6dqFKmJYZoQBRfHjgwLHGSrn3Q==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.25.12':
     resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
     engines: {node: '>=18'}
@@ -475,6 +575,12 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.28.0':
+    resolution: {integrity: sha512-us0dSb9iFxIi8srnpl931Nvs65it/Jd2a2K3qs7fz2WfGPHqzfzZTfec7oxZJRNPXPnNYZtanmRc4AL/JwVzHQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.25.12':
     resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
     engines: {node: '>=18'}
@@ -487,6 +593,12 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.28.0':
+    resolution: {integrity: sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.25.12':
     resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
     engines: {node: '>=18'}
@@ -499,6 +611,12 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.28.0':
+    resolution: {integrity: sha512-nU1yhmYutL+fQ71Kxnhg8uEOdC0pwEW9entHykTgEbna2pw2dkbFSMeqjjyHZoCmt8SBkOSvV+yNmm94aUrrqw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.25.12':
     resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
     engines: {node: '>=18'}
@@ -511,6 +629,12 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.28.0':
+    resolution: {integrity: sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.25.12':
     resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
     engines: {node: '>=18'}
@@ -523,6 +647,12 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.28.0':
+    resolution: {integrity: sha512-8wZM2qqtv9UP3mzy7HiGYNH/zjTA355mpeuA+859TyR+e+Tc08IHYpLJuMsfpDJwoLo1ikIJI8jC3GFjnRClzA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/openharmony-arm64@0.25.12':
     resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
     engines: {node: '>=18'}
@@ -535,6 +665,12 @@ packages:
     cpu: [arm64]
     os: [openharmony]
 
+  '@esbuild/openharmony-arm64@0.28.0':
+    resolution: {integrity: sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@esbuild/sunos-x64@0.25.12':
     resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
     engines: {node: '>=18'}
@@ -547,6 +683,12 @@ packages:
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.28.0':
+    resolution: {integrity: sha512-1ZgjUoEdHZZl/YlV76TSCz9Hqj9h9YmMGAgAPYd+q4SicWNX3G5GCyx9uhQWSLcbvPW8Ni7lj4gDa1T40akdlw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.25.12':
     resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
     engines: {node: '>=18'}
@@ -559,6 +701,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.28.0':
+    resolution: {integrity: sha512-Q9StnDmQ/enxnpxCCLSg0oo4+34B9TdXpuyPeTedN/6+iXBJ4J+zwfQI28u/Jl40nOYAxGoNi7mFP40RUtkmUA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.25.12':
     resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
     engines: {node: '>=18'}
@@ -571,6 +719,12 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.28.0':
+    resolution: {integrity: sha512-zF3ag/gfiCe6U2iczcRzSYJKH1DCI+ByzSENHlM2FcDbEeo5Zd2C86Aq0tKUYAJJ1obRP84ymxIAksZUcdztHA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.25.12':
     resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
     engines: {node: '>=18'}
@@ -583,6 +737,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.28.0':
+    resolution: {integrity: sha512-pEl1bO9mfAmIC+tW5btTmrKaujg3zGtUmWNdCw/xs70FBjwAL3o9OEKNHvNmnyylD6ubxUERiEhdsL0xBQ9efw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.9.1':
     resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1756,6 +1916,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.28.0:
+    resolution: {integrity: sha512-sNR9MHpXSUV/XB4zmsFKN+QgVG82Cc7+/aaxJ8Adi8hyOac+EXptIp45QBPaVyX3N70664wRbTcLTOemCAnyqw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -2886,6 +3051,11 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  tsx@4.22.1:
+    resolution: {integrity: sha512-TvncJykhxAzFCk0VQZKBTClall4Pm7qXDSodb6uxi8QFa8X8mT6ABjxxsQ2opDRYxG7AzcRWXaFtruz5HJKuWg==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -3495,156 +3665,234 @@ snapshots:
   '@esbuild/aix-ppc64@0.27.7':
     optional: true
 
+  '@esbuild/aix-ppc64@0.28.0':
+    optional: true
+
   '@esbuild/android-arm64@0.25.12':
     optional: true
 
   '@esbuild/android-arm64@0.27.7':
     optional: true
 
+  '@esbuild/android-arm64@0.28.0':
+    optional: true
+
   '@esbuild/android-arm@0.25.12':
     optional: true
 
   '@esbuild/android-arm@0.27.7':
     optional: true
 
+  '@esbuild/android-arm@0.28.0':
+    optional: true
+
   '@esbuild/android-x64@0.25.12':
     optional: true
 
   '@esbuild/android-x64@0.27.7':
     optional: true
 
+  '@esbuild/android-x64@0.28.0':
+    optional: true
+
   '@esbuild/darwin-arm64@0.25.12':
     optional: true
 
   '@esbuild/darwin-arm64@0.27.7':
     optional: true
 
+  '@esbuild/darwin-arm64@0.28.0':
+    optional: true
+
   '@esbuild/darwin-x64@0.25.12':
     optional: true
 
   '@esbuild/darwin-x64@0.27.7':
     optional: true
 
+  '@esbuild/darwin-x64@0.28.0':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.25.12':
     optional: true
 
   '@esbuild/freebsd-arm64@0.27.7':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.28.0':
+    optional: true
+
   '@esbuild/freebsd-x64@0.25.12':
     optional: true
 
   '@esbuild/freebsd-x64@0.27.7':
     optional: true
 
+  '@esbuild/freebsd-x64@0.28.0':
+    optional: true
+
   '@esbuild/linux-arm64@0.25.12':
     optional: true
 
   '@esbuild/linux-arm64@0.27.7':
     optional: true
 
+  '@esbuild/linux-arm64@0.28.0':
+    optional: true
+
   '@esbuild/linux-arm@0.25.12':
     optional: true
 
   '@esbuild/linux-arm@0.27.7':
     optional: true
 
+  '@esbuild/linux-arm@0.28.0':
+    optional: true
+
   '@esbuild/linux-ia32@0.25.12':
     optional: true
 
   '@esbuild/linux-ia32@0.27.7':
     optional: true
 
+  '@esbuild/linux-ia32@0.28.0':
+    optional: true
+
   '@esbuild/linux-loong64@0.25.12':
     optional: true
 
   '@esbuild/linux-loong64@0.27.7':
     optional: true
 
+  '@esbuild/linux-loong64@0.28.0':
+    optional: true
+
   '@esbuild/linux-mips64el@0.25.12':
     optional: true
 
   '@esbuild/linux-mips64el@0.27.7':
     optional: true
 
+  '@esbuild/linux-mips64el@0.28.0':
+    optional: true
+
   '@esbuild/linux-ppc64@0.25.12':
     optional: true
 
   '@esbuild/linux-ppc64@0.27.7':
     optional: true
 
+  '@esbuild/linux-ppc64@0.28.0':
+    optional: true
+
   '@esbuild/linux-riscv64@0.25.12':
     optional: true
 
   '@esbuild/linux-riscv64@0.27.7':
     optional: true
 
+  '@esbuild/linux-riscv64@0.28.0':
+    optional: true
+
   '@esbuild/linux-s390x@0.25.12':
     optional: true
 
   '@esbuild/linux-s390x@0.27.7':
     optional: true
 
+  '@esbuild/linux-s390x@0.28.0':
+    optional: true
+
   '@esbuild/linux-x64@0.25.12':
     optional: true
 
   '@esbuild/linux-x64@0.27.7':
     optional: true
 
+  '@esbuild/linux-x64@0.28.0':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.25.12':
     optional: true
 
   '@esbuild/netbsd-arm64@0.27.7':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.28.0':
+    optional: true
+
   '@esbuild/netbsd-x64@0.25.12':
     optional: true
 
   '@esbuild/netbsd-x64@0.27.7':
     optional: true
 
+  '@esbuild/netbsd-x64@0.28.0':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.25.12':
     optional: true
 
   '@esbuild/openbsd-arm64@0.27.7':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.28.0':
+    optional: true
+
   '@esbuild/openbsd-x64@0.25.12':
     optional: true
 
   '@esbuild/openbsd-x64@0.27.7':
     optional: true
 
+  '@esbuild/openbsd-x64@0.28.0':
+    optional: true
+
   '@esbuild/openharmony-arm64@0.25.12':
     optional: true
 
   '@esbuild/openharmony-arm64@0.27.7':
     optional: true
 
+  '@esbuild/openharmony-arm64@0.28.0':
+    optional: true
+
   '@esbuild/sunos-x64@0.25.12':
     optional: true
 
   '@esbuild/sunos-x64@0.27.7':
     optional: true
 
+  '@esbuild/sunos-x64@0.28.0':
+    optional: true
+
   '@esbuild/win32-arm64@0.25.12':
     optional: true
 
   '@esbuild/win32-arm64@0.27.7':
     optional: true
 
+  '@esbuild/win32-arm64@0.28.0':
+    optional: true
+
   '@esbuild/win32-ia32@0.25.12':
     optional: true
 
   '@esbuild/win32-ia32@0.27.7':
     optional: true
 
+  '@esbuild/win32-ia32@0.28.0':
+    optional: true
+
   '@esbuild/win32-x64@0.25.12':
     optional: true
 
   '@esbuild/win32-x64@0.27.7':
     optional: true
 
+  '@esbuild/win32-x64@0.28.0':
+    optional: true
+
   '@eslint-community/eslint-utils@4.9.1(eslint@10.1.0(jiti@2.6.1))':
     dependencies:
       eslint: 10.1.0(jiti@2.6.1)
@@ -4190,12 +4438,12 @@ snapshots:
 
   '@ungap/structured-clone@1.3.0': {}
 
-  '@vitejs/plugin-vue@5.2.4(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))(vue@3.5.32(typescript@5.9.3))':
+  '@vitejs/plugin-vue@5.2.4(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))(vue@3.5.32(typescript@5.9.3))':
     dependencies:
-      vite: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
+      vite: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)
       vue: 3.5.32(typescript@5.9.3)
 
-  '@vitest/coverage-v8@4.1.2(vitest@4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)))':
+  '@vitest/coverage-v8@4.1.2(vitest@4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)))':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
       '@vitest/utils': 4.1.2
@@ -4207,7 +4455,7 @@ snapshots:
       obug: 2.1.1
       std-env: 4.0.0
       tinyrainbow: 3.1.0
-      vitest: 4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))
+      vitest: 4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))
 
   '@vitest/expect@4.1.2':
     dependencies:
@@ -4218,13 +4466,13 @@ snapshots:
       chai: 6.2.2
       tinyrainbow: 3.1.0
 
-  '@vitest/mocker@4.1.2(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))':
+  '@vitest/mocker@4.1.2(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))':
     dependencies:
       '@vitest/spy': 4.1.2
       estree-walker: 3.0.3
       magic-string: 0.30.21
     optionalDependencies:
-      vite: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
+      vite: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)
 
   '@vitest/pretty-format@4.1.2':
     dependencies:
@@ -4448,7 +4696,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  astro@6.1.3(@types/node@25.5.1)(jiti@2.6.1)(rollup@4.60.1)(terser@5.46.1)(typescript@5.9.3)(yaml@2.8.3):
+  astro@6.1.3(@types/node@25.5.1)(jiti@2.6.1)(rollup@4.60.1)(terser@5.46.1)(tsx@4.22.1)(typescript@5.9.3)(yaml@2.8.3):
     dependencies:
       '@astrojs/compiler': 3.0.1
       '@astrojs/internal-helpers': 0.8.0
@@ -4500,8 +4748,8 @@ snapshots:
       unist-util-visit: 5.1.0
       unstorage: 1.17.5
       vfile: 6.0.3
-      vite: 7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
-      vitefu: 1.1.3(vite@7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))
+      vite: 7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)
+      vitefu: 1.1.3(vite@7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))
       xxhash-wasm: 1.1.0
       yargs-parser: 22.0.0
       zod: 4.3.6
@@ -4859,6 +5107,35 @@ snapshots:
       '@esbuild/win32-ia32': 0.27.7
       '@esbuild/win32-x64': 0.27.7
 
+  esbuild@0.28.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.28.0
+      '@esbuild/android-arm': 0.28.0
+      '@esbuild/android-arm64': 0.28.0
+      '@esbuild/android-x64': 0.28.0
+      '@esbuild/darwin-arm64': 0.28.0
+      '@esbuild/darwin-x64': 0.28.0
+      '@esbuild/freebsd-arm64': 0.28.0
+      '@esbuild/freebsd-x64': 0.28.0
+      '@esbuild/linux-arm': 0.28.0
+      '@esbuild/linux-arm64': 0.28.0
+      '@esbuild/linux-ia32': 0.28.0
+      '@esbuild/linux-loong64': 0.28.0
+      '@esbuild/linux-mips64el': 0.28.0
+      '@esbuild/linux-ppc64': 0.28.0
+      '@esbuild/linux-riscv64': 0.28.0
+      '@esbuild/linux-s390x': 0.28.0
+      '@esbuild/linux-x64': 0.28.0
+      '@esbuild/netbsd-arm64': 0.28.0
+      '@esbuild/netbsd-x64': 0.28.0
+      '@esbuild/openbsd-arm64': 0.28.0
+      '@esbuild/openbsd-x64': 0.28.0
+      '@esbuild/openharmony-arm64': 0.28.0
+      '@esbuild/sunos-x64': 0.28.0
+      '@esbuild/win32-arm64': 0.28.0
+      '@esbuild/win32-ia32': 0.28.0
+      '@esbuild/win32-x64': 0.28.0
+
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
@@ -6281,6 +6558,12 @@ snapshots:
   tslib@2.8.1:
     optional: true
 
+  tsx@4.22.1:
+    dependencies:
+      esbuild: 0.28.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
@@ -6398,7 +6681,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3):
+  vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3):
     dependencies:
       esbuild: 0.25.12
       fdir: 6.5.0(picomatch@4.0.4)
@@ -6411,9 +6694,10 @@ snapshots:
       fsevents: 2.3.3
       jiti: 2.6.1
       terser: 5.46.1
+      tsx: 4.22.1
       yaml: 2.8.3
 
-  vite@7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3):
+  vite@7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3):
     dependencies:
       esbuild: 0.27.7
       fdir: 6.5.0(picomatch@4.0.4)
@@ -6426,16 +6710,17 @@ snapshots:
       fsevents: 2.3.3
       jiti: 2.6.1
       terser: 5.46.1
+      tsx: 4.22.1
       yaml: 2.8.3
 
-  vitefu@1.1.3(vite@7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)):
+  vitefu@1.1.3(vite@7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)):
     optionalDependencies:
-      vite: 7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
+      vite: 7.3.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)
 
-  vitest@4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)):
+  vitest@4.1.2(@types/node@25.5.1)(happy-dom@20.8.9)(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)):
     dependencies:
       '@vitest/expect': 4.1.2
-      '@vitest/mocker': 4.1.2(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3))
+      '@vitest/mocker': 4.1.2(vite@6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3))
       '@vitest/pretty-format': 4.1.2
       '@vitest/runner': 4.1.2
       '@vitest/snapshot': 4.1.2
@@ -6452,7 +6737,7 @@ snapshots:
       tinyexec: 1.0.4
       tinyglobby: 0.2.15
       tinyrainbow: 3.1.0
-      vite: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(yaml@2.8.3)
+      vite: 6.4.1(@types/node@25.5.1)(jiti@2.6.1)(terser@5.46.1)(tsx@4.22.1)(yaml@2.8.3)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 25.5.1