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

> Source: <https://dev.to/webdeveloperhyper/catbot-integration-ai-office-cat-mode-ai-avatar-v17-vs-code-and-chrome-extension-2f26>
> Published: 2026-08-16 23:49:02+00:00

**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](https://dev.to/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](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](https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar) ↓↓

Install from Chrome Web Store: ↓↓

[https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi](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!
