AI Avatar：在 VS Code 侧边栏用 VRoid 虚拟形象为 Claude Code / Codex / GitHub Copilot 加油

(日本語の説明は下部をご覧ください / 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 / Codex / GitHub Copilot) or browser side panel (reacts to ChatGPT / Claude). Animations and speech bubbles all run without AI too.

Jump to: ✨ Features · 📖 Details · 🗺️ Roadmap

Click for the YouTube demo ↓

🎉 Thank you for 300+ 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,v17 → 😸Catbot Integration, AI Office, Cat Mode (AI Avatar v17: VS Code and Chrome Extension)
• v18,v19,v20 → AI Avatar v20, Cursor Avatar, Notification Avatar (Voxel Avatar)🧊
• v21,v22,v23,v24,v25 → 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)
• 🏢 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 (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)
• ❤️ Jev Reactions (VS Code only) — sentiment-based avatar reactions with 3D hearts, broken hearts, stars, fire and tears (v23)
• 📊 Dev Log (VS Code only) — request categories and daily, weekly and all-time history for Claude and Codex (v23)
• ☁️ Voxel Avatar update — hamsters, mushrooms, drifting clouds and sky gradients (v23)
• 🧠 Muscle Brain — ultimate working memory training game that stimulates your brain (v24)
• 🧠 Muscle Brain 3D — spatial memory training with numbers and blocks (v25)
• 🎱 Avatar Run — tilt and rotate a clear 3D sphere to roll a marble along the winding track inside (v25)

Getting Started

No setup needed — comes with a built-in sample character.

VS Code

1. Install from the VS Code Marketplace
2. Click the AI Avatar icon in the activity bar to open the sidebar
3. Use Claude Code, Codex, or GitHub Copilot — your avatar reacts automatically

Chrome

1. Install from the Chrome Web Store
2. Pin it to the toolbar
3. Click the AI Avatar icon and open the Side Panel
4. 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.

v2	v3	v4	v5	v6	v7	v8 cat

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.

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.

1. Download and unzip the pack
2. Click Animation until it shows Animation: Custom
3. Pick the folder containing the .vrma files
4. 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:

  1. Win+R → type sysdm.cpl → Advanced → Environment Variables → New
  2. Name: OLLAMA_ORIGINS / Value: chrome-extension://YOUR_EXTENSION_ID — replace YOUR_EXTENSION_ID with AI Avatar's ID from chrome://extensions (enable Developer mode to see it). Do not use *, which allows every website.
  3. 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 (VS Code: SecretStorage; Chrome: extension-local IndexedDB). Saved keys are not filled into the page automatically; the eye button reveals them briefly. Use Remove key, then Save, to delete the saved key.
• 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:

Two voice options apply to both modes:

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:

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:

1. 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/
2. Wait for the status to show ready, then speak as normal — the Speech radio group is disabled while the server is active

Chrome usage:

1. Download kokoro_server.py and run it:

   python kokoro_server.py
   

2. Wait for Model loaded. Server ready
3. Toggle Kokoro Server: On in the panel — the Speech radio group is disabled while the server is active

VOICEVOX setup (required for JP):

1. Download VOICEVOX from voicevox.hiroshiba.jp (free, Windows / Mac / Linux)
2. Install and launch it — it runs as a local server on port 50021
3. 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):

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:

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:

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:

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:

The Effect button in the toolbar toggles all background effects on/off. Effects are automatically hidden during Roller Coaster mode.

Cat Mode (v16)

Click for the YouTube demo ↓

Click the Cat Mode button in the toolbar to toggle cat mode on/off.

When Cat Mode is on, all speech bubble messages get a cat flavor — English messages are prefixed with Meow! or Purrr!, and Japanese messages end with にゃ. The full cat text is shown in the bubble exactly as-is.

