跳至主要内容
小龙虾小龙虾AI
🤖

Clawatar

Give your AI agent a 3D VRM avatar body with animations, expressions, voice chat, and lip sync. Use when the user wants a visual avatar, VRM viewer, avatar companion, VTuber-style character, or 3D character they can talk to. Installs a web-based viewer controllable via WebSocket.

下载702
星标2
版本0.2.0
设计媒体
安全通过
⚙️脚本

技能说明


name: clawatar description: Give your AI agent a 3D VRM avatar body with animations, expressions, voice chat, and lip sync. Use when the user wants a visual avatar, VRM viewer, avatar companion, VTuber-style character, or 3D character they can talk to. Installs a web-based viewer controllable via WebSocket.

Clawatar — 3D VRM Avatar Viewer

Give your AI agent a body. Web-based VRM avatar with 162 animations, expressions, TTS lip sync, and AI chat.

Install & Start

# Clone and install
git clone https://github.com/Dongping-Chen/Clawatar.git ~/.openclaw/workspace/clawatar
cd ~/.openclaw/workspace/clawatar && npm install

# Start (Vite + WebSocket server)
npm run start

Opens at http://localhost:3000 with WS control at ws://localhost:8765.

Users must provide their own VRM model (drag & drop onto page, or set model.url in clawatar.config.json).

WebSocket Commands

Send JSON to ws://localhost:8765:

play_action

{"type": "play_action", "action_id": "161_Waving"}

set_expression

{"type": "set_expression", "name": "happy", "weight": 0.8}

Expressions: happy, angry, sad, surprised, relaxed

speak (requires ElevenLabs API key)

{"type": "speak", "text": "Hello!", "action_id": "161_Waving", "expression": "happy"}

reset

{"type": "reset"}

Quick Animation Reference

MoodAction ID
Greeting161_Waving
Happy116_Happy Hand Gesture
Thinking88_Thinking
Agreeing118_Head Nod Yes
Disagreeing144_Shaking Head No
Laughing125_Laughing
Sad142_Sad Idle
Dancing105_Dancing, 143_Samba Dancing, 164_Ymca Dance
Thumbs Up153_Standing Thumbs Up
Idle119_Idle

Full list: public/animations/catalog.json (162 animations)

Sending Commands from Agent

cd ~/.openclaw/workspace/clawatar && node -e "
const W=require('ws'),s=new W('ws://localhost:8765');
s.on('open',()=>{s.send(JSON.stringify({type:'speak',text:'Hello!',action_id:'161_Waving',expression:'happy'}));setTimeout(()=>s.close(),1000)})
"

UI Features

  • Touch reactions: Click avatar head/body for reactions
  • Emotion bar: Quick 😊😢😠😮😌💃 buttons
  • Background scenes: Sakura Garden, Night Sky, Café, Sunset
  • Camera presets: Face, Portrait, Full Body, Cinematic
  • Voice chat: Mic input → AI response → TTS lip sync

Config

Edit clawatar.config.json for ports, voice settings, model URL. TTS requires ElevenLabs API key in env (ELEVENLABS_API_KEY) or ~/.openclaw/openclaw.json under skills.entries.sag.apiKey.

Notes

  • Animations from Mixamo — credit required, non-commercial
  • VRM model not included (BYOM — Bring Your Own Model)
  • Works standalone without OpenClaw; AI chat is optional

如何使用「Clawatar」?

  1. 打开小龙虾AI(Web 或 iOS App)
  2. 点击上方「立即使用」按钮,或在对话框中输入任务描述
  3. 小龙虾AI 会自动匹配并调用「Clawatar」技能完成任务
  4. 结果即时呈现,支持继续对话优化

相关技能