cd /news/developer-tools/catbot-integration-ai-office-cat-mod… · home topics developer-tools article
[ARTICLE · art-99169] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=↑ positive

😸Catbot Integration, AI Office, Cat Mode (AI Avatar v17: VS Code and Chrome Extension)

AI Avatar, a free app that lets VRoid avatars cheer users in VS Code and browser side panels, has been updated to version 17 with Catbot integration, Cat Mode, and AI Office. The developer added whiskers to the avatar using Blender, introduced a multi-avatar office mode with boss and worker roles, and expanded contextual speech bubble patterns. The update also improves English TTS performance by running Kokoro TTS on a server and reduces compile time.

read4 min views1 publishedAug 16, 2026

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.

This time I have three main topics.

Let's see how they are!

I was asked to collaborate with my DEV Community friend @annavi11arrea1 Catbot. 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.

https://github.com/AnnaVi11arrea1/catbot I was happy about this offer because I loved Anna's creativity and cool designs. I added the features below to AI Avatar to integrate Catbot.

Many people feel that animals are healing and soothing. It is close to the AI Avatar concept of cheering people up. So I decided to add Cat Mode. I added the features below to make it look like a cat.

To tell the truth, the hardest part of making this mode was adding whiskers to the avatar using Blender

. I can do basic things in Blender, but it is too difficult for me, even with the help of AI, just to add whiskers. It would be more fun if I added other animal modes too.

AI Avatar displayed only one avatar. I thought it could do more things if it displayed several avatars at once. So I added AI Office mode. Two avatars are displayed and talk and move around when idle, and they also make a communication animation when using AI or clicking. I made one avatar a boss and one a worker. The hard part of making this mode was the timing of communication between the avatars. I tried to make the speech bubbles not overlap one another and made the flow sequential to show them one by one. Now there are two avatars, a boss role and a worker role, but I might add more avatars to display at once and add more roles. You can also change the boss to Catbot and make a Cat Office too.

In my previous post, I had a comment that contextual messages are one of the best features of AI Avatar. So I also added more patterns of messages this time. Speech bubbles are one of the core features of AI Avatar, so there is never too much to update for this part. I would like to add even more patterns in the future.

Priority Condition Example
1 Special day (holiday) "Happy Halloween! 🎃"
2 Monthly greeting "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 "Good morning! ☀️"
8 AI / fixed pool Normal reaction message

I am using Kokoro TTS for English speech. However, it has a delay compared to Kokoro TTS for Japanese using VoiceVox. VoiceVox was running on a server, but Kokoro wasn't, so I tried to run a server for Kokoro too. And the delay got better than before. My PC is low-spec with 8 GB of memory and no GPU. So it should work even better on your PC or any other user's PC.

README kept getting longer as I updated AI Avatar. It has become hard to scroll to the sections users want to go to. So I added links inside for a better user experience.

Maybe I should make a website for AI Avatar to make it even better, like a mini navigation menu on the left to make it easier to go to sections. Also, making mini fun tricks on a website would be fun to create.

As AI Avatar grew, it was taking more time to compile. So I made a command to reduce the compile time. This update is not for users, but the development process got better.

You can download the AI Avatar VS Code extension in two ways.

Option 1: Install from VS Code: Extensions

button in the left sidebar > Search AI Avatar > Install

↓↓

Option 2: Install from the VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar ↓↓

Install from Chrome Web Store: ↓↓

https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi

I'm already working on the version 18 update. More fun updates, so please stay tuned!

Ah! It's time to feed Catbot some yummy treats, so I have to go now. I would love to add more fun features and also use the latest AI in my next updates. I hope you enjoy the new updates to AI Avatar. Thank you for reading, and have a fun AI Avatar life!

Any other comments are also welcome!

── more in #developer-tools 4 stories · sorted by recency
── more on @ai avatar 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/catbot-integration-a…] indexed:0 read:4min 2026-08-16 ·