Cat Sound — a second button appears next to Cat Mode. When Cat Sound is on, a random meow sound plays before each TTS message. The sound plays first, then TTS reads the message (Meow!/Purrr! prefix is stripped from TTS so it isn't read aloud — only the meaningful content is spoken).

AI Office Mode (v17)

Click for the YouTube demo ↓

Two 3D avatars — Boss and Sub — appear in the panel and patrol back and forth. They stop, face each other, and exchange speech bubbles with TTS. On each AI reaction, Boss calls Sub over for a status report.

• Boss and Sub are full VRM avatars with walk animation and idle speech
• Speech bubbles appear above each avatar with TTS
• Millionaire Mode and Roller Coaster Mode are automatically disabled while AI Office is active

AI Office — toggle AI Office mode on/off

Change Boss — swap the Boss VRM avatar

Cat Boss — use the Catbot as the Boss avatar

Catbot (v17)

Catbot is a galactic robot cat you can talk to from any device — and a harness that lets you switch between (or combine) all of your AI models. Created by DEV Community friend Anna. See the Catbot README for full feature details and setup instructions.

No Catbot / Catbot Only / With Catbot — radio group to choose how the Catbot avatar appears: hidden, shown alone, or shown alongside the main avatar

Launch Catbot — starts the server in the catbot folder and opens http://localhost:8800 in the browser (Chrome: start the server manually before clicking)

Set Catbot (VS Code only) — opens a folder picker to set the catbot folder path (Chrome: button is disabled)

Catbot avatar — the AI catbot collaborator appears as a live 3D VRM avatar in the panel (v17)

Kaleidoscope Effect (v18)

Click for the YouTube demo ↓

Click the Kaleidoscope toolbar button to replace the background with an animated, live-tunable kaleidoscope shader rendered behind the avatar.

Every control updates the shader live while the effect is on.

Piper TTS (v18)

Local, offline English TTS powered by Piper, a native (non-Python) neural TTS engine — faster than the WebAssembly-based Kokoro and no Python install required. Select Speech: EN Piper in the Speech radio group to use it. (VS Code only — Piper runs as a native process spawned by the extension host, which isn't available in the Chrome sandbox; the option is shown grayed out in Chrome.)

Turning it on for the first time automatically downloads the Piper binary and default voice models (~a few hundred MB) — no manual setup needed. To use your own binary/voice instead, point vroidCompanion.piperFolder in settings at a folder containing piper/piper.exe and a .onnx voice model; clear the setting to fall back to the automatic download.

Piper picks a voice automatically based on the current Gender setting, and uses a distinct boss voice when speaking as the boss avatar in AI Office Mode:

Voxel Avatar (v19) (v20) (v21) (v22) (v23)

Click for the YouTube demo v22↓

v21↓

v20↓

v19 ↓

Click the Voxel Avatar toolbar button to switch the panel into a minimal Minecraft-like mini-game — your avatar walks around a small block world, terraforms terrain, and plants flowers.

Mode & files

Moving & building

Wildlife

Every count is saved with the world.

Coaster

In the garden

Things that happen on their own, without a button.

Clouds and sky — drifting clouds above the garden and a gradient sky. (v23)

Weather — it sometimes rains (roughly every 3–6 minutes, for 30–60 seconds): the sky dims, butterflies and birds shelter until it clears, and a rainbow appears as the rain stops (v20) (v22)

Speech bubbles — Auto's bubble and speech also fire for manual play: placing or breaking a block, planting a flower, adding an animal, and the weather (v20)

Flower clusters — planting places 1–3 flowers at once (1–2 for sunflowers) with varied spacing, size, height, and head direction; the 🌸 counter counts individual flowers, and Save keeps each arrangement (v22)

Sway — flowers and coin trees sway in the breeze with their roots fixed, smaller flowers moving more; hanging coins stay attached to the swaying branches (v22)

Placement preview — hover the garden to see where a block, flower, or coin tree will land: green means allowed, red means blocked; hovering a rail Extend button previews its next piece (v22)

Golden pulse — a block flashes gold for half a second when it's successfully placed, broken, or planted, including Auto's own edits, so you can see what it just did (v22)

Smarter Auto — Auto prefers a 5–10 block walk, routes around obstacles, announces where it's heading, temporarily skips blocked targets, and picks terrain repair 70% / planting 30% when both are in reach (v22)

Jev Reactions (v23)

Click for the YouTube demo↓

Uses Jev to check the sentiment of your new Claude/Codex requests and trigger avatar reactions. VS Code only.

• Jev API Key — save your key in Settings; the eye button reveals it for up to 15 seconds. Remove key deletes the saved key. (v23)
• Jev: On/Off — enable sentiment reactions; starts Off after restart. (v23)

Positive results randomly show a heart, star or fire; negative results show a broken heart or tears. Neutral results do not trigger a sentiment reaction. AI replies are excluded. (v23)

Dev Log (v23)

Counts Claude/Codex requests and uses Jev to assign categories—not to measure completed tasks. Saves counts and categories locally, without message text. VS Code only.

Muscle Brain (v24) (v25)

Muscle Brain is an ultimate working memory training game that stimulates your brain. Inspired by N-back-style memory exercises, it challenges you to remember, manipulate, and recall number and letter sequences.

No need to be afraid of the hard training. Mr. Brain, everyone’s hero, will support you throughout the game and save the day!

Working memory helps you keep information in mind while:

• Handling complex tasks
• Keeping track of multiple steps and staying focused
• Thinking through problems and possible solutions

Open Settings → Muscle Brain to play in a separate VS Code editor tab or Chrome browser tab.

2D (v24)

Remember the starting sequence for two seconds, then shift it and add the new characters. Your answer submits automatically when complete. For example: 4259 → +5 → 2595.

Progress and celebrations — best scores, medals, daily streaks, confetti, and animated feedback accompany your progress. (v24)

3D (v25)

Click for the YouTube demo ↓

Choose 3D below the title to train with numbers or blocks in the same Muscle Brain tab. Language and sound are shared with 2D; other settings, score histories, and daily streaks remain separate. (v25)

• Num — Remember eight digits in a 2×2×2 cube. Four new digits appear for five seconds. Shift one cell left or right, discard the outgoing four digits, and insert the new digits on the opposite side. Numbers do not wrap. Enter the resulting eight digits in the two layer grids. (v25)
• Block — Remember 1–3 blocks in a 3×3×3 space. Mentally shift them one cell, wrapping at the edges, or rotate the pattern 90° around the indicated axis. Answer using the three front-view layers: Y1 front, Y2 middle, Y3 back. (v25)
• 3D view — Drag to look around. Axes follow Blender: +X right, +Y back, +Z up. (v25)
• Feedback and progress — Each correct answer earns one point and advances after one second. New records spin Mr. Brain and randomly show gold confetti or brain emojis; other correct answers show colorful confetti. Mistakes remain visible until Back: blocks show correct positions in green and incorrect selections in red, while Num shows the correct digits. Best scores, medals, and daily streak milestones track progress. (v25)

Avatar Run (v25)

Click for the YouTube demo ↓

Avatar Run is a 3D tilt-controlled track game. It starts with your mini avatar; switch Avatar off to play as a marble. A long, winding track sits inside a clear sphere — tilt and rotate the whole sphere to guide your avatar or marble from Start to Goal without falling off. Every track is generated fresh, and the sphere shows through so you can always see where the track goes next.

Open Settings → Avatar Run to play in a separate VS Code editor tab or Chrome browser tab.

Developer previews: MARBLE_DEV in src/shared/devFlags.ts shows Test A / Test B while enabled. Each button cycles through five different trap previews and places the marble just before the selected trap. Press Start rolling to try it; New Track returns to a random course. Disable the flag and rebuild to hide these controls.

On the track

The game includes:

• Traps — five different types are randomly selected from ten: open side, narrow track, sideways conveyor, center hole, hinged bridge, swinging bumper, rotating bar, wobbling platform, seesaw bridge, and bumps. One sits in each section after checkpoint 1, including the final purple section; the opening stays clear. Hole falls also return to the last checkpoint. Restart keeps the arrangement; New Track reshuffles it.
• Checkpoints — five checkpoints save your progress; fall off and the marble returns to the last one you reached, level and safe (v25)
• Feedback — Start, fall, retry, and Goal messages appear above the sphere. A pulsing glow marks the marble at Start and after retries; reached checkpoint stripes match the track color.
• Goal celebration — the remaining rainbow spheres pop in a quick red-to-purple wave, with larger shaded bubbles that drift and fade over three seconds.
• Normal / Rainbow — Normal has a white background and yellow track. Rainbow has a black background, a smooth red-to-purple track, and randomly scattered floating spheres of different sizes that burst when touched. Restart or New Track restores the spheres; they do not affect the marble's motion.
• Marble visibility — track sections covering the marble become see-through. You can pass either side of the center-hole platform; falling into the hole returns you to your checkpoint (v25)
• XYZ guide — a Blender-style axis guide shows which way is up, with gravity pulling toward −Z (v25)

Codex Support (v22)

Your avatar reacts to Codex as well as Claude Code. There's no extra button — leave the watcher on Claude Code and Codex activity is picked up alongside it.

What's detected — both the Codex CLI and the Codex VS Code extension, across all your local projects, so the avatar reacts even while you're working in another window (v22)

How it reacts — while Codex is working, a reaction fires every 10 seconds: panel animations, speech, and bubbles, plus one Voxel Avatar gardening step if the mini-game is on (v22)

When it stops — reactions pause as soon as Codex finishes, is cancelled, starts waiting for your input, or goes quiet for a while; old session history and subagent activity are ignored (v22)

Settings — your existing reaction settings still apply, and Auto: Off in Voxel Avatar still means no automatic gardening (v22)

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.

Codex activity is watched alongside Claude Code — no switching needed. See Codex Support. (v22)

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:

1. Right-click either extension's icon in the activity bar
2. 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)
• Codex CLI or VS Code extension, optionally — reactions fire for Codex too (v22)

Cursor Avatar (v18)

Click for the YouTube demo ↓

Cursor Avatar is a spin-off desktop app: click anywhere on your screen and your VRM avatar pops up near your cursor to react. It's a separate download, not part of this extension — see its own repo for setup and details.

Notification Avatar (v19)

Click for the YouTube demo ↓

Notification Avatar is a spin-off desktop companion app: your VRM avatar pops up in the corner of your screen and reacts whenever Claude Code or Codex needs your attention or finishes a task — works even when VS Code isn't open, since it reacts to Claude Code/Codex CLI hooks directly. It's a separate download, not part of this extension — see its own repo for setup and details.

Special Thanks

• @AnnaVi11arrea1 - Catbot creator and v17 collaborator
• @RutenVeil — Created the background effects in v15 and keeps supporting.
• @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.

Privacy

VS Code Privacy Policy

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 ✅

• New sample characters: 3 girls and 2 boys (free download from GitHub Releases)
• New pose packs: cute, cool, and funny poses (free download from GitHub Releases)

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 ✅

• 🏢 AI Office Mode — boss and sub avatars patrol the panel and report to each other with speech bubbles and TTS
• 🐾 Launch Catbot — launch the AI catbot app directly from the sidebar (Chrome: start the catbot server manually before clicking)
• 🐾 Catbot avatar — the AI catbot collaborator appears as a live 3D VRM avatar in the panel
• 📖 README — added navigation links, back to top links, and JP jump link

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 ✅

• ❤️ Jev Reactions (VS Code only) — sentiment-based avatar reactions with 3D hearts, broken hearts, stars, fire and tears
• 📊 Dev Log (VS Code only) — request categories and daily, weekly and all-time history for Claude and Codex
• ☁️ Voxel Avatar update — hamsters, mushrooms, drifting clouds and sky gradients

v24 ✅

• 🧠 Muscle Brain — ultimate working memory training game that stimulates your brain

v25 ✅

• 🧠 Muscle Brain 3D — spatial memory training with numbers and blocks
• 🎱 Avatar Run — tilt and rotate a clear 3D sphere to roll a marble along the winding track inside

v26 — Coming soon!

• 🎉 More fun updates

↑ Back to top

AI Avatar（日本語）

AI Avatarは、推し(自分のVRoid(VRM))が、あなたを全力で応援する無料アプリです。🤗 VS Codeサイドバー（Claude Code / Codex / GitHub Copilotに反応）またはブラウザサイドパネル（ChatGPT / Claudeに反応）に表示されるVRM 3Dキャラクターです。AIなしでもアニメーションや会話を楽しめます。

セクションへ移動： ✨ 機能一覧 · 📖 詳細 · 🗺️ ロードマップ

Click for the YouTube demo ↓

🎉 VS Code版300インストール達成！ありがとうございます！
🛒 VS Code Marketplaceからダウンロード

🛒 Chrome ウェブストアからダウンロード

📖 開発ストーリーはDEV.toで読めます：

• v1 → AI Avatar (VS Code拡張機能)
• v2 → AI Avatar v2 ポーズエディタ付き
• v3,v4 → AI Avatar v4 アニメーションエディタ付き
• v5,v6 → 🦸スーパーヒーローに応援してもらおう (AI Avatar v6)
• v7 → 🫡全力でサポートします！ (AI Avatar v7)
• v8,v9,v10 → 🎥AIチャット、AI応援メッセージ、アニメーションエディタ ハイパー (AI Avatar v10: VS Code・Chrome拡張機能)
• v11,v12,v13,v14,v15 → ✨おしゃれなエフェクト、TTS、楽しいアニメーション (AI Avatar v15: VS Code and Chrome Extension)
• v16,v17 → 😸Catbot統合, AI Office, Cat Mode (AI Avatar v17: VS Code and Chrome Extension)
• v18,v19,v20 → AI Avatar v20, Cursor Avatar, Notification Avatar (Voxel Avatar)🧊
• v21,v22,v23,v24,v25 → coming soon!

機能一覧

• 🎭 リアクション — 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)
• 🏢 AI Officeモード — ボスとサブアバターがパネルを巡回し、吹き出しとTTSで会話する (v17)
• 🐾 Launch Catbot — サイドバーのボタンからAI 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)
• ❤️ Jev Reactions （VS Code限定） — 感情に合わせて3Dのハート・割れたハート・星・炎・涙でアバターが反応 (v23)
• 📊 Dev Log （VS Code限定） — ClaudeとCodexへのリクエストをカテゴリ別に記録し、日別・週別・全期間の履歴を表示 (v23)
• ☁️ Voxel Avatar アップデート — ハムスター・キノコ・漂う雲・空のグラデーションを追加 (v23)
• 🧠 Muscle Brain — 脳を刺激する究極のワーキングメモリトレーニングゲーム (v24)
• 🧠 Muscle Brain 3D — 数字とブロックで空間記憶をトレーニング (v25)
• 🎱 Avatar Run — 透明な3D球体を傾けて回し、中の曲がりくねったコースでビー玉を転がすゲーム (v25)

