5.0
关注
AI SCORE
工具产品2026-04-21 11:36
AI虚拟形象v6：Chrome和VS Code扩展
DEV Community · Web Developer Hyper#开源#扩展工具
Editor brief · 编辑速览
创意项目展示，推出了可在Chrome和VS Code中使用的AI虚拟形象v6，能根据用户交互进行实时反应。开源社区关注度还可以，但作为辅助工具而非核心编程效率提升。
创意项目展示，推出了可在Chrome和VS Code中使用的AI虚拟形象v6，能根据用户交互进行实时反应。开源社区关注度还可以，但作为辅助工具而非核心编程效率提升。
会对你的操作做出反应、拥有独特背景故事的 3D 角色
我创建了一个 AI Avatar：这是一个 VRM 3D 角色，会在你与 AI 聊天或按下 Enter 键时做出反应，而且我一直在持续更新它。从一开始，我就使用同一个 Avatar（Ninja Girl）作为默认 Avatar。虽然你可以把它替换成自己的 Avatar，但如果能提供几个默认 Avatar，并且每个角色都有自己的动画和故事，应该会更有趣。这样，我们就可以根据心情切换 Avatar。这一次，我的同事 Maximum Blue 帮我制作了这些 Avatar。非常感谢！
Joyful Colors 是一个肩负着特殊使命的团体：为开发者和其他人加油打气，让大家感到快乐。他们会通过 VS Code extension 和 Chrome（Edge）extension，全天候 24/7 为你加油。下面就来认识一下这些超级英雄角色吧！
Sweet Purple（创作者：Blue）↑ 开朗又活泼。梦想成为著名的流行歌星，还想吃遍各种美食。会摆出可爱的姿势。
Candy Pink（创作者：Hyper）↑ 示例 Avatar（Ninja Girl）的另一面。善良又体贴，很会假笑。会摆出可爱的姿势。
Maximum Blue（创作者：Blue）↑ 活跃且充满能量。当女孩们与他四目相对时，就会爱上他。会摆出帅气的姿势。
Hyper Yellow（创作者：Blue）↑ 总想做出一个很酷的应用，最后却总是做成一个傻乎乎的应用。他以为 Purple 和 Pink 喜欢自己，其实她们只是在利用他。会摆出搞怪的姿势。
你可以从 GitHub Releases 免费下载所有 Avatar 和动画。↓
https://github.com/webdeveloperhyper/ai-avatar/releases
我还进行了一些更新、修复和调整。
为手指添加了骨骼。在之前的版本中，角色的手始终处于张开状态。现在，我们可以让角色比出剪刀手，也可以把手合拢。这让 Avatar 显得更加生动。
将动画中的数值从弧度（例如 1.57）改成了角度（例如 90），让我们能够更直观地理解这些数值。同时，我也为旧文件保留了向后兼容性。
将背景改成了灰色。我意识到，当 Avatar 戴着黑色手套时，由于背景也是黑色，我们很难看清手套。现在，用户可以选择黑色或灰色背景。
修复了在终端中按 Enter 键无法触发动画的问题（VS Code）。通过这次更新，用户可以在更多场景中欣赏这些动画。
从 Chrome Web Store 安装：↓↓
https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi
你可以通过两种方式下载 AI Avatar VS Code extension。
方式 1：从 VS Code 安装：左侧边栏的 Extensions 按钮 > 搜索 AI Avatar > Install ↓↓
方式 1：从 VS Code 安装：左侧边栏的 Extensions 按钮 > 搜索 AI Avatar > Install ↓↓
方式 2：从 VS Code Marketplace 安装：
https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar ↓↓
方式 2：从 VS Code Marketplace 安装：
https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar ↓↓
我的 DEV Community 朋友 @gramli 曾帮助我在版本 2 中更新 AI Avatar，而且至今仍在不断支持我。非常感谢！
我已经开始开发版本 7 的更新了。还会有更多有趣的更新，敬请期待！
如果你对更新有什么想法，请告诉我！
我还在与 DEV Community 的朋友 @itsugo 一起开发一个合作项目。进度虽然缓慢，但依然在向前推进。我很快会写一篇文章介绍它。
下面是我发布过的一些有趣的 2D/3D 动画文章。↓
💥如何免费缓解压力（使用 React Three Fiber + AI 制作 Mega Bazooka）💥
🙀如何创建一个疯狂的过山车建造器（🎢RollerCoaster.js + React Three Fiber + AI）
另外，下面是我发布过的一些 AI 相关文章。↓
🤖如何免费让 AI 更加遵循你的指令（OpenSpec）📝
🧠如何免费、更高效地使用 AI（Serena MCP）🧐
可作为 Chrome Extensions 免费使用：
https://chromewebstore.google.com/detail/muscle-brain-ultimate-edi/nmlolddnfpfambkcnplggphjgbjeabfc
可在 Microsoft Store 免费获取：
https://apps.microsoft.com/detail/9NG572QMV56M
啊！差不多该和 Maximum Blue 一起去参加 Sweet Purple 的演唱会了。我得走了。下次，让你、我，还有我们的 Avatar 一起去看演唱会吧。感谢阅读，再见！🫡
你对制作酷炫的 Avatar 和动画有什么想法吗？
你对添加更多 AI 功能有什么想法吗？
你对如何让 AI Avatar 变得更有趣有什么想法吗？
你对如何增加 AI Avatar 的用户数量有什么想法吗？
也欢迎留下任何其他评论！
部分评论可能只有登录后的访客才能看到。请登录以查看所有评论。
如果需要采取进一步措施，你可以考虑屏蔽此人和/或举报滥用行为。