AI Avatar

Free app where your VRoid (VRM) avatar cheers you with all its might.🤗 Animations and speech bubbles all run without AI too.

AI Avatar — Chrome Extension (日本語の説明は下部をご覧ください / Japanese version below) AI Avatar is a free app where your VRoid (VRM) avatar cheers you with all its might.🤗 Reacts to AI activity on ChatGPT and Claude. Animations and speech bubbles all run without AI too. 💻 Also available as a VS Code Extension — reacts to Claude Code / GitHub Copilot activity directly in your editor. 🎉 Thank you for 300+ installs on VS Code! https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar 📖 Read the story behind this project on DEV.to: v1 → AI Avatar (VS Code Extension) https://dev.to/webdeveloperhyper/ai-avatar-meet-your-ideal-girlfriendboyfriend-for-free-21n5 v2 → AI Avatar v2 with Pose Editor (VS Code Extension) https://dev.to/webdeveloperhyper/ai-avatar-v2-with-pose-editor-vs-code-extension-38n2 v3,v4 → 😊 How to Get Cheered Up 24/7 (AI Avatar v4 with Animation Editor) https://dev.to/webdeveloperhyper/how-to-get-cheered-up-247-ai-avatar-v4-with-animation-editor-chrome-extension-vs-code-2f07 v5,v6 → 🦸 Let Superheroes Cheer You Up (AI Avatar v6) https://dev.to/webdeveloperhyper/let-superheroes-cheer-you-up-ai-avatar-v6-chrome-extension-vs-code-extension-2ak7 v7 → 🫡 We'll Support You with All Our Might (AI Avatar v7) https://dev.to/webdeveloperhyper/well-support-you-with-all-our-might-ai-avatar-v7-pose-capture-and-more-vs-code-and-chrome-3aab v8,v9,v10 → 🎥 AI Chat, AI Cheering Messages, and Animation Editor Hyper (AI Avatar v10) https://dev.to/webdeveloperhyper/ai-chat-ai-cheering-messages-and-animation-editor-hyper-ai-avatar-v10-vs-code-and-chrome-1noo v11,v12,v13,v14 v15 → ✨Cool Effects, TTS, and Fun Animations (AI Avatar v15: VS Code and Chrome Extension) https://dev.to/webdeveloperhyper/cool-effects-tts-and-fun-animations-ai-avatar-v15-vs-code-and-chrome-extension-3oec v16,v17 → 😸Catbot Integration, AI Office, Cat Mode (AI Avatar v17: VS Code and Chrome Extension) https://dev.to/webdeveloperhyper/catbot-integration-ai-office-cat-mode-ai-avatar-v17-vs-code-and-chrome-extension-2f26 v18,v19,v20 → AI Avatar v20, Cursor Avatar, Notification Avatar (Voxel Avatar)🧊 https://dev.to/webdeveloperhyper/ai-avatar-v20-cursor-avatar-notification-avatar-voxel-avatar-4dd2 v21,v22 → coming soon! ✨ FEATURES 🎭 Live reactions — character automatically reacts when you send a message to AI 🔄 Change Avatar — swap your VRM character anytime with the button at the top 💃 Animations — play .vrma motion clips or custom JSON poses; 5 separate toggle buttons: Off / Default / Random (v7) / Custom (v2) / Custom Random (v8) (v10) 💬 AI Speech Bubble (VS Code only) — toggle Fixed/AI mode; in AI mode the character reacts to Claude Code activity with context-aware speech (v10) 🎬 Animation Editor — create multi-keyframe animations with in / hold / out timing (v4) 🎨 Random Editor — edit zone-split pattern JSON in the Animation Editor; Body & Arms / Legs / Fingers zones (v8) 🎥 OrbitControls — drag to rotate, scroll to zoom, right-click to pan 👀 Eye tracking — eyes and head follow your mouse cursor when idle 💬 Lipsync — mouth animates while AI is replying 😊 Click or press Enter to interact — triggers a smile, nod, and animation (if ON) 💬 Custom speech messages — edit the speech bubble messages via the Messages button; choose Fixed (built-in) / Custom / Both pool (v16) 😂 Jokes — avatar tells jokes via the Jokes button 📸 Pose Capture — capture a real body pose with webcam and export it as a VRM animation JSON (v7) ❤️ Positive word reactions (VS Code only) — heart counter and animations on positive/negative words (v7) 🔍 Prompt Checker [Beta] (VS Code only) — instant rule-based feedback on your AI prompt clarity (v7) 🦁 Giant Mode (Chrome only) — float the avatar as a draggable, resizable overlay over any web page (v7) 🤖 AI Chat — always-visible chat input; ask the avatar anything; replies appear as speech bubbles and trigger animations; supports Gemini API and Ollama (v9) 🗣️ Text-to-Speech — Speech:Off / Speech:API (Web Speech API) / Speech:AI (Gemini TTS, uses your API key) (v11) / Speech:Local (Kokoro EN + VOICEVOX JP) (v13) / Kokoro Server for faster local EN TTS (v16) 🧠 Contextual speech bubbles — character reacts to special days (EN/JP separate lists), session count milestones, coding gap, session length, day of week, and time of day (v11) (v16) 🎭 AI Style — Cute / Energetic / Cool character modes (v11) 🌐 Lang toggle — single Lang: EN/JP button controls bubble language and chat language together (v11) 🕺 Richer idle animations — random cycle picks from neck tilt / body tilt / whole-body gravity lean each interval (v11) 🪙 Millionaire Mode — 3D coin or diamond fountain bursts from the avatar on every reaction (v12) 🎢 Roller Coaster Mode — avatar rides a 3D roller coaster in Default, Rainbow, or Water theme (v14) 🎆 Background Effects — loading and 5 reaction backgrounds (Galaxy, Magic, Cyber, Comic, Idol Stage) randomly appear on each reaction (v15) 🐱 Cat Mode — avatar speaks like a cat (meow/にゃ flavor) with full contextual message support (v16) 🏢 AI Office Mode — boss and sub avatars patrol the panel and report to each other with speech bubbles and TTS (v17) 🐾 Launch Catbot — launch the AI catbot app directly from the sidebar (Chrome: start the catbot server manually before clicking) (v17) 🐾 Catbot avatar — the AI catbot collaborator appears as a live 3D VRM avatar in the panel (v17) 🌀 Kaleidoscope Effect — animated kaleidoscope background with live tuning controls (sides, speed, color, warmth, symmetry, zoom) (v18) 🗣️ Piper TTS (VS Code only) — EN local TTS via an automatically-downloaded native binary, no Python required and faster than Kokoro (v18) 🧊 Voxel Avatar — Minecraft-like mini-game where your avatar walks, terraforms terrain, and plants flowers (v19) 🌻 Voxel Avatar update — Sunflower and Tulip flowers, butterflies that visit and land on flowers, rain with a rainbow, and speech bubbles for manual play (v20) 🛤️ Voxel Avatar update — build and ride a rail through the garden, cats that wander around, and coin trees that grow and drop coins (v21) 🐝 Voxel Avatar update — bees, dogs, and birds that fly, land, and roam the garden alongside the butterflies and cats (v22) 🍃 Voxel Avatar update — flowers and coin trees sway in the breeze, cats stretch, dogs sniff and wag their tails, and bees linger on flowers (v22) 🌼 Voxel Avatar update — flower clusters, placement previews, 20-step Undo, a golden pulse on changed blocks, and smarter Auto gardening (v22) 🤖 Codex Support (VS Code only) — avatar also reacts to Codex CLI and Codex VS Code extension activity alongside Claude Code (v22) --- ROADMAP v18 ✅ - 🚀 Cursor Avatar — new spin-off desktop app: click anywhere on screen and your VRM avatar pops up near your cursor (https://github.com/webdeveloperhyper/cursor-avatar) - 🌀 Kaleidoscope Effect — animated kaleidoscope background with live tuning controls (sides, speed, color, warmth, symmetry, zoom) - 🗣️ Piper TTS (VS Code only) — EN local TTS via an automatically-downloaded native binary, no Python required and faster than Kokoro - 🎛️ Speech control consolidation — Speech mode, Kokoro Server, and Piper merged into one unified radio group - 🐛 Fix: AI Office avatar now plays its walk animation even when no boss avatar is configured - 🐛 Fix: broken JP links for kept-in-English section names (Speech:Local, Catbot) that collided with their EN anchor v19 ✅ - 🧊 Voxel Avatar — Minecraft-like mini-game where your avatar walks, terraforms terrain, and plants flowers - 🔔 Notification Avatar — new spin-off desktop app: VRM avatar pops up and reacts whenever Claude Code or Codex needs your attention or finishes a task (https://github.com/webdeveloperhyper/notification-avatar) - 🐛 Fix: Kaleidoscope and AI Office now mutually exclusive - 🐛 Fix: Kokoro Server no longer silently falls back to VOICEVOX when language was left on JP - 🐛 Fix: fixed AI Office/Catbot getting stuck disabled after another mode force-turned Millionaire/Roller Coaster off - 🎛️ Fix: Mode exclusivity refactored into one shared table v20 ✅ - 🌻 Voxel Avatar update — Sunflower and Tulip flowers, butterflies that visit and land on flowers, rain with a rainbow, and speech bubbles for manual play v21 ✅ - 🛤️ Voxel Avatar update — build and ride a rail through the garden, cats that wander around, and coin trees that grow and drop coins - 🎛️ Voxel Avatar controls now open in their own tab - 🐛 Fix: narrow panel — toolbar buttons that don't fit a row now wrap to a new line instead of disappearing off the edge v22 ✅ - 🐝 Voxel Avatar update — bees, dogs, and birds that fly, land, and roam the garden alongside the butterflies and cats - 🍃 Voxel Avatar update — flowers and coin trees sway in the breeze, cats stretch, dogs sniff and wag their tails, and bees linger on flowers - 🌼 Voxel Avatar update — flower clusters, placement previews, 20-step Undo, a golden pulse on changed blocks, and smarter Auto gardening - 🤖 Codex Support (VS Code only) — avatar also reacts to Codex CLI and Codex VS Code extension activity alongside Claude Code - 🛠️ Modeling Toolkit — a guided image-to-model harness and Model Inspector built to design, measure, and refine every voxel model in the garden (dev tool, not shipped in the extension) v23 — Coming soon! - 🎉 More fun updates 📖 Full documentation, images, videos on GitHub: https://github.com/webdeveloperhyper/ai-avatar --- AI Avatar — Chrome拡張機能 AI Avatarは、推し(自分のVRoid(VRM))が、あなたを全力で応援する無料アプリです。🤗 ChatGPTやClaudeへのメッセージ送信に反応します。AIなしでもアニメーションや会話を楽しめます。 💻 VS Code拡張機能としても利用可能 — エディタ上でClaude Code / GitHub Copilotの動作に反応します。 🎉 VS Code版300インストール達成！ありがとうございます！ https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar 📖 開発ストーリーはDEV.toで読めます： v1 → AI Avatar (VS Code拡張機能) https://dev.to/webdeveloperhyper/ai-avatar-meet-your-ideal-girlfriendboyfriend-for-free-21n5 v2 → AI Avatar v2 ポーズエディタ付き https://dev.to/webdeveloperhyper/ai-avatar-v2-with-pose-editor-vs-code-extension-38n2 v3,v4 → 😊 AI Avatar v4 アニメーションエディタ付き https://dev.to/webdeveloperhyper/how-to-get-cheered-up-247-ai-avatar-v4-with-animation-editor-chrome-extension-vs-code-2f07 v5,v6 → 🦸 スーパーヒーローに応援してもらおう (AI Avatar v6) https://dev.to/webdeveloperhyper/let-superheroes-cheer-you-up-ai-avatar-v6-chrome-extension-vs-code-extension-2ak7 v7 → 🫡 全力でサポートします！(AI Avatar v7) https://dev.to/webdeveloperhyper/well-support-you-with-all-our-might-ai-avatar-v7-pose-capture-and-more-vs-code-and-chrome-3aab v8,v9,v10 → 🎥 AIチャット、AI応援メッセージ、アニメーションエディタ ハイパー (AI Avatar v10) https://dev.to/webdeveloperhyper/ai-chat-ai-cheering-messages-and-animation-editor-hyper-ai-avatar-v10-vs-code-and-chrome-1noo v11,v12,v13,v14,v15 → ✨おしゃれなエフェクト、TTS、楽しいアニメーション (AI Avatar v15: VS Code and Chrome Extension) https://dev.to/webdeveloperhyper/cool-effects-tts-and-fun-animations-ai-avatar-v15-vs-code-and-chrome-extension-3oec v16,v17 → 😸Catbot統合, AI Office, Cat Mode (AI Avatar v17: VS Code and Chrome Extension) https://dev.to/webdeveloperhyper/catbot-integration-ai-office-cat-mode-ai-avatar-v17-vs-code-and-chrome-extension-2f26 v18,v19,v20 → AI Avatar v20, Cursor Avatar, Notification Avatar (Voxel Avatar)🧊 https://dev.to/webdeveloperhyper/ai-avatar-v20-cursor-avatar-notification-avatar-voxel-avatar-4dd2 v21,v22 → coming soon! ✨ 機能一覧 🎭 リアクション — AIにメッセージを送ると自動でキャラクターが反応 🔄 アバター変更 — 上部のボタンでVRMキャラクターをいつでも変更可能 💃 アニメーション — .vrmaモーションクリップやカスタムJSONポーズを再生；5つの独立トグルボタン：Off / Default / Random (v7) / Custom (v2) / Custom Random (v8) (v10) 💬 AI吹き出し（VS Code限定）— Fixed/AIモードを切り替え；AIモードでは Claude Code に反応してコンテキストに応じた発言をする (v10) 🎬 アニメーションエディタ — 複数キーフレームのアニメーションをIn / Hold / Outタイミングで作成 (v4) 🎨 ランダムエディタ — アニメーションエディタ内でゾーン分割パターンJSONを直接編集（ボディ＆アーム / 脚 / 指ゾーン）(v8) 🎥 オービットコントロール — ドラッグで回転、スクロールでズーム、右クリックでパン 👀 視線追跡 — アイドル時に目と頭がマウスカーソルを追う 💬 リップシンク — AIの返答中に口が動く 😊 クリックまたはEnterキーで反応 — スマイル、うなずき、アニメーションが発動 💬 カスタム吹き出しメッセージ — Messagesボタンから吹き出しのメッセージを編集；Fixed（内蔵）/ Custom / Bothプール切り替え (v16) 😂 ジョーク — Jokesボタンでアバターがジョークを言う 📸 ポーズキャプチャ — ウェブカメラで体のポーズを撮影し、VRMアニメーションJSONとして書き出し (v7) ❤️ ポジティブワード反応（VS Code限定）— ポジティブ/ネガティブワード検出時にハートカウンターとアニメーション (v7) 🔍 プロンプトチェッカー [Beta]（VS Code限定）— AIプロンプトの明確さをルールベースで即チェック (v7) 🦁 ジャイアントモード（Chrome限定）— ドラッグ・リサイズ可能なオーバーレイとしてアバターをどのページにも表示 (v7) 🤖 AIチャット — 常時表示のチャット入力；アバターに何でも質問できる；返答は吹き出しでアニメーション付き；Gemini APIとOllama対応 (v9) 🗣️ 音声読み上げ（TTS）— Speech:Off / Speech:API（Web Speech API）/ Speech:AI（Gemini TTS、APIキーを使用） (v11) / Speech:Local（Kokoro EN + VOICEVOX JP） (v13) / Kokoro ServerでローカルEN TTSを高速化 (v16) 🧠 コンテキスト吹き出し — 特別な日（EN/JP別リスト）、セッション数マイルストーン、反応間隔、セッション時間、曜日、時間帯 (v11) (v16) 🎭 AIスタイル — Cute / Energetic / Coolの3つのキャラクターモード (v11) 🌐 言語切り替え — Lang: EN/JP 1つのボタンで吹き出しとチャットの言語を同時に切り替え (v11) 🕺 豊かなアイドルアニメーション — 首の傾き / 体の傾き / 重力リーンをランダムにサイクル (v11) 🪙 ミリオネアモード — リアクションのたびにアバターから3Dコインまたはダイヤモンドが噴き出す (v12) 🎢 ローラーコースターモード — Default・Rainbow・Waterの3テーマで3Dローラーコースターに乗る (v14) 🎆 背景エフェクト — ロード時のSFエフェクト＋5種類のリアクション背景（Galaxy・Magic・Cyber・Comic・Idol Stage）がリアクション時にランダム表示 (v15) 🐱 Catモード — アバターが猫語（meow/にゃ）で話す；全コンテキストメッセージ対応 (v16) 🏢 AI Officeモード — ボスとサブアバターがパネルを巡回し、吹き出しとTTSで会話する (v17) 🐾 Launch Catbot — サイドバーのボタンからAI catbotアプリを直接起動 (Chrome：クリック前にcatbotサーバーを手動で起動してください) (v17) 🐾 Catbot avatar — Catbotコラボレーターがパネルにライブ3DのVRMアバターとして登場 (v17) 🌀 Kaleidoscopeエフェクト — サイド・スピード・カラー・暖かさ・対称性・ズームをライブ調整できるアニメーション万華鏡背景 (v18) 🗣️ Piper TTS（VS Code限定）— 自動ダウンロードされるネイティブバイナリによるEN用ローカルTTS、Python不要でKokoroより高速 (v18) 🧊 Voxel Avatar — アバターが歩き、地形を整地し、花を植えるMinecraft風ミニゲーム (v19) 🌻 Voxel Avatar アップデート — ヒマワリとチューリップの花、花を訪れて止まるちょうちょ、虹が出る雨、手動操作時の吹き出し (v20) 🛤️ Voxel Avatar アップデート — 庭にレールを敷いて乗れるように、庭を歩き回るネコ、コインが育って落ちるコインツリーを追加 (v21) 🐝 Voxel Avatar アップデート — ちょうちょとネコに加えて、飛んで降りて庭を歩き回るハチ・イヌ・トリを追加 (v22) 🍃 Voxel Avatar アップデート — 花とCoin Treeが風に揺れ、ネコは伸びをし、イヌは匂いを嗅いでしっぽを振り、ハチは花に長く留まるように (v22) 🌼 Voxel Avatar アップデート — 花のかたまり、設置プレビュー、20手戻れるUndo、変更したブロックが金色に光る演出、賢くなったAuto作業 (v22) 🤖 Codex Support（VS Code限定）— Claude Codeに加えて、Codex CLIとCodex VS Code拡張機能の作業にもアバターが反応 (v22) --- ロードマップ v18 ✅ - 🚀 Cursor Avatar — AI Avatarのスピンオフ新アプリ：画面上のどこをクリックしてもカーソル付近にVRMアバターが登場 (https://github.com/webdeveloperhyper/cursor-avatar) - 🌀 Kaleidoscopeエフェクト — サイド・スピード・カラー・暖かさ・対称性・ズームをライブ調整できるアニメーション万華鏡背景 - 🗣️ Piper TTS（VS Code限定）— 自動ダウンロードされるネイティブバイナリによるEN用ローカルTTS、Python不要でKokoroより高速 - 🎛️ 音声コントロールの統合 — Speech mode・Kokoro Server・Piperを1つの統一されたラジオグループに統合 - 🐛 バグ修正：ボスアバター未設定でもAI Officeアバターが歩行アニメーションを正しく再生するように修正 - 🐛 バグ修正：英語表記のまま維持しているセクション名（Speech:Local、Catbot）でEN側とアンカーが衝突し、JPリンクが壊れていた問題を修正 v19 ✅ - 🧊 Voxel Avatar — アバターが歩き、地形を整地し、花を植えるMinecraft風ミニゲーム - 🔔 Notification Avatar — AI Avatarのスピンオフ新アプリ：Claude CodeまたはCodexがあなたの入力を必要としたとき、またはタスクを完了したときに、VRMアバターが登場 (https://github.com/webdeveloperhyper/notification-avatar) - 🐛 バグ修正：KaleidoscopeとAI Officeを相互排他に修正 - 🐛 バグ修正：言語がJPのままKokoro Serverを有効にするとVOICEVOXに黙って戻ってしまう問題を修正 - 🐛 バグ修正：他のモードがMillionaire/Roller Coasterを強制オフした後にAI Office/Catbotが無効のまま固まる問題を修正 - 🎛️ バグ修正：モード排他制御を1つの共有テーブルに統合 v20 ✅ - 🌻 Voxel Avatar アップデート — ヒマワリとチューリップの花、花を訪れて止まるちょうちょ、虹が出る雨、手動操作時の吹き出し v21 ✅ - 🛤️ Voxel Avatar アップデート — 庭にレールを敷いて乗れるように、庭を歩き回るネコ、コインが育って落ちるコインツリーを追加 - 🎛️ Voxel Avatarのコントロールが専用タブで開くように - 🐛 バグ修正：パネルが狭いとき、行に収まらないツールバーのボタンが端で消えず、次の行に折り返すように修正 v22 ✅ - 🐝 Voxel Avatar アップデート — ちょうちょとネコに加えて、飛んで降りて庭を歩き回るハチ・イヌ・トリを追加 - 🍃 Voxel Avatar アップデート — 花とCoin Treeが風に揺れ、ネコは伸びをし、イヌは匂いを嗅いでしっぽを振り、ハチは花に長く留まるように - 🌼 Voxel Avatar アップデート — 花のかたまり、設置プレビュー、20手戻れるUndo、変更したブロックが金色に光る演出、賢くなったAuto作業 - 🤖 Codex Support（VS Code限定）— Claude Codeに加えて、Codex CLIとCodex VS Code拡張機能の作業にもアバターが反応 - 🛠️ モデリングツールキット — 庭のボクセルモデルを設計・計測・調整するために自作した、画像→モデル生成ハーネスとModel Inspector（開発用ツール・拡張機能には同梱されません） v23 — 近日公開！ - 🎉 さらに楽しいアップデート 📖 詳細なドキュメント・画像・動画はGitHubで： https://github.com/webdeveloperhyper/ai-avatar