docs: updated introduction, prepare detailed

This commit is contained in:
Neko Ayaka
2025-08-19 16:24:57 +08:00
parent c2a520e1d1
commit 28e57963e0
7 changed files with 152 additions and 6 deletions
+34 -4
View File
@@ -106,8 +106,21 @@ export default defineConfig({
icon: 'lucide:rocket',
items: [
{ text: 'Introduction', link: withBase('/en/docs/overview/') },
{ text: 'About AI VTuber', link: withBase('/en/docs/overview/about-ai-vtuber') },
{ text: 'About Neuro-sama', link: withBase('/en/docs/overview/about-neuro-sama') },
{
text: 'Guide',
items: [
{
text: 'Guide to Desktop version',
link: withBase('/en/docs/overview/guide/tamagotchi/'),
items: [],
},
{
text: 'Guide to Web version',
link: withBase('/en/docs/overview/guide/web/'),
items: [],
},
],
},
{
text: 'Contributing',
items: [
@@ -121,6 +134,8 @@ export default defineConfig({
},
],
},
{ text: 'About AI VTuber', link: withBase('/en/docs/overview/about-ai-vtuber') },
{ text: 'About Neuro-sama', link: withBase('/en/docs/overview/about-neuro-sama') },
],
},
{
@@ -172,8 +187,21 @@ export default defineConfig({
icon: 'lucide:rocket',
items: [
{ text: '介绍', link: withBase('/zh-Hans/docs/overview/') },
{ text: '有关 AI VTuber', link: withBase('/zh-Hans/docs/overview/about-ai-vtuber') },
{ text: '有关 Neuro-sama', link: withBase('/zh-Hans/docs/overview/about-neuro-sama') },
{
text: '指南',
items: [
{
text: '桌面版上手指南',
link: withBase('/zh-Hans/docs/overview/guide/tamagotchi/'),
items: [],
},
{
text: '网页版上手指南',
link: withBase('/zh-Hans/docs/overview/guide/web/'),
items: [],
},
],
},
{
text: '参与贡献',
items: [
@@ -187,6 +215,8 @@ export default defineConfig({
},
],
},
{ text: '有关 AI VTuber', link: withBase('/zh-Hans/docs/overview/about-ai-vtuber') },
{ text: '有关 Neuro-sama', link: withBase('/zh-Hans/docs/overview/about-neuro-sama') },
],
},
{
@@ -0,0 +1,4 @@
---
title: Guide to Desktop version
description: How to use Tamagotchi version of Project AIRI
---
@@ -0,0 +1,4 @@
---
title: Guide to Web version
description: How to use Web version of Project AIRI
---
+90
View File
@@ -3,6 +3,96 @@ title: Introduction
description: Get to know the UI of Project AIRI
---
### TL;DR
Think of us as
- open source re-creation of [Neuro-sama](https://www.youtube.com/@Neurosama)
- open source alternative to [Grok Companion](https://news.ycombinator.com/item?id=44566355)
- a Live2D, VRM (3D), and role playing with gaming, and application
awareness specialized [SillyTavern](https://github.com/SillyTavern/SillyTavern)
alternative.
Have you dreamed about having a cyber living being (cyber waifu / husbando),
or digital companion that could play with and talk to you?
With the power of modern large language models, platforms like
[Character.ai (a.k.a. c.ai)](https://character.ai) and
[JanitorAI](https://janitorai.com/), or applications like
[SillyTavern](https://github.com/SillyTavern/SillyTavern) is already a well-enough
solution for chat based, or visual adventure game like experience.
> But, what about the abilities to play games? And see what you are coding
> at? Chatting while playing games, watching videos, and capable of doing many
> other things.
Perhaps you know [Neuro-sama](https://www.youtube.com/@Neurosama) already, she is
currently the best companion capable of playing games, chatting, and interacting
with you and the participants (in VTuber community), some call this kind of being,
"digital human" too. **Sadly, it's not open sourced, you cannot interact with her after she went offline from live stream**.
Therefore, this project, AIRI, offers another possibility here:
**let you own your digital life, cyber living, easily, anywhere, anytime**.
## Getting started
We do support both Web and Desktop.
<div flex gap-2 w-full justify-center text-xl>
<div w-full flex flex-col items-center gap-2 border="2 solid gray-500/10" rounded-lg px-2 pt-6 pb-4>
<div flex items-center gap-2 text-5xl>
<div i-lucide:app-window />
</div>
<span>Web</span>
<a href="https://airi.moeru.ai/" target="_blank" decoration-none class="text-primary-900 dark:text-primary-400 text-base not-prose bg-primary-400/10 dark:bg-primary-600/10 block px-4 py-2 rounded-lg active:scale-95 transition-all duration-200 ease-in-out">
Open
</a>
</div>
<div w-full flex flex-col items-center gap-2 border="2 solid gray-500/10" rounded-lg px-2 pt-6 pb-4>
<div flex items-center gap-2 text-5xl>
<div i-lucide:laptop />
/
<div i-lucide:computer />
</div>
<span>Desktop</span>
<a href="https://github.com/moeru-ai/airi/releases/latest" target="_blank" decoration-none class="text-primary-900 dark:text-primary-400 text-base not-prose bg-primary-400/10 dark:bg-primary-600/10 block px-4 py-2 rounded-lg active:scale-95 transition-all duration-200 ease-in-out">
Download
</a>
</div>
</div>
Web is much minimum for accessing it anywhere, even on Mobile devices.
Desktop suits for more advanced usage such as VTuber streaming, computer use
and accessing to local LLMs where you don't need to pay for massive amount
of tokens for running AIRI.
<div flex gap-2 w-full flex-col justify-center text-base>
<a href="../overview/guide/tamagotchi/" w-full flex items-center gap-2 border="2 solid gray-500/10" rounded-lg px-4 py-2>
<div w-full flex items-center gap-2>
<div flex items-center gap-2 text-2xl>
<div i-lucide:laptop />
</div>
<span>Desktop</span>
</div>
<div decoration-none class="text-gray-900 dark:text-gray-200 text-base not-prose rounded-lg active:scale-95 transition-all duration-200 ease-in-out text-nowrap">
How to use?
</div>
</a>
<a href="../overview/guide/web/" w-full flex items-center gap-2 border="2 solid gray-500/10" rounded-lg px-4 py-2>
<div w-full flex items-center gap-2>
<div flex items-center gap-2 text-2xl>
<div i-lucide:app-window />
</div>
<span>Web</span>
</div>
<div class="text-gray-900 dark:text-gray-200 text-base not-prose rounded-lg active:scale-95 transition-all duration-200 ease-in-out text-nowrap">
How to use?
</div>
</a>
</div>
## Contributing
For guides that help you understand how to contribute to this project, please refer to [Contributing](../overview/contributing/) page.
For references Contributing help you design and improve the UI of Project AIRI, please refer to [Design Guidelines](../overview/contributing/design-guidelines/resources) page.
@@ -0,0 +1,4 @@
---
title: 桌面版上手指南
description: 如何使用桌面版的 Project AIRI
---
@@ -0,0 +1,4 @@
---
title: 网页版上手指南
description: 如何使用网页版的 Project AIRI
---
+12 -2
View File
@@ -1,3 +1,6 @@
import type { Preset } from 'unocss'
import { presetChromatic } from '@proj-airi/unocss-preset-chromatic'
import { blackA, cyan, grass, green, indigo, mauve, purple, red, slate, teal, violet } from '@radix-ui/colors'
import { defineConfig, presetAttributify, presetIcons, presetTypography, presetWebFonts, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss'
@@ -7,10 +10,10 @@ export default defineConfig({
presetTypography({
cssExtend: {
'a': {
'color': '#7f8993',
'color': '#223f5dff',
'text-decoration': 'underline',
'text-decoration-style': 'dotted',
'text-decoration-color': '#ced5e6',
'text-decoration-color': '#9fa4b1ff',
'transition': 'color 0.2s ease-in-out',
},
'a:hover': {
@@ -51,6 +54,13 @@ export default defineConfig({
},
}),
presetIcons(),
presetChromatic({
baseHue: 220.44,
colors: {
primary: 0,
complementary: 180,
},
}) as Preset,
],
content: {
filesystem: [