はじめ方

セットアップ不要 — サンプルキャラクターが最初から入っています。

VS Code

1. VS Code Marketplaceからインストール
2. アクティビティバーの AI Avatarアイコン をクリックしてサイドバーを開く
3. Claude Code、Codex、またはGitHub Copilotを使う — アバターが自動で反応

Chrome

1. Chrome ウェブストアからインストール
2. ツールバーにピン留め
3. AI Avatarアイコン をクリックしてサイドパネルを開く
4. 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 が自分のことを好きだと思っているが、実際には利用されているだけ。 変なポーズが得意。

v2	v3	v4	v5	v6	v7	v8 cat

Candy Pink ↑

👉 GitHubからCandy Pinkをダウンロード

アニメーション (v2)

5つのアニメーションボタンがあります。クリックで有効化 — 有効なボタンはハイライト表示されます。選択した状態は再起動後も保持されます。

VRoid Projectの .vrma クリップを使う：

VRMAアニメーションファイルはライセンスの都合上、拡張機能に含まれていません。公式VRoidプロジェクトから無料でダウンロードしてください：

👉 VRM Animation 7本パック by VRoid Project（無料）

パックには7つのアニメーションが含まれます：全身表示、挨拶、ピースサイン、シュート、スピン、モデルポーズ、スクワット。

