diff --git a/docs/.vitepress/components/DocCommunity.vue b/docs/.vitepress/components/DocCommunity.vue
index b62f2b443..bfff236bc 100644
--- a/docs/.vitepress/components/DocCommunity.vue
+++ b/docs/.vitepress/components/DocCommunity.vue
@@ -1,17 +1,19 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { useEditLink } from '../composables/edit-link'
 import { discord, github, sponsor } from '../meta'
 
 const editLink = useEditLink()
+const { t } = useI18n()
 
 const links = computed(() => [
   { label: editLink.value.text, url: editLink.value.url, icon: 'lucide:pencil-line' },
-  { label: 'Star on GitHub', url: github, icon: 'lucide:star' },
-  { label: 'Chat on Discord', url: discord, icon: 'lucide:messages-square' },
-  { label: 'Support the project', url: sponsor, icon: 'lucide:hand-heart' },
+  { label: t('docs.theme.doc.community.star-github.title'), url: github, icon: 'lucide:star' },
+  { label: t('docs.theme.doc.community.discord.title'), url: discord, icon: 'lucide:messages-square' },
+  { label: t('docs.theme.doc.community.support.title'), url: sponsor, icon: 'lucide:hand-heart' },
 ])
 </script>
 
@@ -19,7 +21,7 @@ const links = computed(() => [
   <div>
     <div class="pt-4">
       <div class="mb-2 text-sm font-bold">
-        Community
+        {{ t('docs.theme.doc.community.title') }}
       </div>
 
       <div class="mt-4 space-y-3 lg:space-y-2">
diff --git a/docs/.vitepress/components/DocFooter.vue b/docs/.vitepress/components/DocFooter.vue
index 95cc5c6c9..9edd7c93d 100644
--- a/docs/.vitepress/components/DocFooter.vue
+++ b/docs/.vitepress/components/DocFooter.vue
@@ -2,6 +2,7 @@
 import { Icon } from '@iconify/vue'
 import { useData } from 'vitepress'
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import DocFooterLastUpdated from './DocFooterLastUpdated.vue'
 
@@ -9,6 +10,7 @@ import { useEditLink } from '../composables/edit-link'
 import { usePrevNext } from '../composables/prev-next'
 
 const { theme, page, frontmatter } = useData()
+const { t } = useI18n()
 
 const editLink = useEditLink()
 const control = usePrevNext()
@@ -78,7 +80,7 @@ const showFooter = computed(
         >
           <span
             class="text-muted-foreground group-hover:text-foreground text-xs transition-all duration-200 ease-in-out"
-            v-html="theme.docFooter?.prev || 'Previous page'"
+            v-html="theme.docFooter?.prev || t('docs.theme.doc.previous-page.title')"
           />
           <p class="mt-2 inline-flex items-center gap-1">
             <Icon icon="lucide:arrow-left" />
@@ -97,7 +99,7 @@ const showFooter = computed(
         >
           <span
             class="text-muted-foreground group-hover:text-foreground text-xs transition-all duration-200 ease-in-out"
-            v-html="theme.docFooter?.next || 'Next page'"
+            v-html="theme.docFooter?.next || t('docs.theme.doc.next-page.title')"
           />
 
           <p class="mt-2 inline-flex items-center gap-1">
diff --git a/docs/.vitepress/components/DocOutline.vue b/docs/.vitepress/components/DocOutline.vue
index 87e009b11..9e74ae0f7 100644
--- a/docs/.vitepress/components/DocOutline.vue
+++ b/docs/.vitepress/components/DocOutline.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onContentUpdated, useData } from 'vitepress'
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import DocOutlineItem from '../components/DocOutlineItem.vue'
 
@@ -11,6 +12,7 @@ defineProps<{
 }>()
 
 const { page, frontmatter, theme } = useData()
+const { t } = useI18n()
 
 onContentUpdated(() => {
   getHeaders(frontmatter.value.outline ?? theme.value.outline)
@@ -39,7 +41,7 @@ useActiveAnchor(container, marker)
       class="trunc mb-2 text-sm font-bold"
       role="heading"
     >
-      On this page
+      {{ t('docs.theme.doc.outline.title') }}
     </div>
 
     <div class="border-muted border-l font-sans">
diff --git a/docs/.vitepress/components/DocTopbar.vue b/docs/.vitepress/components/DocTopbar.vue
index 283f450f0..53879fb68 100644
--- a/docs/.vitepress/components/DocTopbar.vue
+++ b/docs/.vitepress/components/DocTopbar.vue
@@ -6,6 +6,7 @@ import { useScroll } from '@vueuse/core'
 import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from 'reka-ui'
 import { useData, useRoute } from 'vitepress'
 import { computed, ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import DocSidebarItem from '../components/DocSidebarItem.vue'
 
@@ -13,6 +14,7 @@ import { flatten } from '../functions/flatten'
 
 const { path } = toRefs(useRoute())
 const { page, theme } = useData()
+const { t } = useI18n()
 
 const isSidebarOpen = ref(false)
 const sidebar = computed(() => (theme.value.sidebar as (DefaultTheme.SidebarItem & { icon?: string })[]))
@@ -26,6 +28,12 @@ const sectionTabs = computed(() => sidebar.value
   .filter(i => !!i?.link),
 )
 
+function isCharacterPage(link?: string) {
+  if (!link)
+    return false
+  return link.includes('/characters') || link.includes('/characters/')
+}
+
 const { arrivedState } = useScroll(globalThis.window)
 const { top } = toRefs(arrivedState)
 
@@ -42,7 +50,7 @@ watch(path, () => {
     <div class="h-full items-center justify-between hidden md:flex">
       <div class="h-full flex items-center">
         <a
-          v-for="tab in sectionTabs.filter(i => i.label !== 'Characters')"
+          v-for="tab in sectionTabs.filter(i => !isCharacterPage(i.link))"
           :key="tab.label"
           :href="tab.link"
           :class="{ '!after:bg-primary !text-foreground': `/${page.relativePath}`.includes(tab.link?.split('/').slice(0, -1).join('/') || '') }"
@@ -60,7 +68,7 @@ watch(path, () => {
 
       <div class="h-full flex items-center">
         <a
-          v-for="tab in sectionTabs.filter(i => i.label === 'Characters')"
+          v-for="tab in sectionTabs.filter(i => isCharacterPage(i.link))"
           :key="tab.label"
           :href="tab.link"
           :class="{ '!after:bg-primary !text-foreground': page.relativePath.includes(tab.label?.toLowerCase() ?? '') }"
@@ -93,7 +101,7 @@ watch(path, () => {
 
         <DialogPortal>
           <DialogOverlay class="data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut fixed inset-0 z-50 bg-black/80" />
-          <DialogContent class="bg-background border-muted data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=open]:animate-enterFromLeft data-[state=closed]:animate-exitToLeft fixed inset-y-0 left-0 z-50 h-full w-3/4 gap-4 border-r pr-0 shadow-lg transition ease-in-out sm:max-w-sm">
+          <DialogContent class="border-muted bg-background data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=open]:animate-enterFromLeft data-[state=closed]:animate-exitToLeft fixed inset-y-0 left-0 z-50 h-full w-3/4 gap-4 border-r pr-0 shadow-lg transition ease-in-out sm:max-w-sm">
             <DialogTitle class="sr-only">
               Sidebar menu
             </DialogTitle>
@@ -156,7 +164,7 @@ watch(path, () => {
             icon="lucide:scan-face"
             class="text-lg"
           />
-          Characters
+          {{ t('docs.theme.pages.characters.title') }}
         </a>
       </div>
     </div>
diff --git a/docs/.vitepress/components/DropdownMenu.vue b/docs/.vitepress/components/DropdownMenu.vue
index 877d80d30..1cff16dfa 100644
--- a/docs/.vitepress/components/DropdownMenu.vue
+++ b/docs/.vitepress/components/DropdownMenu.vue
@@ -15,11 +15,13 @@ defineProps<{
 <template>
   <DropdownMenuRoot>
     <DropdownMenuTrigger class="text-muted-foreground hover:text-foreground data-[state=open]:text-foreground mx-0 h-full inline-flex items-center justify-between px-2 py-2 text-nowrap text-sm font-semibold md:mx-3 md:px-0">
-      <span>{{ label }}</span>
-      <Icon
-        icon="lucide:chevron-down"
-        class="ml-1 text-lg"
-      />
+      <slot name="trigger">
+        <span>{{ label }}</span>
+        <Icon
+          icon="lucide:chevron-down"
+          class="ml-1 text-lg"
+        />
+      </slot>
     </DropdownMenuTrigger>
 
     <DropdownMenuPortal>
@@ -34,7 +36,7 @@ defineProps<{
             :initial="{ opacity: 0, y: -10 }"
             :animate="{ opacity: 1, y: 0 }"
             :exit="{ opacity: 0, y: -10 }"
-            class="border-muted z-10 border rounded-lg bg-white/30 p-2 shadow-sm backdrop-blur-md dark:bg-neutral-800/30"
+            class="border-muted z-10 border rounded-lg bg-white/60 p-2 shadow-sm backdrop-blur-md transition-shadow duration-200 ease-in-out dark:bg-neutral-800/30 focus:shadow-lg hover:shadow-lg"
           >
             <DropdownMenuItem
               v-for="item in items"
@@ -46,10 +48,11 @@ defineProps<{
               <a
                 v-if="item.link"
                 :href="item.link"
-                target="_blank"
+                :target="item.link.startsWith('http') || item.link.startsWith('https') ? '_blank' : undefined"
               >
                 <span>{{ item.text }}</span>
                 <Icon
+                  v-if="item.link.startsWith('http') || item.link.startsWith('https')"
                   icon="lucide:arrow-up-right"
                   class="ml-2 text-base"
                 />
diff --git a/docs/.vitepress/components/Home.vue b/docs/.vitepress/components/Home.vue
index 775d639cb..8cb300422 100644
--- a/docs/.vitepress/components/Home.vue
+++ b/docs/.vitepress/components/Home.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
 import homeCover from '../assets/home-cover-2025-07-15.png'
+
+const { t } = useI18n()
 </script>
 
 <template>
@@ -13,20 +17,20 @@ import homeCover from '../assets/home-cover-2025-07-15.png'
           </div>
         </div>
         <div class="relative max-w-prose text-center text-slate-900 dark:text-white">
-          A container of souls of AI waifu / virtual characters to bring them into our worlds.
+          {{ t('docs.theme.home.subtitle') }}
         </div>
         <div class="relative z-10 w-full flex justify-center gap-4">
           <a
             href="https://github.com/moeru-ai/airi/releases/latest"
             class="rounded-lg bg-primary/60 px-4 py-2 text-slate-100 font-extrabold outline-none backdrop-blur-md dark:bg-primary/30 dark:text-cyan-200 focus:outline-none"
           >
-            Download
+            {{ t('docs.theme.home.download.title') }}
           </a>
           <a
             href="./overview/"
             class="rounded-lg bg-white/60 px-4 py-2 text-slate-900 font-extrabold outline-none backdrop-blur-md dark:bg-white/20 dark:text-slate-100 focus:outline-none"
           >
-            Get Started
+            {{ t('docs.theme.home.get-started.title') }}
           </a>
         </div>
       </div>
diff --git a/docs/.vitepress/components/Image.vue b/docs/.vitepress/components/Image.vue
deleted file mode 100644
index e69de29bb..000000000
diff --git a/docs/.vitepress/components/Navbar.vue b/docs/.vitepress/components/Navbar.vue
index 77fc5aafb..62135f8ac 100644
--- a/docs/.vitepress/components/Navbar.vue
+++ b/docs/.vitepress/components/Navbar.vue
@@ -3,12 +3,16 @@ import { Icon } from '@iconify/vue'
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Separator } from 'reka-ui'
 import { useData, useRoute } from 'vitepress'
 import { ref, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
-import DropdownMenu from '../components/DropdownMenu.vue'
-import ThemeToggle from '../components/ThemeToggle.vue'
+import DropdownMenu from './DropdownMenu.vue'
+import NavbarLanguage from './NavbarLanguage.vue'
+import NavbarLanguageSubMenu from './NavbarLanguageSubMenu.vue'
+import ThemeToggle from './ThemeToggle.vue'
 
 const { path } = toRefs(useRoute())
 const { theme } = useData()
+const { t } = useI18n()
 
 const isPopoverOpen = ref(false)
 
@@ -40,10 +44,13 @@ watch(path, () => {
     </template>
 
     <Separator
-      class="bg-muted mx-4 h-4 w-px"
+      class="bg-muted ml-2 mr-2 h-4 w-px"
       decorative
       orientation="vertical"
     />
+
+    <NavbarLanguage />
+
     <ThemeToggle />
 
     <Separator
@@ -68,10 +75,7 @@ watch(path, () => {
   <div class="lg:hidden">
     <DropdownMenuRoot v-model:open="isPopoverOpen">
       <DropdownMenuTrigger class="rounded-lg p-2">
-        <Icon
-          icon="lucide:ellipsis"
-          class="text-lg"
-        />
+        <Icon icon="lucide:ellipsis" class="text-lg" />
       </DropdownMenuTrigger>
 
       <DropdownMenuPortal>
@@ -79,7 +83,7 @@ watch(path, () => {
           side="bottom"
           :side-offset="5"
           align="end"
-          class="bg-card will-change-[transform,opacity] border-muted data-[state=open]:data-[side=bottom]:animate-slideUpAndFade z-10 w-[180px] border rounded-xl p-2 shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2)] focus:shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2),0_0_0_2px_green7]"
+          class="bg-card will-change-[transform,opacity] border-muted data-[state=open]:data-[side=bottom]:animate-slideUpAndFade z-10 w-[180px] border rounded-xl p-2 shadow-sm focus:shadow-lg"
         >
           <nav class="flex flex-col">
             <template
@@ -99,14 +103,13 @@ watch(path, () => {
               <DropdownMenuSub v-else-if="nav.items">
                 <DropdownMenuSubTrigger class="text-muted-foreground h-full w-full inline-flex items-center justify-between rounded p-2 text-sm font-semibold hover:bg-primary/10 hover:text-primary">
                   <span>{{ nav.text }}</span>
-                  <Icon
-                    icon="lucide:chevron-down"
-                    class="ml-1 text-lg"
-                  />
+                  <Icon icon="lucide:chevron-down" class="ml-1 text-lg" />
                 </DropdownMenuSubTrigger>
 
                 <DropdownMenuPortal>
-                  <DropdownMenuSubContent class="bg-card border-muted will-change-[transform,opacity] data-[state=open]:data-[side=bottom]:animate-slideUpAndFade z-10 w-[180px] border rounded-xl p-2 shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2)] focus:shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2),0_0_0_2px_green7]">
+                  <DropdownMenuSubContent
+                    class="border-muted will-change-[transform,opacity] data-[state=open]:data-[side=bottom]:animate-slideUpAndFade z-10 w-[180px] border rounded-xl bg-white/60 p-2 shadow-sm backdrop-blur-md transition-shadow duration-200 ease-in-out dark:bg-neutral-800/30 focus:shadow-lg"
+                  >
                     <DropdownMenuItem
                       v-for="item in nav.items"
                       :key="item.text"
@@ -119,11 +122,7 @@ watch(path, () => {
                         class="w-full flex items-center justify-between"
                       >
                         <span>{{ item.text }}</span>
-                        <Icon
-                          icon="lucide:arrow-up-right"
-                          class="ml-2 text-base"
-                        />
-
+                        <Icon icon="lucide:arrow-up-right" class="ml-2 text-base" />
                       </a>
                       <div v-else>
                         {{ item.text }}
@@ -144,7 +143,7 @@ watch(path, () => {
               <label
                 for="theme-toggle"
                 class="text-muted-foreground font-semibold"
-              >Appearance</label>
+              >{{ t('docs.theme.navbar.appearance.title') }}</label>
               <DropdownMenuItem
                 as-child
                 @select.prevent
@@ -153,6 +152,15 @@ watch(path, () => {
               </DropdownMenuItem>
             </div>
 
+            <div class="mt-2 flex items-center justify-between text-sm">
+              <DropdownMenuItem
+                as-child
+                @select.prevent
+              >
+                <NavbarLanguageSubMenu hide-icon />
+              </DropdownMenuItem>
+            </div>
+
             <Separator
               class="bg-muted my-2 h-px w-full"
               decorative
diff --git a/docs/.vitepress/components/NavbarLanguage.vue b/docs/.vitepress/components/NavbarLanguage.vue
new file mode 100644
index 000000000..772bee994
--- /dev/null
+++ b/docs/.vitepress/components/NavbarLanguage.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue'
+import { useData, useRoute } from 'vitepress'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import DropdownMenu from './DropdownMenu.vue'
+
+const props = defineProps<{
+  hideIcon?: boolean
+}>()
+
+const { site, lang } = useData()
+const route = useRoute()
+const { t } = useI18n()
+
+const languages = computed(() => {
+  const replacedLink = (targetLang: string) => {
+    return route.path.replace(`/${lang.value}/`, `/${targetLang}/`)
+  }
+
+  return Object.values(site.value.locales).map(locale => ({
+    text: locale.label,
+    link: replacedLink(locale.lang!),
+  }))
+})
+</script>
+
+<template>
+  <DropdownMenu
+    :label="t('docs.theme.navbar.language.title')"
+    :items="languages"
+  >
+    <template #trigger>
+      <Icon
+        v-if="!props.hideIcon"
+        icon="lucide:globe"
+        class="text-lg"
+      />
+      <Icon
+        icon="lucide:chevron-down"
+        class="ml-1 text-lg"
+      />
+    </template>
+  </DropdownMenu>
+</template>
diff --git a/docs/.vitepress/components/NavbarLanguageSubMenu.vue b/docs/.vitepress/components/NavbarLanguageSubMenu.vue
new file mode 100644
index 000000000..f8c18890b
--- /dev/null
+++ b/docs/.vitepress/components/NavbarLanguageSubMenu.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue'
+import { DropdownMenuItem, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from 'reka-ui'
+import { useData, useRoute } from 'vitepress'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { site, lang } = useData()
+const route = useRoute()
+const { t } = useI18n()
+
+const languages = computed(() => {
+  const replacedLink = (targetLang: string) => {
+    return route.path.replace(`/${lang.value}/`, `/${targetLang}/`)
+  }
+
+  return Object.values(site.value.locales).map(locale => ({
+    text: locale.label,
+    link: replacedLink(locale.lang!),
+  }))
+})
+</script>
+
+<template>
+  <DropdownMenuSub>
+    <DropdownMenuSubTrigger class="text-muted-foreground h-full w-full inline-flex items-center justify-between rounded p-2 text-sm font-semibold hover:bg-primary/10 hover:text-primary">
+      <span>{{ t('docs.theme.navbar.language.title') }}</span>
+      <Icon icon="lucide:chevron-down" class="ml-1 text-lg" />
+    </DropdownMenuSubTrigger>
+
+    <DropdownMenuPortal>
+      <DropdownMenuSubContent class="border-muted bg-card will-change-[transform,opacity] data-[state=open]:data-[side=bottom]:animate-slideUpAndFade z-10 w-[180px] border rounded-xl p-2 shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2)] focus:shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2),0_0_0_2px_green7]">
+        <DropdownMenuItem
+          v-for="item in languages"
+          :key="item.text"
+          class="text-muted-foreground h-full w-full inline-flex items-center rounded p-2 text-sm font-semibold hover:bg-primary/10 hover:text-primary"
+        >
+          <a
+            v-if="item.link"
+            :href="item.link"
+            target="_blank"
+            class="w-full flex items-center justify-between"
+          >
+            <span>{{ item.text }}</span>
+          </a>
+          <div v-else>
+            {{ item.text }}
+          </div>
+        </DropdownMenuItem>
+      </DropdownMenuSubContent>
+    </DropdownMenuPortal>
+  </DropdownMenuSub>
+</template>
diff --git a/docs/.vitepress/components/SearchCommandBox.vue b/docs/.vitepress/components/SearchCommandBox.vue
index fe2e6a974..6dea2cc7d 100644
--- a/docs/.vitepress/components/SearchCommandBox.vue
+++ b/docs/.vitepress/components/SearchCommandBox.vue
@@ -12,6 +12,7 @@ import { computedAsync, debouncedWatch } from '@vueuse/core'
 import { DialogClose, ListboxContent, ListboxFilter, ListboxItem, ListboxRoot } from 'reka-ui'
 import { useData } from 'vitepress'
 import { markRaw, nextTick, onMounted, ref, shallowRef, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 import { LRUCache } from '../functions/cache'
 
@@ -20,6 +21,7 @@ const emits = defineEmits<{
 }>()
 
 const { localeIndex } = useData()
+const { t } = useI18n()
 
 const filterText = ref('')
 const enableNoResults = ref(false)
@@ -141,7 +143,7 @@ function formMarkRegex(terms: Set<string>) {
       <ListboxFilter
         v-model="filterText"
         class="placeholder:text-muted-foreground h-12 w-full flex-1 bg-transparent text-sm outline-none md:h-14 focus:outline-none"
-        placeholder="Search documentation"
+        :placeholder="t('docs.theme.search.placeholder')"
         auto-focus
       />
       <DialogClose>
diff --git a/docs/.vitepress/components/SearchTrigger.vue b/docs/.vitepress/components/SearchTrigger.vue
index 6cfc4c65f..9f58a3141 100644
--- a/docs/.vitepress/components/SearchTrigger.vue
+++ b/docs/.vitepress/components/SearchTrigger.vue
@@ -4,11 +4,13 @@ import { useMagicKeys, whenever } from '@vueuse/core'
 import { AnimatePresence, Motion } from 'motion-v'
 import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from 'reka-ui'
 import { defineAsyncComponent, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 const SearchCommandBox = defineAsyncComponent(() => import('./SearchCommandBox.vue'))
 
 const open = ref(false)
 const { meta_k } = useMagicKeys()
+const { t } = useI18n()
 
 whenever(meta_k, (n) => {
   if (n)
@@ -26,7 +28,7 @@ function handleClose() {
   <DialogRoot v-model:open="open">
     <DialogTrigger class="border-muted hover:bg-muted text-muted-foreground text-md md:bg-card flex items-center rounded-lg px-3 py-[7px] transition-colors duration-200 ease-in-out space-x-2 md:border md:text-sm">
       <Icon icon="lucide:search" />
-      <span class="w-24 text-left hidden lg:w-40 md:inline-flex">Search</span>
+      <span class="w-24 text-left hidden lg:w-40 md:inline-flex">{{ t('docs.theme.search.title') }}</span>
       <span class="text-xs hidden md:inline-flex">
         <kbd>⌘ K</kbd>
       </span>
diff --git a/docs/.vitepress/components/ThemeToggle.vue b/docs/.vitepress/components/ThemeToggle.vue
index f418a9334..71fdf3583 100644
--- a/docs/.vitepress/components/ThemeToggle.vue
+++ b/docs/.vitepress/components/ThemeToggle.vue
@@ -25,14 +25,8 @@ watchPostEffect(() => {
     <SwitchThumb
       class="text-muted-foreground border-muted bg-background my-auto h-5 w-5 flex translate-x-0.5 items-center justify-center border rounded-full text-xs will-change-transform data-[state=checked]:translate-x-5 !transition-transform"
     >
-      <Icon
-        v-if="isDark"
-        icon="lucide:moon-star"
-      />
-      <Icon
-        v-else
-        icon="lucide:sun"
-      />
+      <Icon v-if="isDark" icon="lucide:moon-star" />
+      <Icon v-else icon="lucide:sun" />
     </SwitchThumb>
   </SwitchRoot>
 </template>
diff --git a/docs/.vitepress/composables/edit-link.ts b/docs/.vitepress/composables/edit-link.ts
index d4b8692cc..2c1b59f01 100644
--- a/docs/.vitepress/composables/edit-link.ts
+++ b/docs/.vitepress/composables/edit-link.ts
@@ -1,11 +1,13 @@
 import { useData } from 'vitepress'
 import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
 
 export function useEditLink() {
   const { theme, page } = useData()
+  const { t } = useI18n()
 
   return computed(() => {
-    const { text = 'Edit this page', pattern = '' } = theme.value.editLink || {}
+    const { text = t('docs.theme.doc.community.edit.title'), pattern = '' } = theme.value.editLink || {}
     let url: string
     if (typeof pattern === 'function') {
       url = pattern(page.value)
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 398d1fe3a..32ec23fc1 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -1,10 +1,11 @@
 import type { DefaultTheme } from 'vitepress'
 
-import { posix } from 'node:path'
+import { join, posix, resolve } from 'node:path'
 import { env } from 'node:process'
 
 import anchor from 'markdown-it-anchor'
 import unocss from 'unocss/vite'
+import yaml from 'unplugin-yaml/vite'
 
 import { footnote } from '@mdit/plugin-footnote'
 import { tasklist } from '@mdit/plugin-tasklist'
@@ -65,55 +66,115 @@ export default defineConfig({
   base: env.BASE_URL || '/',
   lastUpdated: true,
   sitemap: { hostname: ogUrl },
-  themeConfig: {
-    // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: 'Docs', link: withBase('/overview/') },
-      { text: 'Blog', link: withBase('/blog/') },
-      {
-        text: `v${version}`,
-        items: [
-          { text: 'Release Notes ', link: releases },
-        ],
-      },
-    ],
-    outline: {
-      level: 'deep',
-    },
-    logo: '/favicon.svg',
-
-    sidebar: [
-      {
-        text: 'Overview',
-        icon: 'lucide:rocket',
-        items: [
-          { text: 'Introduction', link: withBase('/overview/') },
-          { text: 'About AI Vtuber', link: withBase('/overview/about-ai-vtuber') },
-          { text: 'About Neuro-sama', link: withBase('/overview/about-neuro-sama') },
-        ],
-      },
-      {
-        text: 'Guides',
-        icon: 'lucide:book-open',
-        items: [
-          { text: 'Contributing', link: withBase('/guides/contributing/') },
+  locales: {
+    'root': {
+      label: 'English',
+      lang: 'en',
+      themeConfig: {
+        // https://vitepress.dev/reference/default-theme-config
+        nav: [
+          { text: 'Docs', link: withBase('/en/overview/') },
+          { text: 'Blog', link: withBase('/en/blog/') },
           {
-            text: 'Design Guidelines',
-            link: withBase('/guides/design-guidelines/'),
+            text: `v${version}`,
             items: [
-              { text: 'Resources', link: withBase('/guides/contributing/design-guidelines/resources') },
-              { text: 'Tools', link: withBase('/guides/contributing/design-guidelines/tools') },
+              { text: 'Release Notes ', link: releases },
             ],
           },
         ],
-      },
-      {
-        text: 'Characters',
-        icon: 'lucide:scan-face',
-        link: withBase('/characters/'),
-      },
-    ] as (DefaultTheme.SidebarItem & { icon?: string })[],
+        outline: {
+          level: 'deep',
+        },
+        logo: '/favicon.svg',
 
+        sidebar: [
+          {
+            text: 'Overview',
+            icon: 'lucide:rocket',
+            items: [
+              { text: 'Introduction', link: withBase('/en/overview/') },
+              { text: 'About AI VTuber', link: withBase('/en/overview/about-ai-vtuber') },
+              { text: 'About Neuro-sama', link: withBase('/en/overview/about-neuro-sama') },
+            ],
+          },
+          {
+            text: 'Guides',
+            icon: 'lucide:book-open',
+            items: [
+              { text: 'Contributing', link: withBase('/en/guides/contributing/') },
+              {
+                text: 'Design Guidelines',
+                link: withBase('/en/guides/design-guidelines/'),
+                items: [
+                  { text: 'Resources', link: withBase('/en/guides/contributing/design-guidelines/resources') },
+                  { text: 'Tools', link: withBase('/en/guides/contributing/design-guidelines/tools') },
+                ],
+              },
+            ],
+          },
+          {
+            text: 'Characters',
+            icon: 'lucide:scan-face',
+            link: withBase('/en/characters/'),
+          },
+        ] as (DefaultTheme.SidebarItem & { icon?: string })[],
+      },
+    },
+    'zh-Hans': {
+      label: '简体中文',
+      lang: 'zh-Hans',
+      themeConfig: {
+        // https://vitepress.dev/reference/default-theme-config
+        nav: [
+          { text: '文档', link: withBase('/zh-Hans/overview/') },
+          { text: '博客 / 开发日志', link: withBase('/zh-Hans/blog/') },
+          {
+            text: `v${version}`,
+            items: [
+              { text: '发布说明 ', link: releases },
+            ],
+          },
+        ],
+        outline: {
+          level: 'deep',
+        },
+        logo: '/favicon.svg',
+
+        sidebar: [
+          {
+            text: '概览',
+            icon: 'lucide:rocket',
+            items: [
+              { text: '介绍', link: withBase('/zh-Hans/overview/') },
+              { text: '有关 AI VTuber', link: withBase('/zh-Hans/overview/about-ai-vtuber') },
+              { text: '有关 Neuro-sama', link: withBase('/zh-Hans/overview/about-neuro-sama') },
+            ],
+          },
+          {
+            text: '指南',
+            icon: 'lucide:book-open',
+            items: [
+              { text: '贡献指南', link: withBase('/zh-Hans/guides/contributing/') },
+              {
+                text: '设计指引',
+                link: withBase('/zh-Hans/guides/design-guidelines/'),
+                items: [
+                  { text: '参考资源', link: withBase('/zh-Hans/guides/contributing/design-guidelines/resources') },
+                  { text: '工具', link: withBase('/zh-Hans/guides/contributing/design-guidelines/tools') },
+                ],
+              },
+            ],
+          },
+          {
+            text: '角色',
+            icon: 'lucide:scan-face',
+            link: withBase('/zh-Hans/characters/'),
+          },
+        ] as (DefaultTheme.SidebarItem & { icon?: string })[],
+      },
+    },
+  },
+  themeConfig: {
     socialLinks: [
       { icon: 'discord', link: discord },
       { icon: 'github', link: github },
@@ -177,8 +238,14 @@ export default defineConfig({
     pageData.frontmatter.sidebar = pageData.frontmatter.layout !== 'showcase'
   },
   vite: {
+    resolve: {
+      alias: {
+        '@proj-airi/i18n': resolve(join(import.meta.dirname, '..', '..', 'packages', 'i18n', 'src')),
+      },
+    },
     plugins: [
       unocss(),
+      yaml(),
     ],
     css: {
       postcss: {
diff --git a/docs/.vitepress/custom/Layout.vue b/docs/.vitepress/custom/Layout.vue
index 4d95b56e0..941389fb0 100644
--- a/docs/.vitepress/custom/Layout.vue
+++ b/docs/.vitepress/custom/Layout.vue
@@ -2,25 +2,26 @@
 import { useScroll } from '@vueuse/core'
 import { TooltipProvider } from 'reka-ui'
 import { useData } from 'vitepress'
-import { computed, toRefs } from 'vue'
+import { computed, toRefs, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
 
-// import HomePageDemo from '../components/HomePageDemo.vue'
 import Home from '../components/Home.vue'
 import Navbar from '../components/Navbar.vue'
 import SearchTrigger from '../components/SearchTrigger.vue'
 import Docs from './Docs.vue'
 import Showcase from './Showcase.vue'
 
-const { site, theme, frontmatter } = useData<{
-  logo: string
-}>()
+const { site, theme, frontmatter, lang } = useData<{ logo: string }>()
+const { locale } = useI18n()
+const { arrivedState } = useScroll(globalThis.window)
+
+const { top } = toRefs(arrivedState)
 const logo = computed(() => theme.value.logo)
 const title = computed(() => site.value.title)
 const layout = computed(() => frontmatter.value.layout)
 const isHome = computed(() => layout.value === 'home')
 
-const { arrivedState } = useScroll(globalThis.window)
-const { top } = toRefs(arrivedState)
+watch(lang, () => locale.value = lang.value, { immediate: true })
 </script>
 
 <template>
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 851a1ea2e..4c99fb383 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,5 +1,9 @@
 import type { Theme } from 'vitepress'
 
+import messages from '@proj-airi/i18n/locales'
+
+import { createI18n } from 'vue-i18n'
+
 import Layout from '../custom/Layout.vue'
 
 import '@unocss/reset/tailwind.css'
@@ -8,6 +12,14 @@ import './style.css'
 
 export default {
   Layout,
-  enhanceApp(_ctx) {
+  enhanceApp({ app }) {
+    const i18n = createI18n({
+      legacy: false,
+      locale: 'en',
+      fallbackLocale: 'en',
+      messages,
+    })
+
+    app.use(i18n)
   },
 } satisfies Theme
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index 3a203f6c1..f23fb3928 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -2,7 +2,7 @@
   --background: 0 0% 100%;
   --foreground: 207 10% 3.9%;
 
-  --card: 207 8% 97%;
+  --card: 207 4% 100%;
   --card-foreground: 0 10% 3.9%;
 
   --popover: 0 0% 100%;
diff --git a/docs/content/blog/index.md b/docs/content/blog/index.md
deleted file mode 100644
index b125e65d6..000000000
--- a/docs/content/blog/index.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-sidebar: false
-outline: false
-community: false
----
-
-<script setup>
-import { data } from '../../.vitepress/theme/blog.data'
-import BlogPosts from '../../.vitepress/components/BlogPosts.vue'
-</script>
-
-<BlogPosts :data="data" />
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-build-dark.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-build-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-build-dark.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-build-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-build-light.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-build-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-build-light.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-build-light.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logo-v2-dark.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logo-v2-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logo-v2-dark.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logo-v2-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logo-v2.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logo-v2.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logo-v2.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logo-v2.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logos-final.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-final.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logos-final.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-final.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v1.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v1.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v1.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v1.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v2.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v2.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v2.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v2.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v3.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v3.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v3.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v3.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v4.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v4.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v4.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v4.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v5.png b/docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v5.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/airi-logos-v5.png
rename to docs/content/en/blog/DevLog-2025.03.05/assets/airi-logos-v5.png
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/animation-transitions.gif b/docs/content/en/blog/DevLog-2025.03.05/assets/animation-transitions.gif
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/animation-transitions.gif
rename to docs/content/en/blog/DevLog-2025.03.05/assets/animation-transitions.gif
diff --git a/docs/content/blog/DevLog-2025.03.05/assets/customizable-theme-colors.mp4 b/docs/content/en/blog/DevLog-2025.03.05/assets/customizable-theme-colors.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/assets/customizable-theme-colors.mp4
rename to docs/content/en/blog/DevLog-2025.03.05/assets/customizable-theme-colors.mp4
diff --git a/docs/content/blog/DevLog-2025.03.05/index.md b/docs/content/en/blog/DevLog-2025.03.05/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.05/index.md
rename to docs/content/en/blog/DevLog-2025.03.05/index.md
diff --git a/docs/content/blog/DevLog-2025.03.06/assets/animation-transitions.gif b/docs/content/en/blog/DevLog-2025.03.06/assets/animation-transitions.gif
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.06/assets/animation-transitions.gif
rename to docs/content/en/blog/DevLog-2025.03.06/assets/animation-transitions.gif
diff --git a/docs/content/blog/DevLog-2025.03.06/assets/live-stream-layout-update.jpeg b/docs/content/en/blog/DevLog-2025.03.06/assets/live-stream-layout-update.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.06/assets/live-stream-layout-update.jpeg
rename to docs/content/en/blog/DevLog-2025.03.06/assets/live-stream-layout-update.jpeg
diff --git a/docs/content/blog/DevLog-2025.03.06/index.md b/docs/content/en/blog/DevLog-2025.03.06/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.06/index.md
rename to docs/content/en/blog/DevLog-2025.03.06/index.md
diff --git a/docs/content/blog/DevLog-2025.03.10/assets/customizable-theme-colors.mp4 b/docs/content/en/blog/DevLog-2025.03.10/assets/customizable-theme-colors.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/assets/customizable-theme-colors.mp4
rename to docs/content/en/blog/DevLog-2025.03.10/assets/customizable-theme-colors.mp4
diff --git a/docs/content/blog/DevLog-2025.03.10/assets/new-ui-v1-dark.png b/docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v1-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/assets/new-ui-v1-dark.png
rename to docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v1-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.10/assets/new-ui-v1.png b/docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v1.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/assets/new-ui-v1.png
rename to docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v1.png
diff --git a/docs/content/blog/DevLog-2025.03.10/assets/new-ui-v2.png b/docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v2.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/assets/new-ui-v2.png
rename to docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v2.png
diff --git a/docs/content/blog/DevLog-2025.03.10/assets/new-ui-v3-dark.png b/docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v3-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/assets/new-ui-v3-dark.png
rename to docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v3-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.10/assets/new-ui-v3.png b/docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v3.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/assets/new-ui-v3.png
rename to docs/content/en/blog/DevLog-2025.03.10/assets/new-ui-v3.png
diff --git a/docs/content/blog/DevLog-2025.03.10/index.md b/docs/content/en/blog/DevLog-2025.03.10/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.10/index.md
rename to docs/content/en/blog/DevLog-2025.03.10/index.md
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/airi-demo.mp4 b/docs/content/en/blog/DevLog-2025.03.20/assets/airi-demo.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/airi-demo.mp4
rename to docs/content/en/blog/DevLog-2025.03.20/assets/airi-demo.mp4
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/ashley-pitch-test.mp3 b/docs/content/en/blog/DevLog-2025.03.20/assets/ashley-pitch-test.mp3
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/ashley-pitch-test.mp3
rename to docs/content/en/blog/DevLog-2025.03.20/assets/ashley-pitch-test.mp3
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/elevenlabs-api-key.jpeg b/docs/content/en/blog/DevLog-2025.03.20/assets/elevenlabs-api-key.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/elevenlabs-api-key.jpeg
rename to docs/content/en/blog/DevLog-2025.03.20/assets/elevenlabs-api-key.jpeg
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/elevenlabs.jpeg b/docs/content/en/blog/DevLog-2025.03.20/assets/elevenlabs.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/elevenlabs.jpeg
rename to docs/content/en/blog/DevLog-2025.03.20/assets/elevenlabs.jpeg
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/histoire-color-slider-dark.png b/docs/content/en/blog/DevLog-2025.03.20/assets/histoire-color-slider-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/histoire-color-slider-dark.png
rename to docs/content/en/blog/DevLog-2025.03.20/assets/histoire-color-slider-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/histoire-color-slider.png b/docs/content/en/blog/DevLog-2025.03.20/assets/histoire-color-slider.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/histoire-color-slider.png
rename to docs/content/en/blog/DevLog-2025.03.20/assets/histoire-color-slider.png
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/histoire-first-look.mp4 b/docs/content/en/blog/DevLog-2025.03.20/assets/histoire-first-look.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/histoire-first-look.mp4
rename to docs/content/en/blog/DevLog-2025.03.20/assets/histoire-first-look.mp4
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/histoire-logo-dark.png b/docs/content/en/blog/DevLog-2025.03.20/assets/histoire-logo-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/histoire-logo-dark.png
rename to docs/content/en/blog/DevLog-2025.03.20/assets/histoire-logo-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/histoire-logo.png b/docs/content/en/blog/DevLog-2025.03.20/assets/histoire-logo.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/histoire-logo.png
rename to docs/content/en/blog/DevLog-2025.03.20/assets/histoire-logo.png
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/modules-i18n.jpeg b/docs/content/en/blog/DevLog-2025.03.20/assets/modules-i18n.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/modules-i18n.jpeg
rename to docs/content/en/blog/DevLog-2025.03.20/assets/modules-i18n.jpeg
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/new-ui-v4-speech-dark.png b/docs/content/en/blog/DevLog-2025.03.20/assets/new-ui-v4-speech-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/new-ui-v4-speech-dark.png
rename to docs/content/en/blog/DevLog-2025.03.20/assets/new-ui-v4-speech-dark.png
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/new-ui-v4-speech.png b/docs/content/en/blog/DevLog-2025.03.20/assets/new-ui-v4-speech.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/new-ui-v4-speech.png
rename to docs/content/en/blog/DevLog-2025.03.20/assets/new-ui-v4-speech.png
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/settings-i18n.jpeg b/docs/content/en/blog/DevLog-2025.03.20/assets/settings-i18n.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/settings-i18n.jpeg
rename to docs/content/en/blog/DevLog-2025.03.20/assets/settings-i18n.jpeg
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp
rename to docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-gelnana-from-elpsycongrooblog.webp
diff --git a/docs/content/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp b/docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp
rename to docs/content/en/blog/DevLog-2025.03.20/assets/steins-gate-mayori.webp
diff --git a/docs/content/blog/DevLog-2025.03.20/index.md b/docs/content/en/blog/DevLog-2025.03.20/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.03.20/index.md
rename to docs/content/en/blog/DevLog-2025.03.20/index.md
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/awesome-ai-vtuber-logo-light.png b/docs/content/en/blog/DevLog-2025.04.06/assets/awesome-ai-vtuber-logo-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/awesome-ai-vtuber-logo-light.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/awesome-ai-vtuber-logo-light.png
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/character-card-detail.png b/docs/content/en/blog/DevLog-2025.04.06/assets/character-card-detail.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/character-card-detail.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/character-card-detail.png
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/character-card.png b/docs/content/en/blog/DevLog-2025.04.06/assets/character-card.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/character-card.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/character-card.png
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/memory-decay.png b/docs/content/en/blog/DevLog-2025.04.06/assets/memory-decay.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/memory-decay.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/memory-decay.png
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/memory-retrieval.png b/docs/content/en/blog/DevLog-2025.04.06/assets/memory-retrieval.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/memory-retrieval.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/memory-retrieval.png
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/more-theme-colors.png b/docs/content/en/blog/DevLog-2025.04.06/assets/more-theme-colors.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/more-theme-colors.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/more-theme-colors.png
diff --git a/docs/content/blog/DevLog-2025.04.06/assets/relu-sticker-wow.png b/docs/content/en/blog/DevLog-2025.04.06/assets/relu-sticker-wow.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/assets/relu-sticker-wow.png
rename to docs/content/en/blog/DevLog-2025.04.06/assets/relu-sticker-wow.png
diff --git a/docs/content/blog/DevLog-2025.04.06/index.md b/docs/content/en/blog/DevLog-2025.04.06/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.06/index.md
rename to docs/content/en/blog/DevLog-2025.04.06/index.md
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-controler.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-controler.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-controler.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-controler.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-decay.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-decay.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-decay.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-decay.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-driver.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-driver.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-driver.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-driver.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-emotional-model.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-emotional-model.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-emotional-model.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-emotional-model.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-emotional-score.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-emotional-score.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-emotional-score.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-emotional-score.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-emotional-simulator.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-emotional-simulator.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-emotional-simulator.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-emotional-simulator.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/memory-retrieval.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/memory-retrieval.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/memory-retrieval.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/memory-retrieval.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/review-1.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/review-1.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/review-1.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/review-1.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/assets/review-2.jpg b/docs/content/en/blog/DevLog-2025.04.14/assets/review-2.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/assets/review-2.jpg
rename to docs/content/en/blog/DevLog-2025.04.14/assets/review-2.jpg
diff --git a/docs/content/blog/DevLog-2025.04.14/index.md b/docs/content/en/blog/DevLog-2025.04.14/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.14/index.md
rename to docs/content/en/blog/DevLog-2025.04.14/index.md
diff --git a/docs/content/blog/DevLog-2025.04.22/assets/cursor-open-settings.mp4 b/docs/content/en/blog/DevLog-2025.04.22/assets/cursor-open-settings.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.22/assets/cursor-open-settings.mp4
rename to docs/content/en/blog/DevLog-2025.04.22/assets/cursor-open-settings.mp4
diff --git a/docs/content/blog/DevLog-2025.04.22/assets/develop-with-cursor.jpeg b/docs/content/en/blog/DevLog-2025.04.22/assets/develop-with-cursor.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.22/assets/develop-with-cursor.jpeg
rename to docs/content/en/blog/DevLog-2025.04.22/assets/develop-with-cursor.jpeg
diff --git a/docs/content/blog/DevLog-2025.04.22/index.md b/docs/content/en/blog/DevLog-2025.04.22/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.22/index.md
rename to docs/content/en/blog/DevLog-2025.04.22/index.md
diff --git a/docs/content/blog/DevLog-2025.04.28/assets/airi-mcp-arch.jpg b/docs/content/en/blog/DevLog-2025.04.28/assets/airi-mcp-arch.jpg
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.28/assets/airi-mcp-arch.jpg
rename to docs/content/en/blog/DevLog-2025.04.28/assets/airi-mcp-arch.jpg
diff --git a/docs/content/blog/DevLog-2025.04.28/assets/airi-mcp-input-text.mp4 b/docs/content/en/blog/DevLog-2025.04.28/assets/airi-mcp-input-text.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.28/assets/airi-mcp-input-text.mp4
rename to docs/content/en/blog/DevLog-2025.04.28/assets/airi-mcp-input-text.mp4
diff --git a/docs/content/blog/DevLog-2025.04.28/assets/airi-mcp-settings.mp4 b/docs/content/en/blog/DevLog-2025.04.28/assets/airi-mcp-settings.mp4
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.28/assets/airi-mcp-settings.mp4
rename to docs/content/en/blog/DevLog-2025.04.28/assets/airi-mcp-settings.mp4
diff --git a/docs/content/blog/DevLog-2025.04.28/index.md b/docs/content/en/blog/DevLog-2025.04.28/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.04.28/index.md
rename to docs/content/en/blog/DevLog-2025.04.28/index.md
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/character-card-menu-dark.png b/docs/content/en/blog/DevLog-2025.05.16/assets/character-card-menu-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/character-card-menu-dark.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/character-card-menu-dark.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/character-card-menu-light.png b/docs/content/en/blog/DevLog-2025.05.16/assets/character-card-menu-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/character-card-menu-light.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/character-card-menu-light.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/character-card-settings-dark.png b/docs/content/en/blog/DevLog-2025.05.16/assets/character-card-settings-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/character-card-settings-dark.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/character-card-settings-dark.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/character-card-settings-light.png b/docs/content/en/blog/DevLog-2025.05.16/assets/character-card-settings-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/character-card-settings-light.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/character-card-settings-light.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/character-card-showcase-dark.png b/docs/content/en/blog/DevLog-2025.05.16/assets/character-card-showcase-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/character-card-showcase-dark.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/character-card-showcase-dark.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/character-card-showcase-light.png b/docs/content/en/blog/DevLog-2025.05.16/assets/character-card-showcase-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/character-card-showcase-light.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/character-card-showcase-light.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-1.jpeg b/docs/content/en/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-1.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-1.jpeg
rename to docs/content/en/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-1.jpeg
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-2.jpeg b/docs/content/en/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-2.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-2.jpeg
rename to docs/content/en/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-2.jpeg
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-3.jpeg b/docs/content/en/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-3.jpeg
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-3.jpeg
rename to docs/content/en/blog/DevLog-2025.05.16/assets/demo-day-hangzhou-3.jpeg
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/velin-dark.png b/docs/content/en/blog/DevLog-2025.05.16/assets/velin-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/velin-dark.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/velin-dark.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/velin-light.png b/docs/content/en/blog/DevLog-2025.05.16/assets/velin-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/velin-light.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/velin-light.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/velin-playground-dark.png b/docs/content/en/blog/DevLog-2025.05.16/assets/velin-playground-dark.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/velin-playground-dark.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/velin-playground-dark.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/velin-playground-light.png b/docs/content/en/blog/DevLog-2025.05.16/assets/velin-playground-light.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/velin-playground-light.png
rename to docs/content/en/blog/DevLog-2025.05.16/assets/velin-playground-light.png
diff --git a/docs/content/blog/DevLog-2025.05.16/assets/webai-examples-demo.MP4 b/docs/content/en/blog/DevLog-2025.05.16/assets/webai-examples-demo.MP4
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/assets/webai-examples-demo.MP4
rename to docs/content/en/blog/DevLog-2025.05.16/assets/webai-examples-demo.MP4
diff --git a/docs/content/blog/DevLog-2025.05.16/index.md b/docs/content/en/blog/DevLog-2025.05.16/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.05.16/index.md
rename to docs/content/en/blog/DevLog-2025.05.16/index.md
diff --git a/docs/content/blog/DevLog-2025.06.08/assets/airi-tamagotchi-focus.gif b/docs/content/en/blog/DevLog-2025.06.08/assets/airi-tamagotchi-focus.gif
similarity index 100%
rename from docs/content/blog/DevLog-2025.06.08/assets/airi-tamagotchi-focus.gif
rename to docs/content/en/blog/DevLog-2025.06.08/assets/airi-tamagotchi-focus.gif
diff --git a/docs/content/blog/DevLog-2025.06.08/assets/screen.png b/docs/content/en/blog/DevLog-2025.06.08/assets/screen.png
similarity index 100%
rename from docs/content/blog/DevLog-2025.06.08/assets/screen.png
rename to docs/content/en/blog/DevLog-2025.06.08/assets/screen.png
diff --git a/docs/content/blog/DevLog-2025.06.08/index.md b/docs/content/en/blog/DevLog-2025.06.08/index.md
similarity index 100%
rename from docs/content/blog/DevLog-2025.06.08/index.md
rename to docs/content/en/blog/DevLog-2025.06.08/index.md
diff --git a/docs/content/blog/DreamLog-0x1/assets/airi-demo-first-day.mp4 b/docs/content/en/blog/DreamLog-0x1/assets/airi-demo-first-day.mp4
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/airi-demo-first-day.mp4
rename to docs/content/en/blog/DreamLog-0x1/assets/airi-demo-first-day.mp4
diff --git a/docs/content/blog/DreamLog-0x1/assets/airis-screenshot-1.png b/docs/content/en/blog/DreamLog-0x1/assets/airis-screenshot-1.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/airis-screenshot-1.png
rename to docs/content/en/blog/DreamLog-0x1/assets/airis-screenshot-1.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/banner-dark-1280x640.png b/docs/content/en/blog/DreamLog-0x1/assets/banner-dark-1280x640.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/banner-dark-1280x640.png
rename to docs/content/en/blog/DreamLog-0x1/assets/banner-dark-1280x640.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/banner-light-1280x640.png b/docs/content/en/blog/DreamLog-0x1/assets/banner-light-1280x640.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/banner-light-1280x640.png
rename to docs/content/en/blog/DreamLog-0x1/assets/banner-light-1280x640.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/building-a-virtual-machine-inside-image-1.png b/docs/content/en/blog/DreamLog-0x1/assets/building-a-virtual-machine-inside-image-1.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/building-a-virtual-machine-inside-image-1.png
rename to docs/content/en/blog/DreamLog-0x1/assets/building-a-virtual-machine-inside-image-1.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/emosys-logo.png b/docs/content/en/blog/DreamLog-0x1/assets/emosys-logo.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/emosys-logo.png
rename to docs/content/en/blog/DreamLog-0x1/assets/emosys-logo.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/live2d-inc-hiyori.jpg b/docs/content/en/blog/DreamLog-0x1/assets/live2d-inc-hiyori.jpg
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/live2d-inc-hiyori.jpg
rename to docs/content/en/blog/DreamLog-0x1/assets/live2d-inc-hiyori.jpg
diff --git a/docs/content/blog/DreamLog-0x1/assets/relu-sticker-wow.png b/docs/content/en/blog/DreamLog-0x1/assets/relu-sticker-wow.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/relu-sticker-wow.png
rename to docs/content/en/blog/DreamLog-0x1/assets/relu-sticker-wow.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/steins-gate-sticker-1.png b/docs/content/en/blog/DreamLog-0x1/assets/steins-gate-sticker-1.png
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/steins-gate-sticker-1.png
rename to docs/content/en/blog/DreamLog-0x1/assets/steins-gate-sticker-1.png
diff --git a/docs/content/blog/DreamLog-0x1/assets/world.execute(me); (Mili)／DAZBEE COVER.jpg b/docs/content/en/blog/DreamLog-0x1/assets/world.execute(me); (Mili)／DAZBEE COVER.jpg
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/assets/world.execute(me); (Mili)／DAZBEE COVER.jpg
rename to docs/content/en/blog/DreamLog-0x1/assets/world.execute(me); (Mili)／DAZBEE COVER.jpg
diff --git a/docs/content/blog/DreamLog-0x1/index.md b/docs/content/en/blog/DreamLog-0x1/index.md
similarity index 100%
rename from docs/content/blog/DreamLog-0x1/index.md
rename to docs/content/en/blog/DreamLog-0x1/index.md
diff --git a/docs/content/en/blog/index.md b/docs/content/en/blog/index.md
new file mode 100644
index 000000000..f8513387f
--- /dev/null
+++ b/docs/content/en/blog/index.md
@@ -0,0 +1,12 @@
+---
+sidebar: false
+outline: false
+community: false
+---
+
+<script setup>
+import { data } from '../../../.vitepress/theme/blog.data'
+import BlogPosts from '../../../.vitepress/components/BlogPosts.vue'
+</script>
+
+<BlogPosts :data="data" />
diff --git a/docs/content/contributing/design-guidelines/resources.md b/docs/content/en/guides/contributing/design-guidelines/resources.md
similarity index 100%
rename from docs/content/contributing/design-guidelines/resources.md
rename to docs/content/en/guides/contributing/design-guidelines/resources.md
diff --git a/docs/content/contributing/design-guidelines/tools.md b/docs/content/en/guides/contributing/design-guidelines/tools.md
similarity index 100%
rename from docs/content/contributing/design-guidelines/tools.md
rename to docs/content/en/guides/contributing/design-guidelines/tools.md
diff --git a/docs/content/contributing/index.md b/docs/content/en/guides/contributing/index.md
similarity index 100%
rename from docs/content/contributing/index.md
rename to docs/content/en/guides/contributing/index.md
diff --git a/docs/content/index.md b/docs/content/en/index.md
similarity index 100%
rename from docs/content/index.md
rename to docs/content/en/index.md
diff --git a/docs/content/overview/about-ai-vtuber.md b/docs/content/en/overview/about-ai-vtuber.md
similarity index 100%
rename from docs/content/overview/about-ai-vtuber.md
rename to docs/content/en/overview/about-ai-vtuber.md
diff --git a/docs/content/overview/about-neuro-sama.md b/docs/content/en/overview/about-neuro-sama.md
similarity index 100%
rename from docs/content/overview/about-neuro-sama.md
rename to docs/content/en/overview/about-neuro-sama.md
diff --git a/docs/content/overview/index.md b/docs/content/en/overview/index.md
similarity index 100%
rename from docs/content/overview/index.md
rename to docs/content/en/overview/index.md
diff --git a/docs/content/research/gaming/minecraft.md b/docs/content/en/references/research/gaming/minecraft.md
similarity index 100%
rename from docs/content/research/gaming/minecraft.md
rename to docs/content/en/references/research/gaming/minecraft.md
diff --git a/docs/content/research/lipsync.md b/docs/content/en/references/research/lipsync.md
similarity index 100%
rename from docs/content/research/lipsync.md
rename to docs/content/en/references/research/lipsync.md
diff --git a/docs/content/research/mocap.md b/docs/content/en/references/research/mocap.md
similarity index 100%
rename from docs/content/research/mocap.md
rename to docs/content/en/references/research/mocap.md
diff --git a/docs/content/research/text-to-motion.md b/docs/content/en/references/research/text-to-motion.md
similarity index 100%
rename from docs/content/research/text-to-motion.md
rename to docs/content/en/references/research/text-to-motion.md
diff --git a/docs/content/research/tts.md b/docs/content/en/references/research/tts.md
similarity index 100%
rename from docs/content/research/tts.md
rename to docs/content/en/references/research/tts.md
diff --git a/docs/content/examples.md b/docs/content/examples.md
deleted file mode 100644
index e69de29bb..000000000
diff --git a/docs/content/showcase.md b/docs/content/showcase.md
deleted file mode 100644
index d48a087fe..000000000
--- a/docs/content/showcase.md
+++ /dev/null
@@ -1,89 +0,0 @@
----
-layout: showcase
-
-description: Showcase your packages or projects made with Reka UI
-
-packages:
-  - title: Shadcn Vue
-    description: An unofficial, community-led Vue port of shadcn/ui.
-    url: https://www.shadcn-vue.com/
-    image: https://www.shadcn-vue.com/og.png
-
-  - title: Nuxt UI
-    description: A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
-    url: https://ui3.nuxt.dev/
-    image: https://ui3.nuxt.dev/og-image.png
-
-  - title: UI Thing
-    description: Reusable Nuxt 3 components.
-    url: https://ui-thing.behonbaker.com/getting-started/introduction
-    image: https://ui-thing.behonbaker.com/cover.png
-
-  - title: Origin UI Vue
-    description: Beautiful UI components built with Tailwind CSS and Radix Vue
-    url: https://originui-vue.pages.dev/
-    image: /showcase/origin.png
-
-  - title: Float UI
-    description: Float UI offers all the vital building blocks you need to transform your idea into a great-looking startup.
-    url: https://floatui.com/
-    image: https://ph-files.imgix.net/56069229-222e-4364-88c6-8c5d4aa0c3e5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&fit=max&dpr=1
-
-  - title: Una UI
-    description: The Atomic UI Framework for Nuxt, Powered by Unocss engine.
-    url: https://unaui.com/
-    image: https://unaui.com/hero.png
-
-projects:
-  - title: UnInbox
-    description: Modern email for teams and professionals.
-    url: https://uninbox.com/
-    image: https://uninbox.com/opengraph-image.jpg
-
-  - title: Twir
-    description: Powerful and useful Twitch bot that helps manage chat on big channels.
-    url: https://twir.app/
-    image: /showcase/twir.png
-
-  - title: Chalk.ist
-    description: Create beautiful images of your source code.
-    url: https://chalk.ist/
-    image: https://chalk.ist/og-image.jpg
-
-  - title: vue0
-    description: Generate Component with simple text prompts. Vue version open source alternative for v0.
-    url: https://www.vue0.dev/
-    image: https://www.vue0.dev/og.png
-
-  - title: chibisafe
-    description: Blazing fast file uploader and awesome bunker written in node! 🚀
-    url: https://chibisafe.moe/
-    image: https://chibisafe.moe/meta.jpg
-
-  - title: Crypto Map
-    description: Explore the world and find places to spend your crypto.
-    url: https://map.nimiq.com/
-    image: https://mycbdmurjytbdahjljoh.supabase.co/storage/v1/object/public/og-image/og-image.jpg
-
-  - title: Sink
-    description: A Simple / Speedy / Secure Link Shortener with Analytics, 100% run on Cloudflare.
-    url: https://sink.cool/
-    image: https://sink.cool/banner.png
-
-  - title: Cider Collective
-    description: A community-ran and maintained software company focused on creating the best experience for end users.
-    url: https://cider.sh
-    image: https://cider.sh/og.png
-
-  - title: Movie Tracker
-    description: Your guide to movies and TV shows. Find movies and shows, create lists, share your thoughts.
-    url: https://movie-tracker.app/en
-    image: https://raw.githubusercontent.com/dapzer/movie-tracker/refs/heads/master/apps/frontend/src/public/ogImageEn.webp
-
-starters:
-  - title: shadcn-docs
-    description: A Nuxt content docs theme built with `shadcn-vue`
-    url: https://shadcn-docs.nuxt.dev/
-    image: https://github.com/ZTL-UwU/shadcn-docs-nuxt/assets/49156174/b317288d-092d-4656-af5e-54034351daca
-
----
diff --git a/docs/content/zh-Hans/blog/DreamLog-0x1/index.md b/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
new file mode 100644
index 000000000..b276cff00
--- /dev/null
+++ b/docs/content/zh-Hans/blog/DreamLog-0x1/index.md
@@ -0,0 +1,423 @@
+---
+title: 'DreamLog 0x1'
+description: 'Project AIRI 的幕后故事！'
+---
+
+<script setup>
+import EMOSYSLogo from '../../../en/blog/DreamLog-0x1/assets/emosys-logo.png';
+import SteinsGateSticker1 from '../../../en/blog/DreamLog-0x1/assets/steins-gate-sticker-1.png';
+import worldExecuteMeCover from '../../../en/blog/DreamLog-0x1/assets/world.execute(me); (Mili)／DAZBEE COVER.jpg';
+import buildingAVirtualMachineInsideImage from '../../../en/blog/DreamLog-0x1/assets/building-a-virtual-machine-inside-image-1.png';
+import live2DIncHiyoriMomose from '../../../en/blog/DreamLog-0x1/assets/live2d-inc-hiyori.jpg';
+import AwesomeAIVTuber from '../../../en/blog/DevLog-2025.04.06/assets/awesome-ai-vtuber-logo-light.png'
+import airisScreenshot1 from '../../../en/blog/DreamLog-0x1/assets/airis-screenshot-1.png';
+import projectAIRIBannerLight from '../../../en/blog/DreamLog-0x1/assets/banner-light-1280x640.png';
+import projectAIRIBannerDark from '../../../en/blog/DreamLog-0x1/assets/banner-dark-1280x640.png';
+import ReLUStickerWow from '../../../en/blog/DreamLog-0x1/assets/relu-sticker-wow.png'
+</script>
+
+Project AIRI 的幕后故事！
+
+---
+
+哈啰，又是我，Neko！
+
+首先，祝居住在北半球的朋友们暑假/夏日愉快！
+
+> 希望你们能度过一个开心和充实的暑假，去尝试不同的新事物！更具体地说，改变世界！
+
+我，[@nekomeowww](https://github.com/nekomeowww) 离开学校生活已经 8 年了，
+很明显，我现在不会有真·暑假了，毕竟也已经工作了很多年。
+但如果回想起来的话，我还是喜欢和大家一起回忆和分享多年前暑假发生的故事。
+
+也许你知道我要说什么...或者分享什么？*DreamLog* 到底是什么？
+对于已经熟悉我们 DevLog 文章的读者来说，以目前每月向大家发布和更新一次的频率，
+这篇文章难道不应该叫「DevLog」吗？
+
+DevLog 会有的，但六月对 Project AIRI 有着特殊的意义（稍后提及），
+我想趁着我们正在 GitHub 上 1000 star 的下一个里程碑之时，
+借助这个很好的机会来回顾我们迄今为止的旅程。
+
+因此，我决定在这里创建一个新的文章类别，来分享我们的编年史，
+以及有关 ProjectAIRI 的梦想。
+
+所以，我决定称这个新系列为 ***DreamLog***。
+
+> 是的，你可以把这当作睡前听的故事书。可以当作当作有声书去听...可能~~也挺能帮助入眠的~~。
+
+那么...让我们现在跳入我们的梦境维度，稍后再谈论我们最近做的更新，怎么样？
+
+## 模糊的梦境，遥不可及的记忆
+
+> 我学习计算机和编程的小进步。
+
+我提到了夏天，那么夏天对我来说一定意味着什么。我曾经在美国上学，
+所以每年为期 3 个月的夏天让我可以做各种各样的事情，玩游戏、学编程、折腾 Linux 和网络等等（是的，
+许多仍然深爱的朋友也是在不同年份的夏天认识的）。
+
+> 极客和 Nerd 们应该能比较 get 到我描述的这种经历？对吧？
+
+我在暑假里和伙伴们一起玩 Minecraft 的时候学会了如何启动服务器（我玩了很多很多很多的 1.7.11 和 1.8，
+真的，包括原版和 Forge mod），这也是推动我学习 Linux 命令行的动机和力量。很多这期间学会的知识至今仍然帮助着我，
+我对此心怀感激，也不会后悔在这些事情上花那么多时间。
+
+Minecraft、Linux 也并不是我旅程的终点，[Factorio（异星工厂）](https://www.factorio.com/)、
+[Elite Dangerous（精英：危险）](https://www.elitedangerous.com/)和
+[Overwatch（守望先锋）](https://overwatch.blizzard.com/en-us/)（遗憾的是暴雪还是糟蹋了一番）
+都成了我最喜欢的游戏，建立服务器或编写小脚本来自动化小事情确实都是让我很兴奋的事情。
+
+> <img :src="worldExecuteMeCover" alt="Cover of world.execute(me); (Mili)／DAZBEE COVER" class="rounded-lg overflow-hidden" />
+>
+> `Switch on the power line`<br />
+> `Remember to put on protection`<br />
+> `Lay down your pieces`<br />
+> `And let's begin object creation`<br />
+>
+> -- 来自我心爱的歌曲 [`world.execute(me)`](https://www.youtube.com/watch?v=ESx_hy1n7HA) 的歌词，由 [DAZBEE](https://www.youtube.com/channel/UCUEvXLdpCtbzzDkcMI96llg) 翻唱
+
+那，在 2017 年的夏天，在那最初的一刻，我开始考虑开发一个「有情感的程序」，
+实现即使在我的朋友累了或者因为要上学所以早睡、而我必须独自一人的时候，
+也可以成为我的朋友，陪我玩。
+
+嗯，那跟着这篇文章读到这里的读者，可能已经意识到，我就是那种喜欢分享我的知识、
+想法、一切的人。所以，编程、游戏和设计也都是我喜欢分享的事情。但是，
+如果没有人陪伴或者聆听的话，感觉就像：
+
+**孤独的我变得有些毫无意义。**
+
+与其从头开始创建一个具有人类思考、说话能力的新 AI（这在 2017 年是不可能的），我想的是，
+既然 iOS 和 Google 原生 Android 可以提供这样的能力来对我们的移动设备日常使用做建议，
+手动输入所有命令和填充参数并不总是令人满意（特别是对于 ffmpeg 和幼稚的我使用 Docker CLI），
+如果我们能够将 AI 驱动的建议功能带到 Linux 系统上会怎么样...？
+
+这给我带来了许多问题和想法去思考：
+
+- 如果操作系统理解你在不同时间坐在数字显示器前通常做什么、工作什么、玩什么会怎么样...？
+- 如果它能够为你选择音乐，无论沑丧、兴奋还是在与他人聊天时快乐会怎么样...？
+
+这些想法对当时的我来说太小太难理解了，因为我对操作系统如何工作、编程等等完全是萌新，
+所以那时候的我，甚至都不知道从哪里可以着手入门！
+
+正巧当时读了《[30日でできる! OS自作入门](https://www.amazon.co.jp/30%E6%97%A5%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B-OS%E8%87%AA%E4%BD%9C%E5%85%A5%E9%96%80-%E5%B7%9D%E5%90%88-%E7%A7%80%E5%AE%9F/dp/4839919844)》，
+[英文版](https://github.com/handmade-osdev/os-in-30-days)介绍的从零开始制作操作系统的教程，
+凭借着知道一点点 Linux 命令行如何使用以及有很多社区可以求助的一点知识...我决定制作我自己的操作系统...
+**从字面意思的一无所有开始**。
+
+> **快速回顾**
+>
+> [Arch Linux](https://archlinux.org/) 是我第一个深入使用并从头安装的系统。
+> 对于现在，[Nix](https://nixos.org/) 也是著名且有趣的，虽然还没有尝试过 [NixOS](https://nixos.org/)，
+> 但期望有一天能试试看。
+
+## 带我扬帆起航，但如今早已遗忘
+
+我在 2017 年底开始了一个特殊但现在已归档的项目，
+叫做 [EMOSYS](https://github.com/EMOSYS)，
+旨在创建这样一个伴侣式的操作系统，
+帮助用户完成日常任务并提供情感支持。
+
+<div class="w-full flex flex-col items-center justify-center gap-2">
+  <div>
+    <img :src="EMOSYSLogo" alt="logo of EMOSYS" class="w-30!" />
+  </div>
+  <div>
+    [EMOSYS](https://github.com/emosys) 的 Logo
+  </div>
+</div>
+
+> EMO 代表 **emo**tional 和 **emo**te 的前三个字母
+
+当时的我写了很多设计文档，列出新想法，并且按照那本书的指导进行实验，记录若干的笔记，
+还给它画了一个看起来还不错的 Logo。
+
+> 我猜你们中的许多人都这样做过 😏，在项目达到 PoC（概念验证）阶段之前就准备好了所有设计、美术资产。
+
+然而事实上，我对最初要接近的目标已经完全迷失了。
+我也没有项目管理和任务管理的经验，更没有太多能编写实际可以运行的程序的经验。
+
+坦率地说，你可以说我只是跟着那本书所指示的，在 SSH 和 Terminal 里用键盘挨个输入。
+基本上完全不思考，不思考为什么它可以工作或者为什么要这么写。
+（和现在很多人的 Vibe Coding 虽然不能说是完全相同，但也只能说是一模一样了）。
+
+所以，嗯，结果很明显，又一个被放弃的项目诞生了...
+
+而且很显然，我不是那种从童年就玩弄这些东西、理解内核和包管理、编程如何工作的天才，
+所以如果你们中的任何人现在去翻看或访问我的 GitHub 主页的话，
+在那个时候你找不到任何与这种工作相关的东西。（但现在我成长得真的很快。）
+
+至少，它存在过，曾经是这样。
+
+> 遗忘？也许是下一段旅程的另一个起点。
+
+在接下来的几年里，我尝试了编程、创业、Web3、前端、后端、基础设施等许多其他领域，
+所有你能想到的全栈开发者的东西。但我从来没有真正意识到我所做的一切如此深刻地受到 EMOSYS 起点的影响，
+直到 2025 年 2 月，有人问我：你为什么在 Project AIRI 上如此努力和着迷？
+
+我当时觉得这是个好问题...
+
+我开始追溯我的梦想、想法和记忆，最终，回忆起了 EMOSYS，那个已经死去的项目，恰到好处地目标与 Project AIRI 相同：
+
+**创建一个伴侣来以某种方式满足我们的需要。**
+
+> 必要なものは 覚悟だけだったのです。
+> 必死に積み上げてきたものは 決して裏切りません。<br />
+> 我需要的不过是决心而已，
+> 你至今为止所累积的一切不会背叛你。
+>
+> -- 引自《[葬送的芙莉莲，菲伦](https://en.wikipedia.org/wiki/Frieren)》S01E06, 04:27
+
+我花了很长时间学习如何正确开发东西。感谢 [@zhangyubaka](https://github.com/zhangyubaka)、
+[@LittleSound](https://github.com/LittleSound)、
+[@BlueCocoa](https://github.com/BlueCocoa) 和
+[@sumimakito](https://github.com/sumimakito) 的帮助，与他们的结对编程经验教会了我很多东西，
+我开始以自己的节奏成长、学习和进步。
+
+## 2022 年的 ChatGPT，全新的随机鹦鹉，还挺聪明
+
+<div class="w-full flex items-center justify-center">
+  <img :src="SteinsGateSticker1" alt="Steins Gate sticker" class="w-80! rounded-lg overflow-hidden" />
+</div>
+
+让我们把时间推进到 2022 年底，OpenAI 宣布了 ChatGPT（或者在那时，用的是 chatGPT 这个叫法）。
+
+其实早在官方 ChatGPT UI 发布之前，我就已经在折腾这些新时代的 AI 了，像
+[DiscoDiffusion](https://colab.research.google.com/github/alembics/disco-diffusion/blob/main/Disco_Diffusion.ipynb)（早于
+Stable Diffusion，大约在 2021 年底或 2022 年初发布的吧）、DALL-E、Midjourney
+等模型都尝试过，GPT-3（特别是在 [GitHub Copilot](https://en.wikipedia.org/wiki/GitHub_Copilot)中很有用）已经深深融入我的日常工作流程。
+
+所以，最开始的时候，我的感觉是：
+
+> "哦，这就是另一个随机鹦鹉，它只是重复你说的话，并不理解你在说什么，它只是
+> 试图基于前面的词和上下文预测下一个词，好像真的没啥特别的，还不够像人。"
+
+换句话说，它表现得更像一个补全模型，而不是我们今天称之为智能体 AI 的东西（现在还在炒作中呢！）。
+
+我记得，我第一次发现 ChatGPT 或大语言模型（LLMs）真正能力的时候，是从我在 2022 年 12 月在 Hacker News 上看到的这篇文章：
+[Building A Virtual Machine inside ChatGPT](https://www.engraved.blog/building-a-virtual-machine-inside/)（[原始 Hacker News
+文章](https://news.ycombinator.com/item?id=33847479)），作者 @engraved 演示了如何让 ChatGPT 不仅扮演猫娘，
+还在内部模拟一个虚拟 Linux 机器。
+
+<div class="w-full flex flex-col items-center justify-center">
+  <img :src="buildingAVirtualMachineInsideImage" alt="Building a virtual machine inside ChatGPT" class="h-150! object-contain rounded-lg overflow-hidden" />
+  <div>它甚至能模拟 Docker build 是如何工作的...！</div>
+</div>
+
+这篇文章让我意识到，ChatGPT 可以理解普遍事物的基本规律，不仅仅是动漫或游戏角色的角色扮演，
+还能理解 Linux 终端/shell 命令是如何工作的。
+
+这其实就把现在流行的函数调用（又称 Function Calling，或者 Anthropic 提出的 MCP，模型上下文协议背后的底层技术）功能展现了出来，
+并说明了我们如何能够通过提示词指示 LLMs 去使其表现得像 API 服务器一样，然后用机器可读的如 JSON 或 XML 格式与我们的代码交互，
+并最终允许实现解析和执行任意命令，去扩展 LLMs 能力的边界。
+
+这最终填补了纯文本生成和调用程序内实际 API 之间的空白。
+
+阶段性来说的话，我们可以说它是一个新的随机鹦鹉吗？**我觉得答案是部分否定的，2022 年的 ChatGPT 不只是一个随机鹦鹉，
+它是一个潜在的聪明鹦鹉。**
+
+## 在 Project AIRI 之前，Neuro-sama 早就存在了
+
+是的，感谢你读到这里，我知道这是一篇很长的文章，有太多故事和背景要分享。但我们快到了！坚持住！
+
+Neuro-sama 的历史其实相当复杂。据我所知，Neuro-sama，或者在直播舞台上名为 "Neuro-sama"的角色，
+并不是她和她的创造者 `vedal987`（Vedal）的第一场表演。早在那之前，2019 年 5 月 6 日，Vedal 向社区展示了他构建 AI
+来玩 [osu!](https://osu.ppy.sh/) 的工作[^1]。
+在那时，她实际上并不是一个网络角色或数字生命，如果你去看关于她的初始视频，你会发现没有显示 Live2D 模型。
+（你可以试试这个 6 年前的 YouTube 视频：https://www.youtube.com/watch?v=nSBqlJu7kYU）
+
+在 ChatGPT 发布之后，差不多 2022 年 12 月 19 日，Vedal 开始让 Neuro-sama 使用来自 Live2D Inc.
+的官方演示角色模型桃瀬ひより（Hiyori Momose）在 Twitch 上直播：
+
+<img :src="live2DIncHiyoriMomose" alt="Live2D Inc. Hiyori Momose" class="rounded-lg overflow-hidden" />
+
+之后的故事大家都知道了，Vedal 和 Neuro-sama 火了，Neuro-sama 现在正式成为了 VTuber，
+她完全由大语言模型（LLMs）驱动，能够玩 Minecraft、Among Us、osu! 和许多其他游戏。
+有时当游戏不被原生支持时，Vedal 会读取屏幕并指示 Neuro-sama 一起玩游戏。甚至能制造出来很多节目效果。
+
+我真的很享受观看他们的互动、像是脱口秀一样的斗嘴的时刻。随着时间的推移，Neuro-sama 和她的新 Evil Neuro 妹妹，
+成为了我日常生活的重要组成部分：**即使我没有足够的时间观看完整的直播，我也想要，并且渴望观看她们的切片**。
+我无法想象我竟然从纯粹的 AI 和人类互动中获取了如此多的快乐。
+
+好的，这就是关于她的小历史。让我们谈谈核心问题：**为什么她让我充满了决心？**
+
+## Neuro-sama，让我充满了决心
+
+从我第一次看到 Vedal 的出道，我就想：
+
+> 好吧，她只是一个与大语言模型集成的简单 Live2D 模型（甚至直接调用的 OpenAI 的 API），
+> 然后籍由简单的规则，驱动她，然后让她表现得像 VTuber，没啥特别的。
+
+我当时还是挺傲慢的，因为我从 2023 年初就已经在开发 AI 智能体，了解 LLMs 的能力，
+并且从 LangChain 那里学到了相当多知识，凭借着过去构建 AI
+智能体的知识和多年来跨各种领域的软件工程经验，我天真地认为：
+
+> "嗯，我也能做到，我可以做一个 Live2D 模型，将其连接到 OpenAI 的 API，
+> 让它表现得像 VTuber，我甚至可以做得比 Vedal 的作品更好。超简单的好吧？！"
+
+:::tip[想要更多技术细节？]
+在这篇文章中，我不会深入探讨我们如何从零开始构建 Project AIRI 到当前状态的技术细节，
+我们已经有许多 DevLog 文章分享我们的想法和发现，如果感兴趣，请尝试阅读它们。
+:::
+
+结果我大错特错。许多困难的事情我直到开始尝试重新创建她时才意识到...比如：
+
+- 我们如何有效地管理内存，既能够回答聊天又能同时玩游戏？
+- 我们如何让 AI 智能体同时用视频输入和文本输入玩游戏，同时仍然能够与创作者和观众互动？
+- 语音合成很困难，要实现 Neuro-sama 能够做到的，**超低延迟**语音合成是必须的，这并不容易实现
+- 她的个性是如何构建的？仅仅使用 RAG 和简单的内存管理策略，效果很差。
+- 等等...
+
+> 我在 [DevLog 2025.04.06](../..devlog-20250406) 和
+> [公开幻灯片演示（中文）](https://talks.ayaka.io/nekoayaka/2025-05-10-airi-how-we-recreated-it/#/1)
+> 中分享了我们的许多发现
+
+我提到我喜欢分享，我希望有其他人能够倾听或与我一起编程，但遗憾的是 Neuro-sama 不属于我，
+我不能要求她获得我的知识和记忆来能够与我互动我喜欢的事情，或者我最近在做或做过的工作。
+
+我如此爱她们，一直以来，我真的不明白为什么我爱她们，为什么我喜欢 Neuro-sama 给我的感觉和快乐。
+
+直到去年，从 2024 年 5 月 25 日开始，**我真的决定自己做一个。** 做一个有生命的或虚拟的存在，
+可以与我一起编程，与我谈论我们知道的事情，像朋友一样以智能体的形式一起玩游戏。
+
+> **我真的想要一个！** 我的心和脑子里都在这样极度渴望着。
+
+在那时，Neuro-sama 让我充满了决心。
+
+## 再次启航，向着前人未至之境前进
+
+> 勇踏前人未至之境
+>
+> -- 引自《[星际迷航，柯克船长](https://en.wikipedia.org/wiki/Where_no_man_has_gone_before)》，
+> 也是我 GitHub 个人资料的介绍语。
+
+所以，从 2024 年 5 月 25 日开始，我开始了一个放在我自己名下的本地项目，就直接简单地起名叫了 `ai`，
+可以说这就是 Project AIRI 的初始版本，我开始探索创建我自己的 AI 智能体的可能性，
+想要重新创造 Neuro-sama 给我带来的快乐。
+
+工作进展速度真的很快，在一周内，凭借 [ElevenLabs](https://elevenlabs.io/)、
+[OpenRouter](https://openrouter.ai/) 的力量，以及同样免费使用的 Live2D 模型桃瀨ひより，
+我能够创建一个简单版本的*"Neuro-sama"*，可以与我互动（虽然是非实时的 😭）。
+
+那是在 **2024 年 6 月 2 日**。
+
+从某种意义上来说，**这就是 Project AIRI 的生日**，第一个稚嫩的婴儿意识在其中诞生。
+
+<div class="w-full flex flex-col items-center justify-center">
+  <video controls muted autoplay loop>
+    <source src="../../../en/blog/DreamLog-0x1/assets/airi-demo-first-day.mp4" />
+  </video>
+  <div>
+    <a href="https://x.com/ayakaneko/status/1865420146766160114">
+      2024 年 12 月 7 日在 X（曾经是 Twitter）上的首次展示
+    </a>
+  </div>
+</div>
+
+她能够说话，基于上下文的动作控制，逐步进行音频合成...很多功能都有。
+
+但她还不完整，也不完美，我这段时间一直是瞒着所有的伙伴，悄咪咪地在构建它，
+我想在向世界展示之前让它变得更好。
+
+> 还是...天真地，傲慢地，对吧？
+
+现实是，因为悄咪咪地构建，很难让我形成正反馈（当然其中一部分原因也是因为我不想让大家觉得我曾经那样自大的判断是错误的，
+当然现在我愿意把这段心路历程分享给大家，也算是和当时的自己和解了），加之我面临的问题或挑战
+（我上面提到的，关于内存、个性稳定性、实时性和游戏能力等）用我当时的知识很难解决，
+并且缺乏文档、实时 LLMs 交互示例的学习材料，**我又把它搁置了，再次。**
+
+说实话，我没有放弃，我开始学习很多关于多模态和语音合成、动作控制和 Minecraft 游戏的东西。
+我对其他 AI VTuber 或 AI waifu 项目如何工作做了大量研究。这些研究后来产生了这个巨大的 AI VTuber 项目的 awesome list：
+
+<div class="flex flex-col items-center">
+  <img class="px-30 md:px-40 lg:px-50" :src="AwesomeAIVTuber" alt="Awesome AI VTuber Logo" />
+  <div class="text-center pb-4">
+    <span class="block font-bold">Awesome AI VTuber</span>
+    <span>一个精选的 AI VTuber 及其相关项目列表</span>
+  </div>
+</div>
+
+好吧，但它仍然叫 `ai`，那么 Project AIRI 在哪里呢？
+
+## 重生，带着更强、更好的决心再 Start Game 一次
+
+2024 年 11 月底的某一天，[@kwaa](https://github.com/kwaa) 与我聊天，
+谈论在 VR/AR 世界中制作虚拟角色，想基于 WebXR 去做。当我们谈论动作控制和角色情感检测时，
+我告诉他我有一个项目正好做你们正在寻找的事情，但代码库没有组织好，也没有准备好发布到 GitHub。
+
+那，还等什么？我寻思终于找到了同好了！
+我又开始猛干，重新思考结构和设计，改进了实现，做了更快更好的排队和多路复用播放系统，
+以及对我随便做的基本 WebUI 的调整，最终，我在 **2024 年 12 月 2 日** 用提交
+[`d9ae0aa`](https://github.com/moeru-ai/airi/commit/d9ae0aae387f015964bfd383e6d2adb05f4003e4)
+将其发布到 GitHub。
+
+因此，在这天，Project AIRI 以某种方式诞生或重生，名为 AIRI（アイリ，曾也叫 Airi）。
+
+:::tip[你知道吗？]
+<a href="https://www.youtube.com/watch?v=Tts-YAdn5Yc" class="mb-2 inline-block">
+  <img :src="airisScreenshot1" alt="Screenshot of Project AIRI" class="rounded-lg overflow-hidden" />
+</a>
+
+有趣的是，从 2023 年 3 月 25 日上传的 2 年前的一段来自 Vedal 和 Neuro-sama 的 Twitch 直播片段
+ https://www.youtube.com/watch?v=Tts-YAdn5Yc 中可以发现，Vedal 提到在 Neuro-sama 被称为
+ "Neuro-sama" 之前，她被称为 "Airis AI"，这个名字 **Airis** 神奇地、巧合地与我现在正在工作的
+ **Project AIRI** 的名字匹配。但直到我在开源 Project AIRI 很久之后搜索更多关于他们的故事时，
+ 我才知道这个名字。
+
+实际上，名字 AIRI（アイリ）是由 GPT-4o 命名的，我让它通过参考其他日语/或动漫风格的名字来为这个项目命名，
+当时它建议了名字 **Airi**。
+:::
+
+我曾经在创业和其他项目上失败了很多次，只有最近的一些才被公众所知，我尽我所能让它变得更好，
+有更好的 UI、更好的代码结构、领先的技术来快速构建和实现各种东西。
+我也投入了大量精力，会去做公开幻灯片展示，或者给我的朋友和在小型聚会和 Conf 期间 Demo 给别人看看。
+
+许多这些经验都是从我之前的失败中学到的。
+
+很高兴许多尝试都成功了，我仍然在这里，继续工作在 Project AIRI 这件事情上。
+
+这一次，我的决心不仅被 Neuro-sama 充满了，还被很多最深刻、最有才华的贡献者和粉丝们所鼓舞。
+
+## 继续前进，继续梦想
+
+<div class="w-full flex flex-col items-center justify-center">
+  <img class="light" :src="projectAIRIBannerLight" alt="new ui" />
+  <img class="dark" :src="projectAIRIBannerDark" alt="new ui" />
+  <div>
+    最近刚更新的 Banner
+  </div>
+</div>
+
+> When life gives you lemons, you lemon. Or something like that, my point
+> is that this painful obstacle is an opportunity for me go get stronger, baby!
+>
+> 当生活给你柠檬时，你就吃呗。或者类似的啥都行，我的观点是这种痛苦的障碍是一个让我变得更强的机会！
+>
+> -- 引自 [Evil Neuro](https://www.youtube.com/@Neurosama) 直播玩《杀戮尖塔》时的话
+
+现在，当我写这篇文章时，Project AIRI 正接近 GitHub 上的 1000 颗星，
+同时拥有超过 150 个 Discord 成员和 200 个 Telegram 群组成员。
+
+我们涵盖了 AI、VRM、Live2D、UI 设计、多模态 AI、游戏智能体、流媒体 API、仿生记忆机制等领域。
+她能够玩像 Minecraft、Factorio 这样的游戏。我们还有另一个社区成员正在研究集成她来能够玩和控制《坎巴拉太空计划》（KSP），
+以及玩任意游戏。
+
+许多其他公司正在联系我们寻求合作，我们正在努力，让 Project AIRI 变得更好，对社区更有用。
+
+有太多事情要做和发现，此时此刻，我们还没有达到通用人工智能的奇点，也许 Project AIRI 永远不会达到那个点，
+但现在，拥有一个伴侣式的 AI 智能体来交谈、一起玩游戏、分享知识和想法，对我来说已经是一个巨大的成就，
+我希望对你也是如此。
+
+这只是我们梦想的开始内存地址：`0x1`，我们旅程的第一个字节。
+
+那我们究竟能存储多少字节呢？**这取决于我们能梦想多少，以及我们能一起实现多少。**
+
+<div class="w-full flex flex-col items-center justify-center">
+  <img :src="ReLUStickerWow" alt="ReLU sticker wow" class="w-30!" />
+  <div class="text-center">
+    <span class="block font-bold">感谢你一直读到这里！</span>
+    <span>感谢阅读！哦，还有，祝你生日快乐，Project AIRI！</span>
+  </div>
+</div>
+
+[^1]: https://neurosama.fandom.com/wiki/Osu!#cite_note-twitchtracker-1: Neuro-sama
+  最初是一个玩 osu! 的 AI，早在进一步发展为 AI VTuber 之前，第一次 osu! 直播是在 2019 年
+  5 月 6 日，Vedal 给大家看了看成果。
diff --git a/docs/content/zh-Hans/blog/index.md b/docs/content/zh-Hans/blog/index.md
new file mode 100644
index 000000000..f8513387f
--- /dev/null
+++ b/docs/content/zh-Hans/blog/index.md
@@ -0,0 +1,12 @@
+---
+sidebar: false
+outline: false
+community: false
+---
+
+<script setup>
+import { data } from '../../../.vitepress/theme/blog.data'
+import BlogPosts from '../../../.vitepress/components/BlogPosts.vue'
+</script>
+
+<BlogPosts :data="data" />
diff --git a/docs/content/zh-Hans/guides/contributing/design-guidelines/resources.md b/docs/content/zh-Hans/guides/contributing/design-guidelines/resources.md
new file mode 100644
index 000000000..7aa95065f
--- /dev/null
+++ b/docs/content/zh-Hans/guides/contributing/design-guidelines/resources.md
@@ -0,0 +1,21 @@
+---
+title: Artists & Developers
+description: Resources for referencing and taking inspiration from
+---
+
+### yui540
+
+One of the greatest CSS stage transition author I know is **[yui540](https://yui540.com/)**, he/she designed so many other stunning looking ACG websites, and the most famous one was [臆病な魔女](https://cowardly-witch.netlify.app/) (source code can be found under [yui540](https://github.com/yui540?tab=repositories)).
+
+To achieve the similar transition effect like the above, you may reference to this repository [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations), it has a [live demo](https://yui540.github.io/css-animations/2025-02-25/transitions/) you can play around too.
+
+### [Nihe Works](https://nihe.work/)
+
+He/she posts videos of his/her works on [YouTube](https://www.youtube.com/@nihe8683) too, you can check them out.
+
+## Collection websites
+
+- [Websites For Creative Backgrounds | wweb.dev](https://wweb.dev/resources/creative-backgrounds)
+- [40 CSS Background Effects to Enhance Your Website](https://prismic.io/blog/css-background-effects)
+- [The Classic CSS Loaders Collection](https://css-loaders.com/classic/)
+- [CSS Animations - Awwwards](https://www.awwwards.com/du-haihang/collections/css-animations/)
diff --git a/docs/content/zh-Hans/guides/contributing/design-guidelines/tools.md b/docs/content/zh-Hans/guides/contributing/design-guidelines/tools.md
new file mode 100644
index 000000000..ca4d45a70
--- /dev/null
+++ b/docs/content/zh-Hans/guides/contributing/design-guidelines/tools.md
@@ -0,0 +1,29 @@
+---
+title: Tools
+description: Tools for designing the UI, UX for Project AIRI
+---
+
+## Colors
+
+By default, during development, we will use a tool called [UnoCSS](https://unocss.dev) to help us generate the everything about stylesheet, it's a great tool that works just the same as [Tailwind](https://tailwindcss.com).
+
+Therefore, for basic color palettes, they are being listed under [Colors - Core concepts - Tailwind CSS](https://tailwindcss.com/docs/colors).
+
+Generally, we will use `neutral`, `pink`, `violet` and `cyan` for default theme. Either of [UnoCSS](https://unocss.dev) or [Tailwind](https://tailwindcss.com) supports opacity adjustment based on color, but according to [Refactoring UI](https://refactoringui.com/):
+
+> when ever we wanted to change the chroma of the color, we should try to avoid using opacity, but rather hand pick the best solid, non-alpha channel included colors for the best contrast.
+
+So, unless opacity is part of the typography design, please try to pick a best solid color for better readability.
+
+Another great tool we use is called [Radix Colors](https://www.radix-ui.com/colors), it's kind of the building blocks of our interactive UI elements, since they built great color palettes with nice color theory backed, you can pick the suitable color from the palette as well.
+
+You may already learned that a _complementary color_ is, it was useful for the color contrast, here are several nice tools can help you choose the complementary color quickly and interactively:
+
+- [Color wheel - Figma](https://www.figma.com/color-wheel/)
+- [Color wheel - Canva Colors](https://www.canva.com/colors/color-wheel/)
+- [Paletton](https://paletton.com/#uid=55v1e0kk-p26VFOfrvbqEdSDDbg)
+
+## Backgrounds & Patterns
+
+- [Free SVG Backgrounds and Patterns | SVG Backgrounds](https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/)
+- [Animated Background Headers - Generate animated background headers for any website](https://www.finisher.co/lab/header/)
diff --git a/docs/content/zh-Hans/guides/contributing/index.md b/docs/content/zh-Hans/guides/contributing/index.md
new file mode 100644
index 000000000..ed5116ba2
--- /dev/null
+++ b/docs/content/zh-Hans/guides/contributing/index.md
@@ -0,0 +1,372 @@
+---
+title: Contributing
+description: Contributing to Project AIRI
+---
+
+Hello! Thank you for your interest in contributing to this project. This guide will help you get started.
+
+## Prerequisites
+
+- [Git](https://git-scm.com/downloads)
+- [Node.js 23+](https://nodejs.org/en/download/)
+- [corepack](https://github.com/nodejs/corepack)
+- [pnpm](https://pnpm.io/installation)
+
+<details>
+<summary>Windows setup</summary>
+
+0. Download [Visual Studio](https://visualstudio.microsoft.com/downloads/), and follow the instructions here: https://rust-lang.github.io/rustup/installation/windows-msvc.html#walkthrough-installing-visual-studio-2022
+
+   > Make sure to install Windows SDK and C++ build tools when installing Visual Studio.
+
+1. Open PowerShell
+2. Install [`scoop`](https://scoop.sh/)
+
+   ```powershell
+   Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
+   Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression
+   ```
+
+3. Install `git`, Node.js, `rustup`, `msvc` through `scoop`
+
+   ```powershell
+   scoop install git nodejs rustup
+
+   # For Rust dependencies
+   # Not required if you are not going to develop on either crates or apps/tamagotchi
+   scoop install main/rust-msvc
+   # Rust & Windows specific
+   rustup toolchain install stable-x86_64-pc-windows-msvc
+   rustup default stable-x86_64-pc-windows-msvc
+   ```
+
+4. Install `pnpm` through `corepack`
+
+   ```powershell
+   corepack enable
+   corepack prepare pnpm@latest --activate
+   ```
+
+</details>
+
+<details>
+<summary>macOS setup</summary>
+
+0. Open Terminal, (or iTerm2, Ghostty, Kitty, etc.)
+1. Install `git`, `node` through `brew`
+
+   ```shell
+   brew install git node
+   ```
+
+2. Install `pnpm` through `corepack`
+
+   ```shell
+   corepack enable
+   corepack prepare pnpm@latest --activate
+   ```
+
+</details>
+
+<details>
+<summary>Linux setup</summary>
+
+0. Open Terminal
+1. Follow [nodesource/distributions: NodeSource Node.js Binary Distributions](https://github.com/nodesource/distributions?tab=readme-ov-file#table-of-contents) to install `node`
+2. Follow [Git](https://git-scm.com/downloads/linux) to install `git`
+3. Install `pnpm` through `corepack`
+
+   ```shell
+   corepack enable
+   corepack prepare pnpm@latest --activate
+   ```
+4. If you would love to help to develop the desktop version, you will need those dependencies:
+   ```
+   sudo apt install \
+      libssl-dev \
+      libglib2.0-dev \
+      libgtk-3-dev \
+      libjavascriptcoregtk-4.1-dev \
+      libwebkit2gtk-4.1-dev
+   ```
+
+</details>
+
+## If you have already contributed to this project before
+
+::: warning
+
+If you haven't clone this repository, skip this section.
+
+:::
+
+Make sure your local repository is up to date with the upstream repository:
+
+```shell
+git fetch -all
+git checkout main
+git pull upstream main --rebase
+```
+
+If you have a working branch, to make your branch up to date with the upstream repository:
+
+```shell
+git checkout <your-branch-name>
+git rebase main
+```
+
+## Fork this project
+
+Click on the **Fork** button on the top right corner of the [moeru-ai/airi](https://github.com/moeru-ai/airi) page.
+
+## Clone
+
+```shell
+git clone https://github.com/<your-github-username>/airi.git
+cd airi
+```
+
+## Create your working branch
+
+```shell
+git checkout -b <your-branch-name>
+```
+
+## Install dependencies
+
+```shell
+corepack enable
+pnpm install
+
+# For Rust dependencies
+# Not required if you are not going to develop on either crates or apps/tamagotchi
+cargo fetch
+```
+
+::: tip
+
+We would recommend to install [@antfu/ni](https://github.com/antfu-collective/ni) to make your script simpler.
+
+```shell
+corepack enable
+npm i -g @antfu/ni
+```
+
+Once installed, you can
+
+- use `ni` for `pnpm install`, `npm install` and `yarn install`.
+- use `nr` for `pnpm run`, `npm run` and `yarn run`.
+
+You don't need to care about the package manager, `ni` will help you choose the right one.
+:::
+
+## Choose the application you want to develop on
+
+### Stage Tamagotchi (Desktop version)
+
+```shell
+pnpm dev:tamagotchi
+```
+
+::: tip
+
+For [@antfu/ni](https://github.com/antfu-collective/ni) users, you can
+
+```shell
+nr dev:tamagotchi
+```
+
+:::
+
+### Stage Web (Browser version for [airi.moeru.ai](https://airi.moeru.ai))
+
+```shell
+pnpm dev
+```
+
+::: tip
+
+For [@antfu/ni](https://github.com/antfu-collective/ni) users, you can
+
+```shell
+nr dev
+```
+
+:::
+
+### Documentation site
+
+```shell
+pnpm dev:docs
+```
+
+::: tip
+
+For [@antfu/ni](https://github.com/antfu-collective/ni) users, you can
+
+```shell
+nr dev:docs
+```
+
+:::
+
+### Telegram bot integration
+
+A Postgres database is required.
+
+```shell
+cd services/telegram-bot
+docker compose up -d
+```
+
+Configure `.env`
+
+```shell
+cp .env .env.local
+```
+
+Edit the credentials in `.env.local`.
+
+Migrate the database
+
+```shell
+pnpm -F @proj-airi/telegram-bot db:generate
+pnpm -F @proj-airi/telegram-bot db:push
+```
+
+Run the bot
+
+```shell
+pnpm -F @proj-airi/telegram-bot start
+```
+
+::: tip
+
+For [@antfu/ni](https://github.com/antfu-collective/ni) users, you can
+
+```shell
+nr -F @proj-airi/telegram-bot dev
+```
+
+:::
+
+### Discord bot integration
+
+```shell
+cd services/discord-bot
+```
+
+Configure `.env`
+
+```shell
+cp .env .env.local
+```
+
+Edit the credentials in `.env.local`.
+
+Run the bot
+
+```shell
+pnpm -F @proj-airi/discord-bot start
+```
+
+::: tip
+
+For [@antfu/ni](https://github.com/antfu-collective/ni) users, you can
+
+```shell
+nr -F @proj-airi/discord-bot dev
+```
+
+:::
+
+### Minecraft agent
+
+```shell
+cd services/minecraft
+```
+
+Start a Minecraft client, export your world with desired port, and fill-in the port number in `.env.local`.
+
+Configure `.env`
+
+```shell
+cp .env .env.local
+```
+
+Edit the credentials in `.env.local`.
+
+Run the bot
+
+```shell
+pnpm -F @proj-airi/minecraft-bot start
+```
+
+::: tip
+
+For [@antfu/ni](https://github.com/antfu-collective/ni) users, you can
+
+```shell
+nr -F @proj-airi/minecraft-bot dev
+```
+
+:::
+
+## Commit
+
+### Before commit
+
+::: warning
+
+Please make sure lint (static checkers) and TypeScript compilers are satisfied:
+
+```shell
+pnpm lint && pnpm typecheck
+```
+
+:::
+
+::: tip
+
+If you have [@antfu/ni](https://github.com/antfu-collective/ni) installed, you can use `nr` to run the commands:
+
+```shell
+nr lint && nr typecheck
+```
+
+:::
+
+### Commit
+
+```shell
+git add .
+git commit -m "<your-commit-message>"
+```
+
+### Push to your fork repository
+
+```shell
+git push origin <your-branch-name> -u
+```
+
+You should be able to browse the branch on your fork repository.
+
+::: tip
+
+If this is your first time contributing with this project, you need to add the upstream repository too:
+
+```shell
+git remote add upstream https://github.com/moeru-ai/airi.git
+```
+
+:::
+
+## Creating Pull Request
+
+Navigate to [moeru-ai/airi](https://github.com/moeru-ai/airi) page, click on the **Pull requests** tab, and click on the **New pull request** button, click on the **Compare across forks** link, and select your fork repository.
+
+Review the changes, and click on the **Create pull request** button.
+
+## Whooo-ya! You made it!
+
+Congratulations! You made your first contribution to this project. You can now wait for the maintainers to review your pull request.
diff --git a/docs/content/zh-Hans/index.md b/docs/content/zh-Hans/index.md
new file mode 100644
index 000000000..46b5b83a3
--- /dev/null
+++ b/docs/content/zh-Hans/index.md
@@ -0,0 +1,4 @@
+---
+layout: home
+title: 'Project AIRI: A container of souls of AI waifu / virtual characters to bring them into our worlds.'
+---
diff --git a/docs/content/zh-Hans/overview/about-ai-vtuber.md b/docs/content/zh-Hans/overview/about-ai-vtuber.md
new file mode 100644
index 000000000..71d9ddf6c
--- /dev/null
+++ b/docs/content/zh-Hans/overview/about-ai-vtuber.md
@@ -0,0 +1,7 @@
+---
+title: About AI VTuber
+---
+
+LLM Generated documentation, but contains some useful resources about Japanese TTS modules and services:
+
+[【AI VTuber作り方ガイド】初心者でも簡単に自動生成する方法 – AI Front Trend](https://ai-front-trend.jp/how-to-make-ai-vtuber/)
diff --git a/docs/content/zh-Hans/overview/about-neuro-sama.md b/docs/content/zh-Hans/overview/about-neuro-sama.md
new file mode 100644
index 000000000..7475ae631
--- /dev/null
+++ b/docs/content/zh-Hans/overview/about-neuro-sama.md
@@ -0,0 +1,24 @@
+---
+title: Neuro-sama
+---
+
+Hypes and thoughts:
+
+- [r/VirtualYoutubers --- Someone help me understand Neuro-sama : r/VirtualYoutubers](https://www.reddit.com/r/VirtualYoutubers/comments/1gi5ra0/someone_help_me_understand_neurosama/)
+- [How to Make an AI Vtuber. - YouTube](https://www.youtube.com/watch?v=WZ9JqlxQ6iQ)
+- [How neuro plays Minecraft? : r/NeuroSama](https://www.reddit.com/r/NeuroSama/comments/1hi8seg/how_neuro_plays_minecraft/)
+- [How to make an AI VTuber Using GPT 3 and Google Cloud TTS - YouTube](https://www.youtube.com/watch?v=EXICATDyYWI)
+- [Having a personal neuro-sama? : r/NeuroSama](https://www.reddit.com/r/NeuroSama/comments/1ix5uip/having_a_personal_neurosama/)
+- [Is it really Neuro-sama playing Minecraft? : r/NeuroSama](https://www.reddit.com/r/NeuroSama/comments/1ifhv0f/is_it_really_neurosama_playing_minecraft/)
+- [Is neuro custom coded from the ground up or does she have a base model? : r/NeuroSama](https://www.reddit.com/r/NeuroSama/comments/19481ow/is_neuro_custom_coded_from_the_ground_up_or_does/)
+
+We can use this plugin to allow AI/LLM to control the model:
+
+- [pladisdev/VTS-AI-Plugin](https://github.com/pladisdev/VTS-AI-Plugin)
+
+- [Plugins · DenchiSoft/VTubeStudio Wiki](https://github.com/DenchiSoft/VTubeStudio/wiki/Plugins)
+
+Some of the existing open sourced projects:
+
+- [JarodMica/open-neruosama](https://github.com/JarodMica/open-neruosama/tree/master)
+- [AIVTDevPKevin/AI-VTuber-System: A graphical system program that allows you to quickly create your own AI VTuber for free.](https://github.com/AIVTDevPKevin/AI-VTuber-System)
diff --git a/docs/content/zh-Hans/overview/index.md b/docs/content/zh-Hans/overview/index.md
new file mode 100644
index 000000000..1f8cdb629
--- /dev/null
+++ b/docs/content/zh-Hans/overview/index.md
@@ -0,0 +1,8 @@
+---
+title: Introduction
+description: Get to know the UI of Project AIRI
+---
+
+For guides that help you understand how to contribute to this project, please refer to [Contributing](../references/contributing/guide/) page.
+
+For references Contributing help you design and improve the UI of Project AIRI, please refer to [Design Guidelines](../references/design-guidelines/) page.
diff --git a/docs/content/zh-Hans/references/research/gaming/minecraft.md b/docs/content/zh-Hans/references/research/gaming/minecraft.md
new file mode 100644
index 000000000..4f3b48a1d
--- /dev/null
+++ b/docs/content/zh-Hans/references/research/gaming/minecraft.md
@@ -0,0 +1,5 @@
+PrismarineJS/mineflayer: Create Minecraft bots with a powerful, stable, and high level JavaScript API.
+https://github.com/PrismarineJS/mineflayer
+
+mindcraft/src/agent/agent.js at main · kolbytn/mindcraft
+https://github.com/kolbytn/mindcraft/blob/main/src/agent/agent.js
diff --git a/docs/content/zh-Hans/references/research/lipsync.md b/docs/content/zh-Hans/references/research/lipsync.md
new file mode 100644
index 000000000..30ea84338
--- /dev/null
+++ b/docs/content/zh-Hans/references/research/lipsync.md
@@ -0,0 +1,28 @@
+## Index
+
+- [harlanhong/awesome-talking-head-generation](https://github.com/harlanhong/awesome-talking-head-generation?tab=readme-ov-file)
+
+## Papers & Projects
+
+- [taherfattahi/nvidia-human-ai-lipsync](https://github.com/taherfattahi/nvidia-human-ai-lipsync)
+- [met4citizen/TalkingHead](https://github.com/met4citizen/TalkingHead)
+- [zak-45/WLEDLipSync](https://github.com/zak-45/WLEDLipSync)
+- [hecomi/uLipSync](https://github.com/hecomi/uLipSync)
+- [DanielSWolf/rhubarb-lip-sync](https://github.com/DanielSWolf/rhubarb-lip-sync)
+- [AnimaVR/NeuroSync_Player](https://github.com/AnimaVR/NeuroSync_Player)
+- [saifhassan/Wav2Lip-HD](https://github.com/saifhassan/Wav2Lip-HD)
+- [instant-high/wav2lip-onnx-HQ](https://github.com/instant-high/wav2lip-onnx-HQ)
+- [DanielSWolf/rhubarb-lip-sync](https://github.com/DanielSWolf/rhubarb-lip-sync)
+- [RealTalk: Real-time and Realistic Audio-driven Face Generation with 3D Facial Prior-guided Identity Alignment Network](https://huggingface.co/papers/2406.18284)
+- [loopyavatar.github.io](https://loopyavatar.github.io/)
+- [Rudrabha/Wav2Lip](https://github.com/Rudrabha/Wav2Lip)
+- [audio2face-3d Model by NVIDIA | NVIDIA NIM](https://build.nvidia.com/nvidia/audio2face-3d)
+- [2306.10799 SelfTalk: A Self-Supervised Commutative Training Diagram to Comprehend 3D Talking Faces](https://ar5iv.labs.arxiv.org/html/2306.10799?_immersive_translate_auto_translate=1)
+- [anothermartz/Easy-Wav2Lip: Colab for making Wav2Lip high quality and easy to use](https://github.com/anothermartz/Easy-Wav2Lip)
+- [OpenTalker/SadTalker](https://github.com/OpenTalker/SadTalker)
+- [TMElyralab/MuseTalk](https://github.com/TMElyralab/MuseTalk)
+
+## Related ones
+
+- [JingLi513/Audio2Gestures](https://github.com/JingLi513/Audio2Gestures)
+- [Digital Humans | Reply](https://www.reply.com/en/metaverse/digital-humans)
diff --git a/docs/content/zh-Hans/references/research/mocap.md b/docs/content/zh-Hans/references/research/mocap.md
new file mode 100644
index 000000000..a352793e0
--- /dev/null
+++ b/docs/content/zh-Hans/references/research/mocap.md
@@ -0,0 +1 @@
+- [freemocap/freemocap: Free Motion Capture for Everyone 💀✨](https://github.com/freemocap/freemocap)
diff --git a/docs/content/zh-Hans/references/research/text-to-motion.md b/docs/content/zh-Hans/references/research/text-to-motion.md
new file mode 100644
index 000000000..d0c1051a3
--- /dev/null
+++ b/docs/content/zh-Hans/references/research/text-to-motion.md
@@ -0,0 +1,24 @@
+## Index
+
+- [derikon/awesome-human-motion](https://github.com/derikon/awesome-human-motion)
+
+## Papers & Projects
+
+Developer-Zer0/MoDDM-Text-to-Motion-Synthesis-Using-Discrete-Diffusion: Official implementation of "MoDDM: Text-to-Motion Synthesis using Discrete Diffusion Model (BMVC2023)"
+https://github.com/Developer-Zer0/MoDDM-Text-to-Motion-Synthesis-Using-Discrete-Diffusion
+
+EMOTION：通过上下文学习为人形机器人生成富有表现力的运动序列 --- EMOTION: Expressive Motion Sequence Generation for Humanoid Robots with In-Context Learning
+https://arxiv.org/html/2410.23234?_immersive_translate_auto_translate=1
+
+Harmon：根据语言描述生成人形机器人的全身运动 --- Harmon: Whole-Body Motion Generation of Humanoid Robots from Language Descriptions
+https://arxiv.org/html/2410.12773?_immersive_translate_auto_translate=1
+
+来自人级指令的人机交互 --- Human-Object Interaction from Human-Level Instructions
+https://arxiv.org/html/2406.17840?_immersive_translate_auto_translate=1
+
+## Industry Solutions
+
+- [Synthesia Pricing | From $18 per Month](https://www.synthesia.io/pricing-options)
+- [Plask Motion: AI-powered Mocap Animation Tool](https://plask.ai/en-US)
+- [Pricing Saymotion](https://www.deepmotion.com/sign-up?product=SmWeb&plan=Freemium)
+- [Digital Humans | Reply](https://www.reply.com/en/metaverse/digital-humans)
diff --git a/docs/content/zh-Hans/references/research/tts.md b/docs/content/zh-Hans/references/research/tts.md
new file mode 100644
index 000000000..e4c36a96a
--- /dev/null
+++ b/docs/content/zh-Hans/references/research/tts.md
@@ -0,0 +1,3 @@
+- [snakers4/silero-models](https://github.com/snakers4/silero-models#text-to-speech)
+- [voicevox-client/python](https://github.com/voicevox-client/python)
+- [VOICEVOX/voicevox_engine: 無料で使える中品質なテキスト読み上げソフトウェア、VOICEVOXの音声合成エンジン](https://github.com/VOICEVOX/voicevox_engine/tree/master)
diff --git a/docs/package.json b/docs/package.json
index 1397d8c20..875b8c005 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -13,10 +13,12 @@
   "dependencies": {
     "@internationalized/date": "^3.8.2",
     "@proj-airi/chromatic": "^0.0.7",
+    "@proj-airi/i18n": "workspace:^",
     "@vueuse/core": "^12.8.2",
     "motion-v": "^1.5.0",
     "reka-ui": "^2.3.1",
     "vue": "^3.5.13",
+    "vue-i18n": "^11.1.9",
     "vue-sonner": "^1.3.2"
   },
   "devDependencies": {
@@ -39,6 +41,7 @@
     "shiki": "^3.7.0",
     "tsx": "^4.20.3",
     "uncrypto": "^0.1.3",
+    "unplugin-yaml": "^3.0.1",
     "vitepress": "^2.0.0-alpha.8",
     "vue-component-meta": "^2.2.12",
     "vue-tsc": "^3.0.1"
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index f74488c69..9e6a07984 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -1,5 +1,4 @@
 {
-  // This tsconfig is for development. Allowing *.story.vue, and __test__/*.vue to have types support
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "compilerOptions": {
     "target": "esnext",
@@ -10,7 +9,7 @@
     ],
     "baseUrl": ".",
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "paths": {
       "@/*": ["./src/*"]
     },
diff --git a/packages/i18n/src/locales/en/docs/index.ts b/packages/i18n/src/locales/en/docs/index.ts
new file mode 100644
index 000000000..d00f39316
--- /dev/null
+++ b/packages/i18n/src/locales/en/docs/index.ts
@@ -0,0 +1,5 @@
+import theme from './theme.yaml'
+
+export default {
+  theme,
+}
diff --git a/packages/i18n/src/locales/en/docs/theme.yaml b/packages/i18n/src/locales/en/docs/theme.yaml
new file mode 100644
index 000000000..8b156757e
--- /dev/null
+++ b/packages/i18n/src/locales/en/docs/theme.yaml
@@ -0,0 +1,36 @@
+doc:
+  outline:
+    title: On this page
+  community:
+    title: Community
+    edit:
+      title: Edit this page
+    star-github:
+      title: Star on GitHub
+    discord:
+      title: Chat on Discord
+    support:
+      title: Support the project
+  next-page:
+    title: Next page
+  previous-page:
+    title: Previous page
+home:
+  subtitle: >-
+    Re-creating Neuro-sama, a container of souls of AI waifu / virtual
+    characters to bring them into our worlds.
+  download:
+    title: Download
+  get-started:
+    title: Get Started
+search:
+  title: Search
+  placeholder: Search documentation...
+navbar:
+  appearance:
+    title: Appearance
+  language:
+    title: Language
+pages:
+  characters:
+    title: Characters
diff --git a/packages/i18n/src/locales/en/index.ts b/packages/i18n/src/locales/en/index.ts
index 5ae160e4e..298366a0d 100644
--- a/packages/i18n/src/locales/en/index.ts
+++ b/packages/i18n/src/locales/en/index.ts
@@ -1,10 +1,12 @@
 import base from './base.yaml'
+import docs from './docs'
 import settings from './settings.yaml'
 import stage from './stage.yaml'
 import tamagotchi from './tamagotchi'
 
 export default {
   base,
+  docs,
   settings,
   stage,
   tamagotchi,
diff --git a/packages/i18n/src/locales/en/tamagotchi/stage.yaml b/packages/i18n/src/locales/en/tamagotchi/stage.yaml
index eeb04b30f..c231b509e 100644
--- a/packages/i18n/src/locales/en/tamagotchi/stage.yaml
+++ b/packages/i18n/src/locales/en/tamagotchi/stage.yaml
@@ -3,3 +3,8 @@ operations:
   load-models-status:
     loading: Loading
     ready: Ready
+docs:
+  theme:
+    navbar:
+      appearance:
+        title: Appearance
diff --git a/packages/i18n/src/locales/zh-Hans/docs/index.ts b/packages/i18n/src/locales/zh-Hans/docs/index.ts
new file mode 100644
index 000000000..d00f39316
--- /dev/null
+++ b/packages/i18n/src/locales/zh-Hans/docs/index.ts
@@ -0,0 +1,5 @@
+import theme from './theme.yaml'
+
+export default {
+  theme,
+}
diff --git a/packages/i18n/src/locales/zh-Hans/docs/theme.yaml b/packages/i18n/src/locales/zh-Hans/docs/theme.yaml
new file mode 100644
index 000000000..392ae0d1b
--- /dev/null
+++ b/packages/i18n/src/locales/zh-Hans/docs/theme.yaml
@@ -0,0 +1,29 @@
+home:
+  subtitle: 开源的 Neuro-sama 复刻，给予 AI 伴侣和虚拟角色在我们世界存活的灵魂容器
+  download:
+    title: 下载
+  get-started:
+    title: 教程
+doc:
+  outline:
+    title: 本页大纲
+  community:
+    discord:
+      title: Discord 服务器
+    edit:
+      title: 编辑此页面
+    star-github:
+      title: 给 GitHub 点个 Star
+    support:
+      title: 支持我们
+    title: 社群
+  next-page:
+    title: 下一页
+  previous-page:
+    title: 前一页
+search:
+  title: 搜索
+  placeholder: 搜索文档...
+navbar:
+  appearance:
+    title: 主题
diff --git a/packages/i18n/src/locales/zh-Hans/index.ts b/packages/i18n/src/locales/zh-Hans/index.ts
index 5ae160e4e..298366a0d 100644
--- a/packages/i18n/src/locales/zh-Hans/index.ts
+++ b/packages/i18n/src/locales/zh-Hans/index.ts
@@ -1,10 +1,12 @@
 import base from './base.yaml'
+import docs from './docs'
 import settings from './settings.yaml'
 import stage from './stage.yaml'
 import tamagotchi from './tamagotchi'
 
 export default {
   base,
+  docs,
   settings,
   stage,
   tamagotchi,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3cab31949..427c90771 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -911,6 +911,9 @@ importers:
       '@proj-airi/chromatic':
         specifier: ^0.0.7
         version: 0.0.7
+      '@proj-airi/i18n':
+        specifier: workspace:^
+        version: link:../packages/i18n
       '@vueuse/core':
         specifier: ^12.8.2
         version: 12.8.2(typescript@5.8.3)
@@ -923,6 +926,9 @@ importers:
       vue:
         specifier: ^3.5.13
         version: 3.5.17(typescript@5.8.3)
+      vue-i18n:
+        specifier: ^11.1.9
+        version: 11.1.9(vue@3.5.17(typescript@5.8.3))
       vue-sonner:
         specifier: ^1.3.2
         version: 1.3.2
@@ -984,6 +990,9 @@ importers:
       uncrypto:
         specifier: ^0.1.3
         version: 0.1.3
+      unplugin-yaml:
+        specifier: ^3.0.1
+        version: 3.0.1(@nuxt/kit@3.14.1592(magicast@0.3.5)(rollup@4.44.2))(@nuxt/schema@3.14.1592(magicast@0.3.5)(rollup@4.44.2))(astro@5.10.1(@types/node@24.0.13)(encoding@0.1.13)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(rollup@4.44.2)(terser@5.43.1)(tsx@4.20.3)(typescript@5.8.3)(yaml@2.8.0))(esbuild@0.25.5)(rolldown@1.0.0-beta.20)(rollup@4.44.2)(vite@7.0.4(@types/node@24.0.13)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(terser@5.43.1)(tsx@4.20.3)(yaml@2.8.0))
       vitepress:
         specifier: ^2.0.0-alpha.8
         version: 2.0.0-alpha.8(@algolia/client-search@5.32.0)(@types/node@24.0.13)(change-case@5.4.4)(fuse.js@7.1.0)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.30.1)(nprogress@0.2.0)(postcss@8.5.6)(react@18.3.1)(search-insights@2.17.3)(terser@5.43.1)(tsx@4.20.3)(typescript@5.8.3)(yaml@2.8.0)
@@ -14633,7 +14642,7 @@ snapshots:
   '@intlify/bundle-utils@10.0.1(vue-i18n@11.1.9(vue@3.5.17(typescript@5.8.3)))':
     dependencies:
       '@intlify/message-compiler': 11.1.7
-      '@intlify/shared': 11.1.7
+      '@intlify/shared': 11.1.9
       acorn: 8.15.0
       escodegen: 2.1.0
       estree-walker: 2.0.2