diff --git a/package.json b/package.json
index d6bab46..939fd81 100644
--- a/package.json
+++ b/package.json
@@ -24,12 +24,16 @@
     "stockfish": "18.0.8"
   },
   "devDependencies": {
+    "@astrojs/mdx": "7.0.3",
+    "@astrojs/react": "6.0.1",
     "@playwright/test": "1.62.0",
+    "@shikijs/twoslash": "4.3.1",
     "@tailwindcss/vite": "4.3.3",
     "@types/react": "^19.2.17",
     "@types/react-dom": "19",
     "@vercel/node": "5.8.27",
     "@vitejs/plugin-react": "6.0.4",
+    "astro": "7.1.3",
     "blume": "0.8.0",
     "husky": "^9.1.7",
     "knip": "^6.29.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3ac2336..1c3d33e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,9 +33,18 @@ importers:
         specifier: 18.0.8
         version: 18.0.8
     devDependencies:
+      '@astrojs/mdx':
+        specifier: 7.0.3
+        version: 7.0.3(@astrojs/markdown-satteri@0.3.4)(astro@7.1.3(@astrojs/markdown-remark@7.2.1)(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.3)(@vercel/functions@3.7.5)(jiti@2.6.1)(rollup@4.58.0)(tsx@4.21.0)(yaml@2.9.0))
+      '@astrojs/react':
+        specifier: 6.0.1
+        version: 6.0.1(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(esbuild@0.28.1)(jiti@2.6.1)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)(tsx@4.21.0)(yaml@2.9.0)
       '@playwright/test':
         specifier: 1.62.0
         version: 1.62.0
+      '@shikijs/twoslash':
+        specifier: 4.3.1
+        version: 4.3.1(typescript@6.0.3)
       '@tailwindcss/vite':
         specifier: 4.3.3
         version: 4.3.3(vite@8.1.5(esbuild@0.28.1)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.9.0))
@@ -51,6 +60,9 @@ importers:
       '@vitejs/plugin-react':
         specifier: 6.0.4
         version: 6.0.4(babel-plugin-react-compiler@1.0.0)(vite@8.1.5(esbuild@0.28.1)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.9.0))
+      astro:
+        specifier: 7.1.3
+        version: 7.1.3(@astrojs/markdown-remark@7.2.1)(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.3)(@vercel/functions@3.7.5)(jiti@2.6.1)(rollup@4.58.0)(tsx@4.21.0)(yaml@2.9.0)
       blume:
         specifier: 0.8.0
         version: 0.8.0(@astrojs/markdown-remark@7.2.1)(@emnapi/core@1.11.2)(@emnapi/runtime@1.11.3)(@shikijs/themes@4.3.1)(@types/react-dom@19.2.3(@types/react@19.2.17))(@types/react@19.2.17)(@vercel/functions@3.7.5)(esbuild@0.28.1)(prettier@3.9.5)(rollup@4.58.0)(tsx@4.21.0)(vite@8.1.5(esbuild@0.28.1)(jiti@2.6.1)(tsx@4.21.0)(yaml@2.9.0))(yaml@2.9.0)