1. パックをダウンロードして解凍
2. Animation ボタンを Animation: Custom になるまでクリック
3. .vrma ファイルが入ったフォルダを選択
4. 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拡張機能からのアクセスをブロックします。一度だけ設定が必要：

  1. Win+R → sysdm.cpl → 詳細設定 → 環境変数 → 新規
  2. 変数名：OLLAMA_ORIGINS / 値：chrome-extension://YOUR_EXTENSION_ID — YOUR_EXTENSION_IDをchrome://extensionsで確認したAI AvatarのIDに置き換えます（デベロッパーモードをオンにすると表示）。すべてのWebサイトを許可する*は使わないでください。
  3. タスクトレイのOllamaを終了 → 再起動（PCの再起動は不要）

設定（⚙ボタン）

• Gemini / Ollamaトグルでプロバイダーを切り替え
• Gemini APIキーを入力（VS CodeではSecretStorage、Chromeでは拡張機能専用のIndexedDBに保存）。保存済みキーは自動入力せず、目のボタンで一時的に表示します。Remove keyの後にSaveを押すと保存済みキーを削除します。
• モデル名を設定（デフォルト：gemini-3.1-flash-lite / qwen2.5:3b）
• システムプロンプトを編集 — デフォルト：絵文字付き1文で励ます明るいコーディングコンパニオン

音声読み上げ（TTS） (v11)

3つのモードから1つを選択：

2つのボイス設定：

Speech:AIにはAIチャットと同じGemini APIキーが必要です。キーが未設定の場合は無音になります。

Speech:Local (v13) (v16)

オフラインTTS — APIキーもインターネット接続も不要。Speechラジオグループで Speech:Local を選択します。

言語に応じて2つのエンジンが動作します：

