avagent

avagent 是一个开源的 React 组件，专为 AI 智能体（Agent）设计的可定制化虚拟形象。它完全基于 HTML 和 CSS 构建，无需任何外部图片或动画库，就能实现眨眼、视线追踪、手势、行走和说话气泡等丰富交互。

核心功能

• 实时交互反馈：avagent 能追踪鼠标光标位置，让虚拟形象的眼睛和头部随之转动，营造自然的注视感。
• 动态表情与动作：支持眨眼、行走、手势等预设动画，并通过说话气泡展示文本内容，让智能体“开口说话”。
• 行为模式系统：通过 React props 可分配长期“模式”（如专注、友好）或短期“动作/反应”（如点头、挥手），灵活控制形象状态。

主要特性

• 纯前端实现：仅使用 HTML 和 CSS，零依赖，轻量高效，易于集成到任何 React 项目中。
• 2D 运动学骨架：内置简单的 2D 身体部件驱动逻辑，使肢体动作流畅自然。
• 高度可定制：通过 props 轻松调整外观、行为和动画参数，适配不同品牌或场景需求。
• 开源免费：代码托管在 GitHub 并发布至 npm，社区可自由使用、修改和贡献。
• 即插即用：安装后只需几行代码即可在应用中嵌入一个生动的智能体形象。

适用场景

• AI 聊天机器人：为对话界面增加拟人化角色，提升用户参与度。
• 虚拟助手：在客服、导航或教育应用中作为可视化助手。
• 游戏与元宇宙：作为 NPC 或用户代理的轻量级 2D 化身。
• 产品演示：在官网或演示中展示智能体交互，吸引用户注意力。

无论是构建下一代 AI 应用，还是为现有产品增添趣味，avagent 都能以最简洁的方式赋予智能体生动的“面孔”。