AI Avatar

---

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