Kokoro は初回使用時にモデルをダウンロード・キャッシュし、ウォームアップを行うことで初回レスポンスを高速化します。2回目以降は追加ダウンロード不要です。

Kokoro Server (v16)：

デフォルトのブラウザ内Kokoroはニューラルネットワークの推論をWebAssembly上で実行するため、ネイティブ実行と比べて大幅に遅く、メッセージごとに数秒かかります。Kokoro Server は同じモデルをローカルのPythonプロセスとしてネイティブのONNX Runtimeで実行するため、1メッセージあたり1秒未満で音声を生成できます。

必要なパッケージ（一度だけインストール）：

pip install kokoro-onnx soundfile fastapi uvicorn

VS Code の使い方：

1. ツールバーの Kokoro Server: On を選択 — 拡張機能がサーバーを自動起動；初回のみサーバーがモデルファイル（約300 MB）を ~/.cache/kokoro-onnx/ に別途ダウンロード
2. ステータスが準備完了になったら通常通り話しかける — サーバー起動中はSpeechラジオグループは無効になります

Chrome の使い方：

1. kokoro_server.py をダウンロードして起動：

   python kokoro_server.py
   

2. Model loaded. Server ready と表示されるまで待つ
3. パネルの Kokoro Server: On を選択 — サーバー起動中はSpeechラジオグループは無効になります

VOICEVOXのセットアップ（JP使用時に必須）：

1. voicevox.hiroshiba.jp からVOICEVOXを無料ダウンロード（Windows / Mac / Linux対応）
2. インストールして起動 — ポート50021でローカルサーバーとして動作します
3. Lang: JPでSpeech:Localを使用する間はVOICEVOXを起動したままにしてください

JP+Local切り替え時にVOICEVOXが起動していない場合、パネルにステータスメッセージが表示されます。VOICEVOXを起動すれば次のメッセージから自動接続します。

音声の性別（Female / Male）は両エンジンに適用されます。

コンテキスト吹き出し (v11) (v16)

吹き出しはメッセージを表示する前に優先度チェーンを確認します。高優先度の条件が先に発動し、各条件はセッション中1回のみ（時間帯は時間帯ごとに1回 (v16) 、再起動後も持続）：

ENとJPはメッセージプールと特別な日リストが別々（西洋の祝日 vs 日本の祝日）。

AIスタイル (v11)

3つのキャラクターモードから1つを選択：

スタイルを切り替えると以下の両方が自動更新されます：

• 吹き出しのAIプロンプト（短いリアクションセリフ）
• チャットのシステムプロンプト（チャット返答のトーン）

VS CodeとChrome両対応。

ミリオネアモード (v12)

Click for the YouTube demo ↓

ツールバーの Millionaire ラジオボタンでモードを選択：

Millionaire: Sound ボタンでバーストごとのチャイムサウンドをオン／オフできます。MillionaireがOffのときはサウンドボタンは無効になります。

ミリオネアモードがオンのとき、トップバーに 🪙 コインカウンター が表示され、このセッションで噴き出したコインの合計数を確認できます。モードをオフにするとリセットされます。 (v14)

ローラーコースターモード (v14)

Click for the YouTube demo ↓

ツールバーの Roller Coaster ラジオボタンでテーマを選択：

アバターはスケートボード型カートに立ってループトラックを走ります。チェイスカメラが後ろから追跡するのでアバターを常に確認できます。

背景エフェクト (v15)

エフェクト制作：@RutenVeil

Click for the YouTube demo ↓

ロードエフェクトはアバターが最初に読み込まれるときに自動再生されます。ホログラムのスキャンラインが上から下に走り、SF宇宙背景の中からアバターが削り出されるように登場します。

リアクション背景はリアクションのたびにランダムで表示されます。5種類のテーマがあります：

ツールバーの Effect ボタンで全背景エフェクトのオン/オフを切り替えられます。ローラーコースターモード中はエフェクトが自動的に非表示になります。

ネコモード (v16)

Click for the YouTube demo ↓

ツールバーの Cat Mode ボタンでネコモードのオン/オフを切り替えられます。

ネコモードがオンのとき、すべての吹き出しメッセージがネコ風になります。英語メッセージは Meow! または Purrr! で始まり、日本語メッセージは にゃ で終わります。吹き出しにはネコ文体がそのまま表示されます。

Cat Sound — Cat Modeの横にもう一つボタンが表示されます。Cat Soundがオンのとき、TTSメッセージの前にランダムなにゃー声が再生されます。音が先に鳴り、その後TTSがメッセージを読み上げます（TTSでは Meow!/Purrr! の部分は読まれず、意味のある内容だけが読み上げられます）。

AI Officeモード (v17)

Click for the YouTube demo ↓

2体の3Dアバター — ボス と サブ — がパネルに登場して巡回します。立ち止まって向き合い、吹き出しとTTSで会話します。AIのリアクションのたびに、ボスがサブを呼び出して状況を報告します。

• ボスとサブは歩行アニメーション・アイドル発言付きのフルVRMアバター
• 各アバターの上に吹き出しが表示され、TTSで読み上げられる
• AI Office起動中はミリオネアモードとローラーコースターモードが自動的に無効化される

AI Office — AI Officeモードのオン/オフを切り替える

Change Boss — ボスのVRMアバターを変更する

Cat Boss — CatbotをボスのVRMアバターとして使用する

Catbot (v17)

