ai-orb

体验网站客服:状态球 → 提示胶囊 → 对话面板

一颗会表态的 AI 助手状态球。零依赖、纯 SVG —— 这个页面就是证明:没有构建、没有 npm install,直接 import 源码。
把鼠标在页面上移动,它们都会看着你。

NEW · 3.0

生灵形态:它有了脸,也有了物种

8 个物种 · 8 种表情 · 鼠标靠近会竖耳朵 · 戳一下会回弹 · 来回摸摸会害羞冒爱心。经典的球体形态一个没少,下面照样能用。

亲手试试 · 在它们身上来回划一划

表情

生灵是可选插件,不加载时核心包不变:import 'ai-orb/creatures'

import { AgentOrb } from 'ai-orb'
import 'ai-orb/creatures'

const orb = new AgentOrb(el, { creature: 'cat', theme: 'violet', motion: 'bounce' })
orb.mood = 'sparkle'     // 8 种表情,嘴型跟着变
orb.poke()               // 戳一下:果冻回弹 + 星光
// 摸摸:在它身上来回划动会触发 onPet

试试看经典形态 · 2.x 起

待命点击状态球,开始演示

待命。只呼吸,不做别的——它是常驻状态,多余动效会变成噪音。

orb.state = 'idle'
当前状态
主题颜色
外形

六个状态经典形态 · 2.x 起

30 秒上手

import { AgentOrb } from 'ai-orb'

const orb = new AgentOrb(document.querySelector('#orb'))

orb.state = 'thinking'   // 模型在想
orb.state = 'working'    // 长任务跑着,环在转
orb.set('done', 3)       // 好了,角标 3
orb.destroy()            // 卸载时记得清理

换主题:改 CSS 变量或用 theme 选项

换形态:shape 选项3 种经典 + 6 种 3.0 新增