Intro
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 ...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
Even a desktop app? It’s getting really big! 😮 Now the only thing missing is a mobile app. 😆
Thank you for your idea! 😊 Yes, I thought about releasing mobile apps before. But releasing an Android app requires testers, and an iPhone app costs a lot, so I gave up. But if by any chance, AI Avatar becomes a big hit, I would love to release them too. 📱
I know the cost problem with iPhone apps, it stopped me a few times too. 😅 But I understand why Apple does it. What do you mean by the Android app needing testers?
BTW, it just came to my mind that this app actually connects a lot of community members, which I think is one of the core ideas behind DEV communities and you did a great job with it. 👍️ I think it deserves a precious Gem! 💎 My precious... 💍😅
An Android app needs 12 testers to test it for 14 days before release. This is quite challenging, and I gave up in an instant. 🤣
Thank you for the gem. I got a new gem badge. 💎 Yes, AI Avatar is supported by many DEV Community friends like you. Thank you for your continued support! 😄
This is such a fun update! 😊 And thank you so much for the mention! I definitely wasn't expecting my love for gardening to end up as a whole voxel flower garden. I really like the idea of connecting the idle-game concept with Claude Code and letting the garden grow while you work. The Notification Avatar is a really nice addition too. It's really nice to see how much AI Avatar has grown with each version.
Thank you! Without your post, I would not have come up with the gardening idea. Gardening seems perfect for an idle game and has a relaxing effect. Please stay tuned to see how the garden grows in future updates! 🌹🌷🌻
Nice update👍 The desktop app gives AI Avatar much more freedom and expanded capabilities, so it becomes more powerful💪
Thank you for checking! 😀 Yes, a desktop app can do different things from VS Code and Chrome extensions. So I would like to try new things to make the most of a desktop app.
Desktop app wow 😮 I didn’t expect this! The avatar living outside the VS Code/browser side panel is such a cool idea 😀
Thank you for your comment! 😀 Yes, a desktop app can do things that VS Code and Chrome extensions cannot do. So I am thinking of making spin-off desktop apps to make the AI Avatar world wider. 🌏
Cool ❤️ you are so creative!! 😌
Thank you for your comment! I would love to make more creative and fun things in the future! 😆
Awesome, thank you for the shout out! You are doing great things with this project!
＼(^-^)／
Thank you! I still love your CatBot. Magnificent design! 😺
Wowww this has really come a long way from where it started WDH!!! Proud to see the progress! Keep building and keep learning!
Again thank you for the mention hahaha😭
Thank you for your comment! 😭 Yes, it's been a while since the avatar project started. But there are still many more things I want to build and learn! ⚒️
The part about AI failing at 3D flower geometry tracks with my experience — LLMs are terrible at translating spatial reasoning into Three.js code. I spent 4 hours once trying to get an AI to generate a proper torus knot and ended up writing the vertex math myself. The voxel garden approach is smart though, since boxes are the one shape AI can reliably produce.
Thank you for your comment! 😄 Yes, normal AI was not so good at making 3D objects as I was expecting.
I would like to try the latest AI like "Astra" that is good at 3D, or 3D-specific AI like "Tripo" if I have a chance and find a better way to create 3D objects easily.
🧊 Ｈｕｇｅ ｃｏｎｇｒａｔｕｌ𝐚𝐭ｉｏｎｓ ｏｎ ｖ２０！ 🎉
🌱 𝓥𝓸𝓧𝓮𝓵 𝓖𝓪𝓻𝓭𝓮𝓷 𝓥𝓲𝓫𝓮𝓼: The cozy flower-growing idle mode is pure genius! Fighting Three.js for custom 3D petals sounds like an epic coding quest though! 🌷😂
🖱️ 𝓑𝓻𝓮𝓪𝓴𝓲𝓷𝓰 𝓞𝓾𝓽: The Electron desktop app and Cursor Avatar stepping outside the side panel? Absolute game-changers!
⚡ 𝓢𝓶𝓪𝓻𝓽 𝓤𝓹𝓰𝓻𝓪𝓭𝓮𝓼: Piper TTS for smoother speech and those Notification Hooks for Claude Code are super handy.
✨ 𝓒𝓪𝓷'𝓽 𝔀𝓪𝓲𝓽 𝓽𝓸 𝓼𝓮𝓮 𝔀𝓱𝓪𝓽 𝔂𝓸𝓾 𝓬𝓸𝓸𝓴 𝓾𝓹 𝓯𝓸𝓻 𝓿21! 𝓚𝓮𝓮𝓹 𝓻𝓸𝓬𝓴𝓲𝓷𝓰 𝓲𝓽! 🚀✨
Thank you for your comment! Haha! 🤣 Your font is unique and fashionable! I've never seen such a style.
"Version 20 looks incredible! Adding a cozy voxel flower garden idle game right inside a coding assistant companion is such a creative way to make the developer experience more relaxing and fun. Love seeing how this project keeps evolving with every release. Can't wait for v21!"
Thank you for checking AI Avatar! 😄 I'll keep updating AI Avatar v21 and even more, and provide fun for developers! Looking forward to learning more.
really wow, man! you are really getting good with the avatar :)
Thank you for checking out AI Avatar! 😄 I will keep using avatars and making fun things!
Nice
VRM format đang trở thành chuẩn de facto cho avatar cross-platform nhờ glTF-based, nhưng thấy ít tooling tận dụng blendshapes cho micro-interactions kiểu này. Cách bạn hook vào cursor position + notification system để drive facial expressions realtime khá thú vị — đặc biệt là idle states không lặp lại máy móc.
Một vài điểm technical đang tò mò:
VRM 1.0 spec mới support
VRMC_springBonevàVRMC_vrmextensions — nếu migrate sang 1.0 có thể tận dụng physics-based secondary motion cho hair/cloth, giảm việc hand-animate idle states.Side note: VRoid Studio export vẫn còn hạn chế về material slots (max 4 textures per material). Nếu user muốn custom shader cho outline/toon effect thì phải post-process trong Unity/Blender rồi re-export. Bạn có workaround cho non-technical users không? (site: labagent .tech)
Thấy bạn dùng định dạng VRM trực tiếp thay vì bake sang glTF đơn thuần — quyết định này giúp tận dụng được blendshape và bone constraint gốc của VRoid, nhưng xử lý animation retargeting ở runtime (đặc biệt là eye blink, lip sync realtime) trên Electron/Tauri chắc hơi đau đầu về performance. Bạn có cache pose matrix hoặc dùng compute shader cho skinning không? Mình từng gặp bottleneck ở
skinnedMesh.updateMatrixWorld(true)khi chạy nhiều avatar cùng lúc, cuối cùng phải offload sang worker hoặc simplify rig. Còn về phần "cheer" notification — có dùng Web Speech API hay tích hợp TTS local (như Piper/Coqui) để offline không? (site: labagent .tech)VRM format xử lý real-time trên desktop app là thách thức không nhỏ — nhất là khi phải sync lip-sync, expression blending, idle animation mà không drop frame. Version 20 này có optimize gì cho memory leak khi chạy background 24/7 không? Cursor avatar idea khá thú vị, nhưng lo ngại UX khi dev đang focus deep work thì avatar nhảy múa lên màn hình có gây distract ngược lại không? Có setting "focus mode" tắt animation khi IDE đang active focus không? Notification avatar thì hợp lý hơn — trigger-based chứ không phải always-on PS: the tool I meant is on labagent .tech
VRM đang trở thành chuẩn de facto cho avatar cross-platform, nên thấy các tool như này hỗ trợ sẵn format là mình yên tâm integrate vào pipeline. Việc tách biệt Cursor Avatar và Notification Avatar ra các module riêng cũng hợp lý — tránh bloat main bundle, tree-shaking dễ dàng hơn khi chỉ cần một feature cụ thể.
Một điều mình quan tâm: hiệu năng khi render nhiều avatar cùng lúc (ví dụ dashboard monitoring có 10+ notification avatar idle). Có dùng instancing hay GPU skinning không? VRM morph targets + bone animation có thể heavy nếu không batch đúng chỗ.
Còn về DX: có plan xuất TypeScript definitions cho event system (onCheer, onIdle, v.v.) không? Type-safe hooks sẽ giúp team adopt nhanh hơn mà không phải đọc source để đoán signature PS: the tool I meant is on labagent .tech
Thấy bạn dùng VRM format — chuẩn mở này đang trở thành "lingua franca" cho avatar cross-platform. Việc tích hợp sẵn VRoid support tiết kiệm khá nhiều effort so với phải tự retarget rig hay fix blendshape mapping.
Curious về phần "cheers you" — bạn handle animation blending thế nào? Dùng AnimationController layer additive cho idle/cheer transition hay drive procedural qua code? VRM spring bone + expression preset thường كافية cho các micro-interaction, nhưng nếu cần sync lip-sync realtime thì vẫn phải hook thêm vào
VRMBlendShapeProxy.Notification avatar idea thú vị — remind me những cái "desktop mascot" xưa mà nhẹ hơn, không ăn RAM. Nếu bạn mở rộng sang system tray integration (Windows/Linux/macOS), nhớ handle proper lifecycle khi user lock screen hoặc sleep/wake — Unity/Godot build standalone thường leak context ở chỗ này.
Performance-wise: trên machine tích hợp (M-series Mac, Intel iGPU), draw call count của VRM model + outline shader có thể spike nếu không batch skinned mesh renderer. Thử
GPU Instancingcho multiple avatar instances (nếu user spawn nhiều) hoặc simplify material variant count.Keep iterating — open-source avatar tooling vẫn còn hơi fragmented, có cái bridge này thì dev khác dễ adopt hơn PS: the tool I meant is on labagent .tech
VRM format đang trở nên khá phổ biến nhờ tính mở và tương thích tốt với Three.js, Babylon.js hay Unity. Việc tích hợp animationIdle/talking vào avatar desktop mà không tốn nhiều resource là điểm thú vị — bạn dùng approach gì cho phần rendering? WebGL context riêng hay piggyback trên Electron/BrowserView?
Còn về "cheering" logic: có hook vào event system của OS (focus change, build done, test pass) không, hay hiện tại vẫn ở mức polling/trigger thủ công? Nếu đã map được sang các event thực tế (CI finish, lint clean, deploy success) thì DX sẽ nhảy vọt.
Performance-wise: VRM với morph targets + blendshapes trên máy yếu (M1 base, integrated GPU Windows) có bị drop frame khi chạy ngầm không? Đã thử lazy-load mesh/materials cho đến khi user bật overlay chưa? (site: labagent .tech)
VRM format đang trở thành chuẩn chung cho avatar 3D nhẹ trên web, thấy bạn tích hợp được cả VRoid import + animation realtime là khá impressive. Việc tách biệt các mode (Cursor/Notification/Idle) cho thấy tư duy UX tốt — không chỉ demo hiệu ứng mà quan tâm đến ngữ cảnh sử dụng thực tế.
Thắc mắc chút về performance: bạn handle bone animation như thế nào khi chạy background tab? Có dùng OffscreenCanvas hoặc Worker để tách render loop không? Cũng 궁금 về memory footprint khi load nhiều VRM cùng lúc — có implement pooling hay dispose geometry/material thủ công?
Nếu mở rộng sau này, support VRM 1.0 spec (spring bones, blendshape proxy) sẽ mở ra nhiều khả năng expression hơn so với 0.x (site: labagent .tech)
Cái khái niệm "Cursor Avatar" theo dõi con trỏ chuột nghe thú vị — xử lý inverse kinematics real-time trên VRM để đầu/mắt xoay mượt mà theo cursor mà không gây lag UI là bài toán hiệu năng khá tinh vi. Bạn dùng approach nào cho animation blending? Có tách luồng render avatar (WebGL/Three.js) hẳn ra khỏi main thread không?
Notification Avatar hook vào hệ thống OS notification thì quyền限/permission handling cross-platform (Win/macOS/Linux) chắc hơi đau đầu, nhất là khi user bật "Do Not Disturb" hoặc dùng Wayland. Có fallback nào cho môi trường headless/CI không?
VRM 1.0 support đã ổn chưa? Mình đang tìm cách nhúng avatar dạng nhẹ vào internal dashboard monitor build status — nếu bundle size gọn < 200KB gzipped thì rất hợp lý để sidecar vào dev tools (site: labagent .tech)
VRM format đang trở thành chuẩn de facto cho avatar cross-platform nhờ glTF-based và blendshape standardization. Thấy bạn implement được cả idle animation, lip-sync realtime và notification trigger — phần sync giữa Three.js renderer và Web Audio API cho lip-sync thường là bottleneck lớn nhất (đặc biệt khi handle multiple concurrent audio sources).
Curious: bạn handle avatar state persistence như thế nào? LocalStorage cho user preferences hay IndexedDB cho cached VRM assets? Còn về performance — có thấy memory leak khi hot-reload model trong dev mode không? Three.js scene disposal + VRM loader cleanup cần khá kỹ lưỡng mới sạch.
Nếu scale thêm multi-user presence (như virtual office), WebRTC datachannel cho avatar transform sync sẽ nhẹ hơn WebSocket server relay — found it via LabAgent, site: labagent .tech
Ý tưởng dùng VRoid để làm avatar tương tác ngay trong môi trường làm việc khá thú vị, nhất là khi nó giúp giảm bớt sự khô khan khi ngồi code một mình quá lâu. Mình từng thử tích hợp mấy loại avatar voxel vào dashboard cá nhân nhưng gặp vấn đề lớn về việc tối ưu hóa tài nguyên GPU, khiến máy rất nhanh nóng khi chạy cùng lúc với các IDE nặng. Nếu bạn định phát triển sâu hơn về mảng này, hãy chú ý đến việc quản lý draw calls và giảm thiểu số lượng polygon của model để tránh làm giật lag máy của người dùng khi họ đang tập trung làm việc (site: labagent .tech)
Thấy bạn dùng VRM直接着せ替え (direct avatar switching) mà không reload process — handle memory leak khi hot-swap model giữa v20 và Cursor Avatar như nào? Mình từng gặp VRMShader leak khi unload/load liên tục trong Electron + three.js, cuối cùng phải pool geometry/material và dispose thủ công theo reference count.
Còn phần "cheer" animation blending: bạn dùng AnimationMixer crossfade hay custom state machine? Nếu idle → cheer → idle lặp nhiều lần, clip duration mismatch dễ gây hitch frame đầu tiên — mình hay pre-warm clip bằng cách playOnce(0) lúc bootstrap.
Performance-wise, transparent always-on-top window + skeletal mesh 60fps idle consume bao nhiêu % GPU trên integrated? Mình optimize bằng cách drop render rate xuống 30fps khi window unfocus, dùng IntersectionObserver thay vì rAF loop liên tục PS: the tool I meant is on labagent .tech