Catbotはどのデバイスからでも話しかけられる銀河系ロボット猫 — そしてすべてのAIモデルを切り替えたり組み合わせたりできるハーネスです。DEVコミュニティの友人Annaが制作しました。機能の詳細とセットアップ方法はCatbot READMEをご覧ください。

No Catbot / Catbot Only / With Catbot — Catbotアバターの表示方法を選択するラジオグループ：非表示、単独表示、またはメインアバターと並べて表示

Launch Catbot — catbotフォルダでサーバーを起動し、http://localhost:8800 をブラウザで開く （Chrome：クリック前にサーバーを手動で起動してください）

Set Catbot （VS Code限定） — catbotフォルダのパスを設定するフォルダピッカーを開く （Chrome：ボタンは無効化）

Catbot avatar — Catbotコラボレーターがパネルにライブ3DのVRMアバターとして登場 (v17)

Kaleidoscopeエフェクト (v18)

Click for the YouTube demo ↓

ツールバーの Kaleidoscope ボタンをクリックすると、背景がアバターの後ろにアニメーション表示されるライブ調整可能な万華鏡シェーダーに切り替わります。

どの操作も、エフェクトがオンの間はシェーダーに即座に反映されます。

Piper TTS (v18)

Piperによるオフライン英語TTS — Python不要のネイティブニューラルTTSエンジンで、WebAssembly版のKokoroより高速です。Speechラジオグループで Speech: EN Piper を選択して使用します。（VS Code限定 — PiperはExtension Hostが起動するネイティブプロセスとして動作するため、Chromeのサンドボックスでは利用できません。Chromeではグレーアウト表示されます）

初回オンにするとPiperのバイナリとデフォルトのボイスモデル（数百MB程度）が自動的にダウンロードされます — 手動セットアップは不要です。自分のバイナリ・ボイスを使いたい場合は、設定の vroidCompanion.piperFolder に piper/piper.exe と .onnx ボイスモデルが入ったフォルダのパスを指定してください。設定をクリアすると自動ダウンロードに戻ります。

Piperは現在の Gender 設定に応じて自動的にボイスを選択し、AI Officeモードでボスアバターとして話す際は専用のボスボイスを使用します：

Voxel Avatar (v19) (v20) (v21) (v22) (v23)

Click for the YouTube demo v22↓

v21↓

v20↓

v19 ↓

Voxel Avatar ツールバーボタンをクリックすると、パネルが小さなMinecraft風ミニゲームに切り替わります — アバターがブロックの世界を歩き回り、地形を整地し、花を植えます。

モードとファイル

移動と設置

生きもの

数はいずれもワールドと一緒に保存されます。

コースター

庭で起きること

ボタンを押さなくても自然に起きることです。

雲と空 — 庭の上を漂う雲と、空のグラデーションを追加。(v23)

天気 — ときどき雨が降ります（およそ3〜6分ごとに30〜60秒間）：空が暗くなり、ちょうちょとトリは雨がやむまで隠れ、雨上がりに虹が出ます (v20) (v22)

吹き出し — Autoモードの吹き出しと読み上げが手動操作でも表示されます：ブロックの設置・破壊、花の植え付け、生きものの追加、天気の変化 (v20)

花のかたまり — 一度植えると1〜3本の花がまとめて生えます（ヒマワリは1〜2本）；間隔・大きさ・高さ・花の向きはそれぞれランダム；🌸カウンターは花の本数を数え、Saveでその配置も保存されます (v22)

揺れ — 花とCoin Treeが根元を固定したまま風に揺れます（小さい花ほど大きく動きます）；枝にぶら下がったコインも枝の揺れに合わせて動きます (v22)

設置プレビュー — 庭にマウスを乗せると、ブロック・花・Coin Treeがどこに置かれるかを表示：緑なら設置可能、赤なら不可；レールの Extend ボタンに乗せると次の一手をプレビューします (v22)

金色の光 — ブロックの設置・破壊・植え付けが成功すると、そのブロックが0.5秒だけ金色に光ります；Autoの操作でも光るので、今何をしたのかが一目で分かります (v22)

賢くなったAuto — 5〜10ブロック先を目標に歩き、障害物を避けて回り込み、どこへ向かうかを宣言し、たどり着けない目標は一時的にスキップします；整地と植え付けの両方ができるときは整地70%・植え付け30%で選びます (v22)

Jev Reactions (v23)

Click for the YouTube demo↓

JevがClaude/Codexへの新しいリクエストの感情を判定し、アバターが反応します。VS Code限定。

• Jev API Key — Settingsでキーを保存。目のボタンで最大15秒間表示し、Remove keyで保存済みキーを削除します。(v23)
• Jev: On/Off — 感情による反応を切り替えます。再起動後はOffです。(v23)

ポジティブならハート・星・炎、ネガティブなら割れたハート・涙からランダムに表示。中立の場合は感情による反応をせず、AIの返答は判定しません。(v23)

Dev Log (v23)

Claude/Codexへのリクエストを数え、Jevでカテゴリ分けします。完了した作業数ではありません。メッセージ本文は保存せず、件数とカテゴリをローカルに保存します。VS Code限定。

Muscle Brain (v24) (v25)

Muscle Brainは、脳を刺激する究極のワーキングメモリトレーニングゲームです。N-back型の記憶トレーニングから着想を得て、数字やアルファベットの並びを覚え、操作し、思い出すことに挑戦します。

ハードなトレーニングも怖がる必要はありません。みんなのヒーロー、Mr. Brainがゲームを通してあなたを応援し、ピンチを救ってくれます！

ワーキングメモリは、情報を頭にとどめながら次のようなことに取り組むときに役立ちます。

