AI Avatar
(日本語の説明は下部をご覧ください / Japanese version below)
AI Avatar is a free app where your VRoid (VRM) avatar cheers you with all its might.🤗 It lives in your VS Code sidebar (reacts to Claude Code / GitHub Copilot) or browser side panel (reacts to ChatGPT / Claude). Animations and speech bubbles all run without AI too.
Click for the YouTube demo ↓
🎉 Thank you for 200+ installs on VS Code!
🛒 Download from VS Code Marketplace
🛒 Download from Chrome Web Store
📖 Read the story behind this project on DEV.to:
- v1 → AI Avatar (VS Code Extension)
- v2 → AI Avatar v2 with Pose Editor (VS Code Extension)
- v3,v4 → 😊How to Get Cheered Up 24/7 (AI Avatar v4 with Animation Editor (Chrome Extension + VS Code Extension))
- v5,v6 → 🦸Let Superheroes Cheer You Up (AI Avatar v6: Chrome Extension + VS Code Extension)
- v7 → 🫡We'll Support You with All Our Might (AI Avatar v7: Pose Capture and More (VS Code and Chrome Extension))
- v8,v9,v10 → 🎥AI Chat, AI Cheering Messages, and Animation Editor Hyper (AI Avatar v10: VS Code and Chrome Extension)
- v11,v12,v13,v14,v15 → ✨Cool Effects, TTS, and Fun Animations (AI Avatar v15: VS Code and Chrome Extension)
- v16 → coming soon!
Features
- 🎭 Live reactions — character automatically reacts when you send a message to AI
- 🔀 Watcher switching (VS Code only) — switch between watching Claude Code or GitHub Copilot (v2)
- 🔄 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 — multi-keyframe timeline with in / hold / out timing (v4); all 30 finger bones (v5); values in degrees (v5)
- 🎨 Random Editor — edit zone-split pattern JSON directly in the Animation Editor; Body & Arms / Legs / Fingers zones, add/delete/navigate patterns (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 Claude 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 (v2)
- 📸 Pose Capture — capture a real body pose with your webcam and export it as a VRM animation JSON (v7)
- ❤️ Positive word reactions (VS Code only) — heart counter, smile, and heart overlay animation when positive words are detected; broken heart and head shake on negative words (v7)
- 🔍 Prompt Checker [Beta] (VS Code only) — paste any AI prompt and get instant rule-based feedback on clarity, specificity, and structure (v7)
- 🦁 Giant Mode (Chrome only) — float the avatar as a draggable, resizable overlay over any web page (v7)
- 🤖 AI Chat — always-visible chat input at the bottom of the panel; 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)
Getting Started
No setup needed — comes with a built-in sample character.
VS Code
- Install from the VS Code Marketplace
- Click the AI Avatar icon in the activity bar to open the sidebar
- Use Claude Code or GitHub Copilot — your avatar reacts automatically
Chrome
- Install from the Chrome Web Store
- Pin it to the toolbar
- Click the AI Avatar icon and open the Side Panel
- Chat on ChatGPT or Claude — your avatar reacts automatically
Use Your Own VRM Character
You can create your own 3D avatar for free using VRoid — no 3D modeling skills needed. Design your character and export it as a .vrm file.
Click the Change Avatar button at the top of the sidebar to pick a .vrm file.
v6 adds new sample characters — three girls and two boys — plus cute, cool, and funny pose packs.
(free download from GitHub Releases)
Joyful Colors is a group that is gathered with a mission to cheer developers and other people up and make them feel happy. They will cheer you up 24/7 through VS Code extension and Chrome (Edge) extension. Let's take a look at the superhero characters!
↑ Sweet Purple (Creater: Blue)
Bright and cheerful.
Wants to be a famous pop star and eat yummy things.
Makes cute poses.
↑ Candy Pink (Creater: Hyper)
Another face of the sample avatar (Ninja Girl).
kind and considerate.
Good at making fake smiles.
Makes cute poses.
↑ Maximum Blue (Creater: Blue)
Active and full of energy.
Girls fall in love when their eyes meet his.
Makes cool poses.
↑ **Hyper Yellow** (Creater: Blue)
Always trying to make a cool app, but always ends up making a silly app.
He thinks Purple and Pink like him, but they are just using him.
Makes silly poses.
Candy Pink ↑
👉 Download Candy Pink from GitHub
Animations (v2)
There are five animation buttons. Click one to activate it — the active button is highlighted. The selected state is remembered across restarts.
| Button |
Behavior |
Animation: Off |
No motion clips play |
Animation: Default |
Plays the built-in sample poses included with the extension |
Animation: Random |
Generates random poses from built-in zone patterns (v7) |
Animation: Custom |
Opens a file picker — plays .vrma and .json pose files from your chosen folder |
Animation: Custom Random |
Pick a custom random-custom.json — generates random poses from your own zone patterns (v8) |
Using .vrma clips from VRoid Project:
VRMA Animation files are not included in the extension because they cannot be redistributed under their license terms. Please download them yourself for free from the official VRoid Project:
👉 VRM Animation 7-Pack by VRoid Project (free)
The pack includes 7 animations: Show full body, Greeting, Peace sign, Shoot, Spin, Model pose, and Squat.
- Download and unzip the pack
- Click Animation until it shows
Animation: Custom
- Pick the folder containing the
.vrma files
- A random clip plays each time the AI responds
Animation Editor (v4+)
Click for the YouTube demo ↓
Click Edit Animation to open the animation editor as a full VS Code tab:
Views (v8)
- Three synchronized cameras displayed side by side: RIGHT / FRONT / LEFT — see all angles at once (v8)
- Image button switches to a 2×2 layout (FRONT + reference image top row, RIGHT + LEFT bottom row) — load any image as a pose reference (v8)
Bone editing
- Full 2-column bone list covering all body parts — head, neck, spine, arms, hands, legs, and all 30 finger bones (v5)
- Drag the slider or type a value in degrees to rotate each bone (v5)
- A bone arc trail appears on the avatar when you focus a slider or input — visual rotation feedback (v8)
- Quick-apply preset buttons at the bottom: Body & Arms / Legs / Fingers presets apply built-in zone patterns instantly (v8)
Keyframes & timing
- Add multiple keyframes with + KF to build a full animation sequence (v4)
- Each keyframe has In (fade in), Hold, and Out (fade out, last keyframe only) timing (v4)
- Navigate keyframes with < >, delete with − KF, preview with Play (v4)
Expression
- Per-keyframe expression: Default / Happy / Wink (v7)
Actions
- Load — pick a different JSON pose file to edit
- Save — write the animation back to the JSON file; adds it to the random pool
- Reload — re-read the file from disk, discarding unsaved edits
- JSON to VRMA — export the keyframe animation as a
.vrma VRM Animation file (v8)
- Exit — close the editor tab and reopen the sidebar (v8)
Random Editor (v8)
- Click Random Editor to open the zone-split pattern JSON editor
- Opens with the built-in
random-custom.json loaded automatically — click Load Random to switch to a different pattern JSON file
- Switch between Body & Arms / Legs / Fingers zones — only relevant bones are shown, unrelated ones are hidden
- Navigate patterns with < >, add with +, delete with −; name is editable
- Save writes all edits back to the JSON file; Reload re-reads from disk
- Exit Random returns to the normal editor
AI Chat (v9)
A chat input is always visible at the bottom of the panel. Type a message and press → to send. The avatar animates and shows the reply as a wide speech bubble.
Click the ⚙ button next to the input to open chat history, provider settings, and system prompt.
Providers
Gemini — cloud API; requires a free API key from Google AI Studio
Ollama — runs locally on your machine; no API key needed; install from ollama.com
After installing Ollama, pull the model once before use:
ollama pull qwen2.5:3b
Note: The first message is slow — Ollama loads the model from disk into RAM on initial use. Subsequent messages in the same session are much faster once the model is in memory.
Model choice: Smaller models (e.g. qwen2.5:1.5b) respond faster but with simpler replies. Larger models (e.g. qwen2.5:7b) are slower but give more detailed, accurate answers. Change the model in ⚙ settings.
Tip: Keep questions short and focused — lightweight models (local or Gemini Flash) handle concise prompts best.
Chrome only: Ollama blocks requests from browser extensions by default. Fix it once:
- Win+R → type
sysdm.cpl → Advanced → Environment Variables → New
- Name:
OLLAMA_ORIGINS / Value: *
- Quit Ollama from the system tray → relaunch it — no reboot needed
Settings (⚙ button)
- Switch provider with the Gemini / Ollama toggle
- Enter your Gemini API key (stored securely, never committed)
- Set the model name (default:
gemini-3.1-flash-lite / qwen2.5:3b)
- Edit the system prompt — default: cheerful 1-sentence coding companion with emoji
Text-to-Speech (v11)
Three speech modes — select one at a time:
| Button |
Behavior |
Speech: Off |
Silent — no audio |
Speech: API |
Web Speech API — browser built-in voices, works offline, available on VS Code and Chrome |
Speech: AI |
Gemini TTS — natural neural voices via Gemini API (requires API key from AI Chat settings) |
Two voice options apply to both modes:
| Button |
Voice |
Speech: Female |
Aoede — warm, bright |
Speech: Male |
Charon — calm, cool |
Speech:AI requires the same Gemini API key used for AI Chat. If no key is set, Speech:AI silently falls back to no audio.
Speech:Local (v13) (v16)
Offline TTS — no API key or internet required. Select Speech:Local in the Speech radio group.
Two engines run depending on language:
| Lang |
Engine |
Requirement |
Lang: EN |
Kokoro — lightweight English neural TTS, runs fully in-browser |
None — model downloads automatically (~85 MB on first use) |
Lang: JP |
VOICEVOX — high-quality Japanese TTS with character voices |
You must download and install VOICEVOX yourself (free), then keep it running |
Kokoro downloads and caches the model on first use, then warms it up so the first response is instant. No further downloads after the initial load.
Kokoro Server (v16):
The default in-browser Kokoro runs neural network inference inside WebAssembly, which is significantly slower than native execution — every message takes several seconds to synthesize. The Kokoro Server runs the same model as a local Python process using the native ONNX Runtime, which is much faster and produces speech in under a second per message.
Requirements (install once):
pip install kokoro-onnx soundfile fastapi uvicorn
VS Code usage:
- Toggle Kokoro Server: On in the toolbar — the extension starts the server; on first run the server downloads the model files (~300 MB) separately to
~/.cache/kokoro-onnx/
- Wait for the status to show ready, then speak as normal — the Speech radio group is disabled while the server is active
Chrome usage:
- Download kokoro_server.py and run it:
python kokoro_server.py
- Wait for
Model loaded. Server ready
- Toggle Kokoro Server: On in the panel — the Speech radio group is disabled while the server is active
VOICEVOX setup (required for JP):
- Download VOICEVOX from voicevox.hiroshiba.jp (free, Windows / Mac / Linux)
- Install and launch it — it runs as a local server on port 50021
- Keep VOICEVOX running while using Speech:Local with Lang: JP
If VOICEVOX is not running when you switch to JP+Local, a status message appears in the panel. Start VOICEVOX and it connects automatically on the next message.
Voice gender (Female / Male) applies to both engines.
Contextual Speech Bubbles (v11) (v16)
The speech bubble checks a priority chain before showing a message. Higher-priority conditions fire first; each fires at most once per session, except time of day which fires once per time period (v16) (persists across restarts):
| Priority |
Condition |
Example |
| 1 |
Special day (holiday) |
"Happy Halloween! 🎃" |
| 2 |
Monthly greeting (v16) |
"Happy New Year! 🎊" |
| 3 |
Session count milestone |
"10th reaction today! 🎉" |
| 4 |
Long gap since last reaction |
"Welcome back! Missed you 💕" |
| 5 |
Long session |
"You've been at it for an hour! 🔥" |
| 6 |
Day of week |
"Happy Monday! Let's go! ⚡" |
| 7 |
Time of day (once per period v16) |
"Good morning! ☀️" |
| 8 |
AI / fixed pool |
Normal reaction message |
EN and JP use separate message pools and separate special day lists (Western vs Japanese holidays).
AI Style (v11)
Three character personality modes — select one at a time:
| Button |
Tone |
Emoji |
AI Style: Cute |
Warm, sweet, encouraging |
💕 ✨ |
AI Style: Energetic |
Enthusiastic, high-energy, motivating |
🔥 ⚡ |
AI Style: Cool |
Calm, confident, minimal |
✓ 🎯 |
Switching style automatically updates both:
- The speech bubble AI prompt (short reaction lines)
- The chat system prompt (full chat replies)
Available on VS Code and Chrome.
Millionaire Mode (v12)
Click for the YouTube demo ↓
Select a mode with the Millionaire radio buttons in the toolbar:
| Option |
Behavior |
Off |
No fountain (default) |
Coin |
3D gold coins burst from the avatar on every reaction |
Diamond |
3D pink crystal diamonds burst from the avatar on every reaction |
The Millionaire: Sound button toggles a chime sound for each burst — coin plays a short C6 ring, diamond plays a longer crystal chime. The sound button is disabled when Millionaire is set to Off.
When Millionaire mode is active, a 🪙 coin counter appears in the top bar showing the total coins spawned this session. It resets to zero when mode is turned off. (v14)
Roller Coaster Mode (v14)
Click for the YouTube demo ↓
Select a theme with the Roller Coaster radio buttons in the toolbar:
| Option |
Behavior |
Off |
No roller coaster (default) |
Default |
Avatar rides a 3D roller coaster over a green field; chase camera follows from behind |
Rainbow |
Rainbow-colored track through a starry space scene; dark background with vignette overlay |
Water |
Underwater track with rising transparent bubbles; blue gradient background and blue overlay |
The avatar stands on a skateboard-shaped cart and rides the full looping track. The camera chases from behind so you can always see the avatar.
Background Effects (v15)
Effects designed by @RutenVeil.
Click for the YouTube demo ↓
Loading effect plays automatically when the avatar first loads — a hologram scan line sweeps from top to bottom, carving the avatar out of the darkness against an SF space background.
Reaction backgrounds appear randomly on every reaction. There are 5 themes:
| Theme |
Style |
Galaxy |
Starry night sky with aurora, glowing nebula, and twinkling sparkles |
Magic |
Magic circles at feet and overhead; butterflies, sparkles, and light mist rise from below |
Cyber |
Cyberspace reveal — amoeba mask dissolves to expose a digital background with hologram UI elements |
Comic |
Comic burst — speech balloons, thunderbolts, and confetti pop out sequentially, then fade leaving only the avatar |
Idol Stage |
Concert stage curtain drops; spotlights swing, glowsticks sway, and hearts burst outward |
The Effect button in the toolbar toggles all background effects on/off. Effects are automatically hidden during Roller Coaster mode.
Watcher (VS Code only) (v2)
Click the Switch Watcher button to toggle between watching Claude Code and GitHub Copilot activity.
You can also set the default watcher in settings via vroidCompanion.activeWatcher.
Speech Bubble Messages
Click the Messages button to edit the messages shown in the speech bubble when the avatar reacts.
- Enter messages separated by
| (pipe), e.g. You can do it! | Nice work! | Love that fix!
- Messages are saved to VS Code settings and persist across restarts
- You can also edit them directly under
vroidCompanion.speechMessages in settings
Giant Mode (Chrome only)
Click the Giant Mode button to float the avatar as a draggable, resizable overlay over any web page. The avatar reacts to AI activity detected on the page.
Using with Claude Code VS Code Extension (VS Code only)
You can display both panels side by side at the same time:
- Right-click either extension's icon in the activity bar
- Select Move to Secondary Side Bar
One panel goes to the left sidebar, the other to the right — you can choose which side each one is on.
Requirements (VS Code only)
- VS Code 1.85+
- Claude Code CLI or VS Code extension (for automatic reactions)
Special Thanks
- @RutenVeil — Created the background effects in v15.
- @Gramli — Updated in v2 and keeps supporting.
- @aryanc193 — Made the avatar collaboration project that is the beginning of AI Avatar and keeps supporting.
- Maximum Blue — Made avatars in v6 and keeps supporting.
Roadmap
v1 ✅
- VRM character in VS Code sidebar
- Live reactions to Claude Code activity
- Eye tracking, lipsync, OrbitControls
- Change Avatar, speech bubble messages
v2 ✅
- 3-state Animation button (off / Default / Custom)
- Custom pose editor with JSON save/load
- Jokes button
- GitHub Copilot watcher support
- Watcher switching (Claude ↔ Copilot)
v3 ✅
- 🌐 Chrome extension version
- Various fixes and adjustments
v4 ✅
- Pose Editor upgraded to full Animation Editor
- Multi-keyframe timeline with in / hold / out timing
- Various fixes and adjustments
v5 ✅
- Enter key on terminal triggers animation (VS Code)
- Fixed reload to always restore the latest saved pose
- All 30 finger bones added to the animation editor
- Animation editor values now shown and saved in degrees (backward compatible)
- BG toggle button — gray background to see dark-colored avatars
- Various UI polish: button styling, focus outlines, editor colors
v6 ✅
v7 ✅
- 📸 Pose Capture — capture a real body pose with webcam and export it as a VRM animation JSON
- ❤️ Positive word reactions (VS Code only) — heart counter, smile, and heart overlay animation when positive words are detected; broken heart and head shake on negative words
- 🦁 Giant Mode (Chrome only) — float the avatar as a draggable, resizable overlay over any web page
- 🎲 Animation: Random mode — new 4th state generates random poses from zone patterns (expression, body + arm, fingers, legs)
- 😊 Expression editor — add Happy or Wink expressions to animation keyframes directly in the editor
- 🖱️ Click anywhere to react (Chrome only) — clicking any web page triggers an animation on the avatar
- 🔍 Prompt Checker [Beta] (VS Code only) — paste any AI prompt and get instant rule-based feedback on clarity, specificity, and structure
v8 ✅
- 🎲 Animation: Random Custom — 5th animation state; pick a custom zone-pattern JSON, plays random pose combos
- 🎨 Random Editor — zone-split pattern JSON editor inside the Animation Editor (Body & Arms / Legs / Fingers zones)
- 🎬 Animation Editor update — now opens as a full-screen tab; three-camera view (RIGHT / FRONT / LEFT), image reference layout, bone arc trail, zone preset buttons, JSON to VRMA export
v9 ✅
- 🤖 AI Chat — always-visible chat input; ask the avatar anything; replies appear as wide speech bubbles and trigger animations; supports Gemini API and Ollama (local)
- 🎛️ Panel layout redesign — collapsible toolbar behind ⚙ gear
- 🐛 Fixed flaky positive/negative word detection (VS Code only) — now reliably catches keywords in your messages to Claude Code
v10 ✅
- 💬 AI Speech Bubble (VS Code only) — toggle between Fixed and AI mode; in AI mode the character reacts to Claude Code activity with context-aware speech; messages customizable
- 🎛️ Toolbar redesign — 4 fixed rows always visible; animation split into 5 separate toggle buttons (Off / Default / Random / Custom / Custom Random); Positive Words and Negative Words as direct buttons
- 🎭 Improved idle & thinking animations — random idle head micro-tilt every 6–10s; thinking state now shows a natural Z-axis pondering tilt with gentle oscillation
v11 ✅
- 🗣️ Text-to-Speech — Speech:Off / Speech:API (Web Speech API) / Speech:AI (Gemini TTS)
- 🧠 Contextual speech bubbles — character reacts to special days (EN/JP), session count milestones, coding gaps, session length, day of week, and time of day
- 🎭 AI Style — Cute / Energetic / Cool modes
- 🌐 Lang toggle — single button controls bubble language and chat language together
- 🕺 Richer idle animations — random cycle picks from neck tilt / body tilt / whole-body gravity lean
v12 ✅
- 🪙 Millionaire Mode — 3D coin or diamond fountain bursts from the avatar on every reaction
- 🎛️ Radio group UI — animation, AI style, speech, provider, and millionaire controls redesigned as inline radio buttons
v13 ✅
- 🗣️ Speech:Local — Kokoro (EN offline TTS, no API key needed) + VOICEVOX (JP local TTS)
- 💬 Bubble On/Off toggle — hide speech bubbles while keeping TTS audio active
- 🤖 Bubble:AI — contextual messages (special days, time of day, etc.) now go through AI in AI mode
v14 ✅
- 🎢 Roller Coaster Mode — avatar rides a 3D roller coaster in Default, Rainbow, or Water theme
- 🪙 Add coin counter in the top bar
- ❓ Add help button in the top bar
- 🐛 Bug fixes: roller coaster CSS and Chrome Giant Mode display
v15 ✅
- 🎆 Background Effects — SF loading effect on avatar load; 5 animated reaction backgrounds (Galaxy, Magic, Cyber, Comic, Idol Stage) randomly selected on each reaction
- 💥 Roller Coaster Rainbow mode — large stars now explode into a burst of colored particles when they hit the avatar
- 🦁 Giant Mode state sync — Effect, bubble visibility, TTS mode, and language now carried over from the panel when opening Giant Mode
- 🐛 Fix: Animation editor — image picker no longer resets the pose to default; unintended idle/click animations no longer fire while editing
- ✨ Fix: Settings panel now has a scrollbar so all buttons are reachable
- 💃 Candy Pink Avatar — added Candy Pink v2–v7 image gallery and VRM avatar download link
v16 ✅
- 🐱 Cat mode — avatar speaks like a cat (meow/にゃ flavor) with full contextual message support
- 🐱 Cat pose added to default animations
- 🐱 Candy Pink v8 Cat avatar added to GitHub — download here
- 🚀 Kokoro TTS server added to speed up local text-to-speech
- 🧠 Richer contextual messages — expanded special days (EN/JP), monthly messages, time-of-day message shows once per time period
- 💬 Message pool toggle — Fixed / Custom / Both radio button; Fixed pool adds 20 built-in cheer messages
- 🐛 Fix: Animation editor no longer loads poses from the custom animation folder on first open
- 🐛 Fix: Bubble: Off now correctly hides the bubble when Bubble: AI is active
v17 — Now creating!
AI Avatar（日本語）
AI Avatarは、推し(自分のVRoid(VRM))が、あなたを全力で応援する無料アプリです。🤗 VS Codeサイドバー（Claude Code / GitHub Copilotに反応）またはブラウザサイドパネル（ChatGPT / Claudeに反応）に表示されるVRM 3Dキャラクターです。AIなしでもアニメーションや会話を楽しめます。
Click for the YouTube demo ↓
🎉 VS Code版200インストール達成！ありがとうございます！
🛒 VS Code Marketplaceからダウンロード
🛒 Chrome ウェブストアからダウンロード
📖 開発ストーリーはDEV.toで読めます：
機能一覧
- 🎭 リアクション — Claude Code / GitHub Copilotが考え中または返答したとき自動でキャラクターが反応
- 🔀 ウォッチャー切り替え （VS Code限定） — Claude CodeとGitHub Copilotの監視を切り替え (v2)
- 🔄 アバター変更 — 上部のボタンで
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)；全30指ボーン対応 (v5)；度数表示 (v5)
- 🎨 ランダムエディタ — アニメーションエディタ内でゾーン分割パターンJSONを直接編集；ボディ＆アーム / 脚 / 指ゾーン、パターンの追加・削除・ナビゲーション (v8)
- 🎥 オービットコントロール — ドラッグで回転、スクロールでズーム、右クリックでパン
- 👀 視線追跡 — アイドル時に目と頭がマウスカーソルを追う
- 💬 リップシンク — Claudeの返答中に口が動く
- 😊 クリックまたはEnterキーで反応 — スマイル、うなずき、アニメーションが発動
- 💬 カスタム吹き出しメッセージ — Messagesボタンからメッセージを編集；Fixed（内蔵）/ Custom / Bothプール切り替え (v16)
- 😂 ジョーク — Jokesボタンでアバターがジョークを言う (v2)
- 📸 ポーズキャプチャ — ウェブカメラで体のポーズを撮影し、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)
はじめ方
セットアップ不要 — サンプルキャラクターが最初から入っています。
VS Code
- VS Code Marketplaceからインストール
- アクティビティバーの AI Avatarアイコン をクリックしてサイドバーを開く
- Claude CodeまたはGitHub Copilotを使う — アバターが自動で反応
Chrome
- Chrome ウェブストアからインストール
- ツールバーにピン留め
- AI Avatarアイコン をクリックしてサイドパネルを開く
- ChatGPTまたはClaudeでチャット — アバターが自動で反応
自分のVRMキャラクターを使う
VRoid を使えば3Dモデリングの知識なしに無料でオリジナルアバターを作れます。キャラクターをデザインして .vrm ファイルとしてエクスポートしてください。
サイドバー上部の Change Avatar ボタンから .vrm ファイルを選択。
v6では新しいサンプルキャラクター（女の子3体・男の子2体）とポーズパック（かわいい・クール・おもしろ）を追加しました。
（GitHubリリースから無料ダウンロード）
Joyful Colors は、開発者をはじめ多くの人を元気にしてハッピーな気持ちにすることをミッションに集まったグループです。VS Code拡張機能とChrome（Edge）拡張機能を通じて24時間365日あなたを応援します。スーパーヒーローキャラクターたちを紹介します！
↑ Sweet Purple（制作：Blue）
明るく元気なキャラクター。
有名なアイドルになって美味しいものを食べることを夢見ています。
かわいいポーズが得意。
↑ Candy Pink（制作：Hyper）
サンプルアバター（Ninja Girl）の別バージョン。
優しくて思いやりがあります。
作り笑いが得意。
かわいいポーズが得意。
↑ Maximum Blue（制作：Blue）
活発でエネルギーあふれるキャラクター。
目が合った女の子は恋に落ちてしまいます。
クールなポーズが得意。
↑ **Hyper Yellow**（制作：Blue）
いつもカッコいいアプリを作ろうと挑戦するが、なぜかいつもふざけたアプリになってしまいます。
Purple と Pink が自分のことを好きだと思っているが、実際には利用されているだけ。
変なポーズが得意。
Candy Pink ↑
👉 GitHubからCandy Pinkをダウンロード
アニメーション (v2)
5つのアニメーションボタンがあります。クリックで有効化 — 有効なボタンはハイライト表示されます。選択した状態は再起動後も保持されます。
| ボタン |
動作 |
Animation: Off |
アニメーションを再生しない |
Animation: Default |
付属のサンプルポーズを再生 |
Animation: Random |
付属ゾーンパターンからランダムにポーズを生成 (v7) |
Animation: Custom |
ファイルを選択し .vrma と .json ポーズファイルを再生 |
Animation: Custom Random |
カスタム random-custom.json を選択 — 独自ゾーンパターンからランダムにポーズを生成 (v8) |
VRoid Projectの .vrma クリップを使う：
VRMAアニメーションファイルはライセンスの都合上、拡張機能に含まれていません。公式VRoidプロジェクトから無料でダウンロードしてください：
👉 VRM Animation 7本パック by VRoid Project（無料）
パックには7つのアニメーションが含まれます：全身表示、挨拶、ピースサイン、シュート、スピン、モデルポーズ、スクワット。
- パックをダウンロードして解凍
- Animation ボタンを
Animation: Custom になるまでクリック
.vrma ファイルが入ったフォルダを選択- AIが返答するたびにランダムなアニメーションを再生
アニメーションエディタ (v4+)
Click for the YouTube demo ↓
Edit Animation をクリックするとVS Codeの専用タブとしてエディタが開きます：
表示 (v8)
- RIGHT / FRONT / LEFT の3方向カメラを同期表示 — すべての角度を一画面で確認 (v8)
- Image ボタンで2×2レイアウトに切り替え（上段：FRONT＋参考画像、下段：RIGHT＋LEFT）— ポーズ参考用の画像を読み込み可能 (v8)
ボーン編集
- 全身の2カラムボーンリスト — 頭・首・脊椎・腕・手・脚、そして全30指ボーン (v5)
- スライダー または 度数入力 でボーンを回転 (v5)
- スライダー/入力にフォーカスすると、アバターにボーン弧トレイルが表示 — 回転の視覚フィードバック (v8)
- 下部のプリセットボタン：ボディ＆アーム / 脚 / 指のゾーンパターンをワンタッチ適用 (v8)
キーフレームとタイミング
- + KF で複数キーフレームを追加してアニメーションシーケンスを構築 (v4)
- 各キーフレームに In（フェードイン）・Hold・Out（フェードアウト、最終KFのみ）タイミング設定 (v4)
- < > でナビゲート、− KF で削除、Play でプレビュー (v4)
表情
- キーフレームごとに表情設定：Default / Happy / Wink (v7)
アクション
- Load — 別のJSONポーズファイルを選択して読み込み
- Save — JSONファイルに書き戻し、ランダムプールに追加
- Reload — ディスクからファイルを再読み込み、未保存の編集を破棄
- JSON to VRMA — キーフレームアニメーションを
.vrma VRMアニメーションファイルとしてエクスポート (v8)
- Exit — エディタタブを閉じてサイドバーを再表示 (v8)
ランダムエディタ (v8)
- Random Editor をクリックしてゾーン分割パターンJSONエディタを開く
- デフォルトの
random-custom.json を自動で読み込んで開始 — Load Random で別のJSONファイルに切り替え可能
- ボディ＆アーム / 脚 / 指 ゾーンを切り替え — 関連ボーンのみ表示、無関係なボーンは非表示
- < > でパターンをナビゲート、+ で追加、− で削除、名前を編集可能
- Save でJSONファイルに書き戻し、Reload でディスクから再読み込み
- Exit Random で通常エディタに戻る
AIチャット (v9)
チャット入力欄がパネル下部に常時表示されます。メッセージを入力して → を押すと送信。アバターがアニメーションし、返答を吹き出しで表示します。
入力欄横の ⚙ ボタンでチャット履歴・プロバイダー設定・システムプロンプトを開けます。
プロバイダー
Gemini — クラウドAPI；Google AI Studio で無料のAPIキーを取得
Ollama — ローカルで動作；APIキー不要；ollama.com からインストール
インストール後、使用前に一度モデルをダウンロードしてください：
ollama pull qwen2.5:3b
注意： 最初のメッセージは遅いですが正常です — Ollamaは起動時にモデルをディスクからRAMに読み込みます。同じセッション中の2回目以降はモデルがメモリに残るため、大幅に速くなります。
モデルの選び方： 小さいモデル（例：qwen2.5:1.5b）は速いが回答がシンプル。大きいモデル（例：qwen2.5:7b）は遅いが精度が高く詳細な回答が得られます。⚙ 設定からモデルを変更できます。
ヒント： 質問は短く簡潔にまとめると効果的です — ローカルモデルもGemini Flashも、シンプルなプロンプトに最も適しています。
Chrome限定： OllamaはデフォルトでChrome拡張機能からのアクセスをブロックします。一度だけ設定が必要：
- Win+R →
sysdm.cpl → 詳細設定 → 環境変数 → 新規
- 変数名：
OLLAMA_ORIGINS / 値：*
- タスクトレイのOllamaを終了 → 再起動（PCの再起動は不要）
設定（⚙ボタン）
- Gemini / Ollamaトグルでプロバイダーを切り替え
- Gemini APIキーを入力（安全に保存され、コミットされません）
- モデル名を設定（デフォルト：
gemini-3.1-flash-lite / qwen2.5:3b）
- システムプロンプトを編集 — デフォルト：絵文字付き1文で励ます明るいコーディングコンパニオン
音声読み上げ（TTS） (v11)
3つのモードから1つを選択：
| ボタン |
動作 |
Speech: Off |
無音 |
Speech: API |
Web Speech API — ブラウザ内蔵音声、オフライン動作可、VS Code・Chrome両対応 |
Speech: AI |
Gemini TTS — Gemini APIによる自然な音声（AIチャット設定のAPIキーを使用） |
2つのボイス設定：
| ボタン |
ボイス |
Speech: Female |
Aoede — 明るく温かい |
Speech: Male |
Charon — 落ち着いてクール |
Speech:AIにはAIチャットと同じGemini APIキーが必要です。キーが未設定の場合は無音になります。
Speech:Local (v13) (v16)
オフラインTTS — APIキーもインターネット接続も不要。Speechラジオグループで Speech:Local を選択します。
言語に応じて2つのエンジンが動作します：
| 言語 |
エンジン |
必要環境 |
Lang: EN |
Kokoro — ブラウザ内で完結する軽量英語ニューラルTTS |
なし — モデルは初回使用時に自動ダウンロード（約85 MB） |
Lang: JP |
VOICEVOX — キャラクターボイス対応の高品質日本語TTS |
VOICEVOXを自分でダウンロード・インストール（無料）して起動しておく必要があります |
Kokoro は初回使用時にモデルをダウンロード・キャッシュし、ウォームアップを行うことで初回レスポンスを高速化します。2回目以降は追加ダウンロード不要です。
Kokoro Server (v16)：
デフォルトのブラウザ内Kokoroはニューラルネットワークの推論をWebAssembly上で実行するため、ネイティブ実行と比べて大幅に遅く、メッセージごとに数秒かかります。Kokoro Server は同じモデルをローカルのPythonプロセスとしてネイティブのONNX Runtimeで実行するため、1メッセージあたり1秒未満で音声を生成できます。
必要なパッケージ（一度だけインストール）：
pip install kokoro-onnx soundfile fastapi uvicorn
VS Code の使い方：
- ツールバーの Kokoro Server: On を選択 — 拡張機能がサーバーを自動起動；初回のみサーバーがモデルファイル（約300 MB）を
~/.cache/kokoro-onnx/ に別途ダウンロード
- ステータスが準備完了になったら通常通り話しかける — サーバー起動中はSpeechラジオグループは無効になります
Chrome の使い方：
- kokoro_server.py をダウンロードして起動：
python kokoro_server.py
Model loaded. Server ready と表示されるまで待つ- パネルの Kokoro Server: On を選択 — サーバー起動中はSpeechラジオグループは無効になります
VOICEVOXのセットアップ（JP使用時に必須）：
- voicevox.hiroshiba.jp からVOICEVOXを無料ダウンロード（Windows / Mac / Linux対応）
- インストールして起動 — ポート50021でローカルサーバーとして動作します
- Lang: JPでSpeech:Localを使用する間はVOICEVOXを起動したままにしてください
JP+Local切り替え時にVOICEVOXが起動していない場合、パネルにステータスメッセージが表示されます。VOICEVOXを起動すれば次のメッセージから自動接続します。
音声の性別（Female / Male）は両エンジンに適用されます。
コンテキスト吹き出し (v11) (v16)
吹き出しはメッセージを表示する前に優先度チェーンを確認します。高優先度の条件が先に発動し、各条件はセッション中1回のみ（時間帯は時間帯ごとに1回 (v16) 、再起動後も持続）：
| 優先度 |
条件 |
例 |
| 1 |
特別な日（祝日） |
"Happy Halloween! 🎃" |
| 2 |
月次メッセージ (v16) |
"あけましておめでとう！🎊" |
| 3 |
セッション数マイルストーン |
"今日10回目のリアクション！🎉" |
| 4 |
前回の反応からの間隔 |
"おかえり！待ってたよ 💕" |
| 5 |
セッションの長さ |
"1時間も頑張ってるね！🔥" |
| 6 |
曜日 |
"月曜日！一緒に頑張ろう！⚡" |
| 7 |
時間帯 (時間帯ごとに1回 v16) |
"おはよう！☀️" |
| 8 |
AI / 通常プール |
通常のリアクションメッセージ |
ENとJPはメッセージプールと特別な日リストが別々（西洋の祝日 vs 日本の祝日）。
AIスタイル (v11)
3つのキャラクターモードから1つを選択：
| ボタン |
トーン |
絵文字 |
AI Style: Cute |
温かく、かわいく、励ます |
💕 ✨ |
AI Style: Energetic |
熱狂的、ハイエネルギー、やる気を引き出す |
🔥 ⚡ |
AI Style: Cool |
落ち着いて、自信を持って、シンプルに |
✓ 🎯 |
スタイルを切り替えると以下の両方が自動更新されます：
- 吹き出しのAIプロンプト（短いリアクションセリフ）
- チャットのシステムプロンプト（チャット返答のトーン）
VS CodeとChrome両対応。
ミリオネアモード (v12)
Click for the YouTube demo ↓
ツールバーの Millionaire ラジオボタンでモードを選択：
| オプション |
動作 |
Off |
噴水なし（デフォルト） |
Coin |
リアクションのたびにアバターから3Dゴールドコインが噴き出す |
Diamond |
リアクションのたびにアバターから3Dピンクダイヤモンドが噴き出す |
Millionaire: Sound ボタンでバーストごとのチャイムサウンドをオン／オフできます。MillionaireがOffのときはサウンドボタンは無効になります。
ミリオネアモードがオンのとき、トップバーに 🪙 コインカウンター が表示され、このセッションで噴き出したコインの合計数を確認できます。モードをオフにするとリセットされます。 (v14)
ローラーコースターモード (v14)
Click for the YouTube demo ↓
ツールバーの Roller Coaster ラジオボタンでテーマを選択：
| オプション |
動作 |
Off |
ローラーコースターなし（デフォルト） |
Default |
アバターが緑の野原の3Dローラーコースターに乗る；チェイスカメラが後ろから追跡 |
Rainbow |
星空の宇宙を走るレインボーカラーのトラック；ダーク背景にビネットオーバーレイ |
Water |
上昇する透明な泡が漂う水中トラック；青いグラデーション背景と青いオーバーレイ |
アバターはスケートボード型カートに立ってループトラックを走ります。チェイスカメラが後ろから追跡するのでアバターを常に確認できます。
背景エフェクト (v15)
エフェクト制作：@RutenVeil
Click for the YouTube demo ↓
ロードエフェクトはアバターが最初に読み込まれるときに自動再生されます。ホログラムのスキャンラインが上から下に走り、SF宇宙背景の中からアバターが削り出されるように登場します。
リアクション背景はリアクションのたびにランダムで表示されます。5種類のテーマがあります：
| テーマ |
スタイル |
Galaxy |
オーロラ・星雲・キラキラが輝く星空 |
Magic |
足元と頭上に魔法陣が出現し、蝶・キラキラ・光のモヤが下から湧き上がる |
Cyber |
電脳空間 — アメーバ状マスクが溶けて消え、ホログラムUIが浮かぶデジタル背景が現れる |
Comic |
コミック — 吹き出し・雷マーク・紙吹雪がポップコーン式に次々出現し、最後はアバターだけが残る |
Idol Stage |
ステージの幕が上から降りてきて開演；スポットライトが揺れ、サイリウムが振られ、ハートが飛び散る |
ツールバーの Effect ボタンで全背景エフェクトのオン/オフを切り替えられます。ローラーコースターモード中はエフェクトが自動的に非表示になります。
ウォッチャー (VS Code限定) (v2)
Switch Watcher ボタンで Claude Code と GitHub Copilot の監視を切り替えます。
設定の vroidCompanion.activeWatcher でデフォルトのウォッチャーを設定することもできます。
吹き出しメッセージ
Messages ボタンをクリックして、アバターが反応したときに吹き出しに表示するメッセージを編集できます。
- メッセージは
|（パイプ）で区切って入力します。例：頑張って！ | いいね！ | 完璧！
- メッセージはVS Code設定に保存され、再起動後も保持されます
vroidCompanion.speechMessages から直接編集することもできます
ジャイアントモード （Chrome限定）
Giant Mode ボタンをクリックすると、アバターをドラッグ・リサイズ可能なオーバーレイとしてどのウェブページにも表示できます。ページ上のAI活動を検出してアバターが反応します。
Claude Code VS Code拡張機能と一緒に使う （VS Code限定）
両方のパネルを同時に並べて表示できます：
- アクティビティバーのいずれかの拡張機能アイコンを右クリック
- Move to Secondary Side Bar を選択
一方のパネルが左サイドバー、もう一方が右サイドバーに表示されます。
動作要件 （VS Code限定）
スペシャルサンクス
- @RutenVeil — v15の背景エフェクトを制作。
- @Gramli — v2のアップデートに貢献し、継続的にサポート。
- @aryanc193 — AI Avatarの原点となるアバターコラボレーションプロジェクトを制作し、継続的にサポート。
- Maximum Blue — v6でアバターを制作し、継続的にサポート。
ロードマップ
v1 ✅
- VS CodeサイドバーにVRMキャラクター表示
- Claude Codeへのライブ反応
- 視線追跡、リップシンク、オービットコントロール
- アバター変更、吹き出しメッセージ
v2 ✅
- 3段階Animationボタン（オフ / デフォルト / カスタム）
- カスタムポーズエディタ（JSON保存・読み込み）
- Jokesボタン
- GitHub Copilotウォッチャー対応
- ウォッチャー切り替え（Claude ↔ Copilot）
v3 ✅
v4 ✅
- ポーズエディタをフルアニメーションエディタにアップグレード
- In / Hold / Outタイミング付き複数キーフレームタイムライン
- 各種修正・調整
v5 ✅
- ターミナルのEnterキーでアニメーションが発動（VS Code）
- リロードが最後に保存したポーズを正しく復元するよう修正
- アニメーションエディタに全30指ボーンを追加
- エディタの値を度数で表示・保存（既存ファイルとの後方互換性あり）
- BGトグルボタン追加 — グレー背景に切り替えて暗色アバターを見やすく
- UIの各種改善：ボタンスタイル、フォーカス枠、エディタの配色
v6 ✅
v7 ✅
- 📸 ポーズキャプチャ — ウェブカメラで体のポーズを撮影し、VRMアニメーションJSONとして書き出し
- ❤️ ポジティブワード反応 （VS Code限定） — ポジティブワード検出時にハートカウンター・スマイル・ハートオーバーレイアニメーション；ネガティブワードには割れたハートと首振り
- 🦁 ジャイアントモード （Chrome限定） — ドラッグ・リサイズ可能なオーバーレイとしてアバターをどのページにも表示
- 🎲 Animation: Randomモード — 内蔵のゾーンパターン（表情・体と腕・指・脚）からランダムにポーズを生成する新しい第4状態
- 😊 表情エディタ — アニメーションエディタのキーフレームにHappyまたはWink表情を追加可能
- 🖱️ ページのどこかをクリックで反応 （Chrome限定） — ウェブページをクリックするとアバターがアニメーションで反応
- 🔍 プロンプトチェッカー [Beta] （VS Code限定） — AIプロンプトを貼り付けるだけで、明確さ・具体性・構造をルールベースで即チェック
v8 ✅
- 🎲 Animation: Random Custom — 第5のアニメーション状態；カスタムゾーンパターンJSONを選択してランダムなポーズコンボを再生
- 🎨 ランダムエディタ — アニメーションエディタ内のゾーン分割パターンJSONエディタ（ボディ＆アーム / 脚 / 指ゾーン）
- 🎬 アニメーションエディタ アップデート — フルスクリーンタブとして起動；3方向カメラ表示（RIGHT / FRONT / LEFT）、参考画像レイアウト、ボーン弧トレイル、ゾーンプリセットボタン、JSON to VRMAエクスポート
v9 ✅
- 🤖 AIチャット — 常時表示のチャット入力；アバターに何でも質問できる；返答は吹き出しでアニメーション付き；Gemini APIとOllama（ローカル）対応
- 🎛️ パネルレイアウト刷新 — ⚙ギアでツールバーを折りたたみ
- 🐛 ポジティブ/ネガティブワード検出の不安定さを修正 （VS Code限定） — Claude Codeへのメッセージのキーワードを確実に検出するように改善
v10 ✅
- 💬 AI吹き出し （VS Code限定） — FixedとAIモードを切り替え；AIモードではClaude Codeに反応してキャラクターがコンテキストに応じた発言をする；メッセージはカスタマイズ可能
- 🎛️ ツールバーリデザイン — 4行固定表示；アニメーションを5つの独立したトグルボタンに分割（Off / Default / Random / Custom / Custom Random）；ポジティブワード・ネガティブワードをダイレクトボタンに
- 🎭 アイドル・思考アニメーション改善 — アイドル時に6〜10秒ごとランダムな頭の微傾き；思考中は自然なZ軸の首かしげポーズとゆっくりした揺れを追加
v11 ✅
- 🗣️ 音声読み上げ（TTS）— Speech:Off / Speech:API（Web Speech API）/ Speech:AI（Gemini TTS）
- 🧠 コンテキスト吹き出し — 特別な日（EN/JP別）、セッション数マイルストーン、反応間隔、セッション時間、曜日、時間帯
- 🎭 AIスタイル — Cute / Energetic / Coolモード
- 🌐 言語切り替え — 1つのボタンで吹き出しとチャットの言語を同時に切り替え
- 🕺 豊かなアイドルアニメーション — 首の傾き / 体の傾き / 重力リーンをランダムにサイクル
v12 ✅
- 🪙 ミリオネアモード — リアクションのたびにアバターから3Dコインまたはダイヤモンドを噴き出す
- 🎛️ ラジオボタンUI — アニメーション、AIスタイル、音声、プロバイダー、ミリオネアのコントロールをインラインラジオボタンに刷新
v13 ✅
- 🗣️ Speech:Local — Kokoro（ENオフラインTTS、APIキー不要）+ VOICEVOX（JP ローカルTTS）
- 💬 吹き出しOn/Offトグル — TTS音声を維持しながら吹き出しを非表示にできる
- 🤖 Bubble:AI — 特別な日・時間帯などのコンテキストメッセージもAIモードで処理されるように改善
v14 ✅
- 🎢 ローラーコースターモード — Default・Rainbow・Waterの3テーマで3Dローラーコースターに乗る
- 🪙 トップバーにコインカウンターを追加
- ❓ トップバーにヘルプボタンを追加
- 🐛 バグ修正：ローラーコースターCSSとChromeジャイアントモードの表示
v15 ✅
- 🎆 背景エフェクト — ロード時のSFエフェクト＋5種類のリアクション背景（Galaxy・Magic・Cyber・Comic・Idol Stage）がリアクション時にランダム表示
- 💥 ローラーコースター Rainbowモード — 大きな星がアバターに当たると、カラフルなパーティクルが爆発するように弾け飛ぶ
- 🦁 ジャイアントモード状態同期 — ジャイアントモードを開くとエフェクト・吹き出し・TTSモード・言語の状態がパネルから引き継がれるように修正
- 🐛 バグ修正：アニメーションエディタで画像選択中にポーズがリセットされる問題を修正；アニメーションエディタで意図しないアイドル・クリックアニメーションが発火する問題を修正
- ✨ 設定パネルにスクロールバーを追加（ボタンが見切れなくなりました）
- 💃 Candy Pink Avatar — Candy Pink v2〜v7のバージョン別画像ギャラリーとVRMアバターのダウンロードリンクを追加
v16 ✅
- 🐱 Catモード — アバターが猫語（meow/にゃ）で話す；全コンテキストメッセージ対応
- 🐱 デフォルトアニメーションに猫ポーズを追加
- 🐱 Candy Pink v8 CatアバターをGitHubに追加 — こちらからダウンロード
- 🚀 Kokoro TTSサーバー追加によるローカル音声読み上げの高速化
- 🧠 コンテキストメッセージを大幅拡張 — 特別な日（EN/JP）・月次メッセージ・時間帯メッセージを時間帯ごとに1回表示
- 💬 メッセージプール切り替え — Fixed / Custom / Bothラジオボタン；Fixedで20件の内蔵応援メッセージを使用
- 🐛 バグ修正：アニメーションエディタが初回起動時にカスタムフォルダのポーズを誤って読み込む問題を修正
- 🐛 バグ修正：Bubble: AI有効時にBubble: Offが正しく機能しない問題を修正
v17 — 作成中！