• 複雑な課題に取り組む
• 複数の手順を把握し、集中する
• 問題や解決方法を考える

Settings → Muscle Brainから、VS Codeでは専用のエディタータブ、Chromeでは別のブラウザータブで遊べます。

2D (v24)

最初の数字や文字の並びを2秒間で覚え、シフトして新しい文字を追加します。必要な桁数を入力すると自動で回答が送信されます。例：4259 → +5 → 2595。

記録と演出 — ベストスコア、メダル、継続日数に加え、紙吹雪やアニメーションでプレイを盛り上げます。(v24)

3D (v25)

Click for the YouTube demo ↓

タイトル下の3Dを選ぶと、同じMuscle Brainタブで数字やブロックを使ったトレーニングができます。言語とサウンドは2Dと共有し、その他の設定・スコア履歴・継続日数は別に保存します。(v25)

• 数字 — 2×2×2の立体にある8個の数字を覚えます。新しい4個の数字が5秒間表示されます。左右に1マス動かし、端から出る4個を消して反対側に新しい数字を入れます。数字は端で折り返しません。移動後の8個を2つの層に入力します。(v25)
• ブロック — 3×3×3の空間にある1〜3個のブロックを覚えます。頭の中で1マス移動させるか、指定された軸を中心に90°回転させます。シフトで端を越えると反対側に戻ります。正面から見たY1：手前、Y2：中央、Y3：奥の3層で回答します。(v25)
• 3D表示 — ドラッグで視点を変更できます。軸はBlenderと同じで、+Xは右、+Yは奥、+Zは上です。(v25)
• 結果と記録 — 正解で1点獲得し、1秒後に次へ進みます。新記録ではMr. Brainが回転し、金色の紙吹雪か脳の絵文字がランダムに出ます。通常の正解ではカラフルな紙吹雪が出ます。不正解は「戻る」を押すまで表示し、ブロックでは正しい位置を緑、誤った選択を赤で示し、数字では正しい数字を示します。ベストスコア、メダル、継続日数の節目で進歩を確認できます。(v25)

Avatar Run (v25)

Click for the YouTube demo ↓

Avatar Runは球体を傾けて遊ぶ3Dコースゲームです。ミニアバターで開始し、AvatarをOffにするとビー玉に切り替えられます。透明な球体の中に長く曲がりくねったコースがあり、球体ごと傾けて回して、落ちないようにアバターやビー玉をStartからGoalへ導きます。コースは毎回新しく生成され、球体は透けているので、次にコースがどこへ続くかいつでも見えます。

Settings → Avatar Runから、VS Codeでは専用のエディタータブ、Chromeでは別のブラウザータブで遊べます。

コースで起きること

ゲーム内の機能：

• トラップ — 横向きコンベアや左右に揺れる足場など、10種類から5種類をランダムに選びます。最初の区間は安全で、チェックポイント1以降の各区間（最後の紫の区間を含む）に1つずつ配置します。中央の穴に落ちても最後のチェックポイントへ戻ります。Restartでは配置を保ち、New Trackで選び直します。開発用のMARBLE_DEVが有効なら、Test A / Test Bを押して全10種類を順番に試せます。
• チェックポイント — コースに5か所。落ちても最後に到達したチェックポイントへ、水平で安全な状態で戻ります (v25)
• 進行の案内 — 開始・落下・再開・ゴールのメッセージを球体の上に表示。開始時と再開時にはビー玉の周囲が光り、通過したチェックポイントの線はコースと同じ色になります。
• ゴール演出 — 残った虹色の球が赤から紫の順に素早く弾け、大きな立体の粒が3秒かけて広がりながら消えます。
• Normal / Rainbow — Normalは白背景と黄色のコース。Rainbowは黒背景と赤から紫へ滑らかに変わるコースで、ランダムに浮かぶ大小の色付きの球に触れると弾けます。RestartまたはNew Trackで球が復活し、ビー玉の動きには影響しません。
• ビー玉の見やすさ — ビー玉を隠すコースが透けて見えます。中央の穴は左右どちらからも通過でき、穴に落ちるとチェックポイントへ戻ります (v25)
• XYZガイド — Blender風の軸ガイドで上方向を表示。重力は−Z方向にかかります (v25)

Codex Support (v22)

Claude Codeだけでなく、Codex の作業にもアバターが反応します。専用のボタンはありません — ウォッチャーを Claude Code のままにしておけば、Codexの動きも一緒に拾います。

検出する対象 — Codex CLIとCodex VS Code拡張機能の両方を、ローカルの全プロジェクトにわたって検出します。別のウィンドウで作業していてもアバターが反応します (v22)

反応の内容 — Codexが作業している間、10秒ごとに反応します：パネルのアニメーション・読み上げ・吹き出し、そしてVoxel Avatarがオンならガーデニングを1ステップ実行 (v22)

停止する条件 — Codexが完了・キャンセル・入力待ち状態になるか、しばらく無音が続くと反応は停止します；過去のセッション履歴とサブエージェントの動きは無視されます (v22)

設定 — 既存の反応設定はそのまま適用され、Voxel Avatarの Auto: Off なら自動ガーデニングも行われません (v22)

ウォッチャー (VS Code限定) (v2)

Switch Watcher ボタンで Claude Code と GitHub Copilot の監視を切り替えます。

設定の vroidCompanion.activeWatcher でデフォルトのウォッチャーを設定することもできます。

Codex の作業はClaude Codeと並行して監視されます — 切り替えは不要です。Codex Support をご覧ください。(v22)

吹き出しメッセージ

Messages ボタンをクリックして、アバターが反応したときに吹き出しに表示するメッセージを編集できます。

• メッセージは |（パイプ）で区切って入力します。例：頑張って！ | いいね！ | 完璧！
• メッセージはVS Code設定に保存され、再起動後も保持されます
• vroidCompanion.speechMessages から直接編集することもできます

ジャイアントモード （Chrome限定）

Giant Mode ボタンをクリックすると、アバターをドラッグ・リサイズ可能なオーバーレイとしてどのウェブページにも表示できます。ページ上のAI活動を検出してアバターが反応します。

Claude Code VS Code拡張機能と一緒に使う （VS Code限定）

両方のパネルを同時に並べて表示できます：

1. アクティビティバーのいずれかの拡張機能アイコンを右クリック
2. Move to Secondary Side Bar を選択

一方のパネルが左サイドバー、もう一方が右サイドバーに表示されます。

動作要件 （VS Code限定）

• VS Code 1.85以上
• Claude Code CLIまたはVS Code拡張機能（自動反応に必要）
• Codex CLIまたはVS Code拡張機能（任意）— Codexの作業にも反応します (v22)

Cursor Avatar (v18)

Click for the YouTube demo ↓

Cursor Avatarは、画面上のどこをクリックしてもカーソル付近にVRMアバターが登場して反応する、スピンオフのデスクトップアプリです。この拡張機能とは別のダウンロードが必要です — セットアップ方法や詳細は専用リポジトリをご覧ください。

Notification Avatar (v19)

Click for the YouTube demo ↓

Notification Avatarは、Claude CodeまたはCodexがあなたの入力を必要としたとき、またはタスクを完了したときに、画面の隅にVRMアバターが現れて反応する、スピンオフのデスクトップ companion アプリです。VS Codeを開いていなくても、Claude Code/Codex CLIのフックに直接反応するので動作します。この拡張機能とは別のダウンロードが必要です — セットアップ方法や詳細は専用リポジトリをご覧ください。

スペシャルサンクス

• @AnnaVi11arrea1 - Catbotのクリエーターでv17のコラボレーター
• @RutenVeil — v15の背景エフェクトを制作し、継続的にサポート。
• @Gramli — v2のアップデートに貢献し、継続的にサポート。
• @aryanc193 — AI Avatarの原点となるアバターコラボレーションプロジェクトを制作し、継続的にサポート。
• Maximum Blue — v6でアバターを制作し、継続的にサポート。

プライバシー

VS Code版プライバシーポリシー

ロードマップ

v1 ✅

• VS CodeサイドバーにVRMキャラクター表示
• Claude Codeへのライブ反応
• 視線追跡、リップシンク、オービットコントロール
• アバター変更、吹き出しメッセージ

v2 ✅

• 3段階アニメーションボタン（オフ / デフォルト / カスタム）
• カスタムポーズエディタ（JSON保存・読み込み）
• Jokesボタン
• GitHub Copilotウォッチャー対応
• ウォッチャー切り替え（Claude ↔ Copilot）

v3 ✅

• 🌐 Chrome拡張機能版
• 各種修正・調整

v4 ✅

• ポーズエディタをフルアニメーションエディタにアップグレード
• In / Hold / Outタイミング付き複数キーフレームタイムライン
• 各種修正・調整

v5 ✅

• ターミナルのEnterキーでアニメーションが発動（VS Code）
• リロードが最後に保存したポーズを正しく復元するよう修正
• アニメーションエディタに全30指ボーンを追加
• エディタの値を度数で表示・保存（既存ファイルとの後方互換性あり）
• BGトグルボタン追加 — グレー背景に切り替えて暗色アバターを見やすく
• UIの各種改善：ボタンスタイル、フォーカス枠、エディタの配色

v6 ✅

• 新サンプルキャラクター：女の子3体・男の子2体（GitHubリリースから無料ダウンロード）
• 新ポーズパック：かわいい・クール・おもしろ（GitHubリリースから無料ダウンロード）

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 ✅

• 🏢 AI Officeモード — ボスとサブアバターがパネルを巡回し、吹き出しとTTSで会話する
• 🐾 Launch Catbot — サイドバーのボタンからAI catbotアプリを直接起動 (Chrome：クリック前にcatbotサーバーを手動で起動してください)
• 🐾 Catbot avatar — Catbotコラボレーターがパネルにライブ3DのVRMアバターとして登場
• 📖 README — ナビゲーションリンク・トップへ戻るリンク・JP ジャンプリンクを追加

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 ✅

• ❤️ Jev Reactions （VS Code限定） — 感情に合わせて3Dのハート・割れたハート・星・炎・涙でアバターが反応
• 📊 Dev Log （VS Code限定） — ClaudeとCodexへのリクエストをカテゴリ別に記録し、日別・週別・全期間の履歴を表示
• ☁️ Voxel Avatar アップデート — ハムスター・キノコ・漂う雲・空のグラデーションを追加

v24 ✅

• 🧠 Muscle Brain — 脳を刺激する究極のワーキングメモリトレーニングゲーム

v25 ✅

• 🧠 Muscle Brain 3D — 数字とブロックで空間記憶をトレーニング
• 🎱 Avatar Run — 透明な3D球体を傾けて回し、中の曲がりくねったコースでビー玉を転がすゲーム

v26 — 近日公開！

• 🎉 さらに楽しいアップデート

↑ ページトップへ戻る