robot-heads 是一个面向 React 开发者的动画 3D 机器人头像组件库，由开发者 Fayaz Ahmed 开源发布。它提供了一组带光泽质感的电视头机器人形象，屏幕上是一块 LED 点阵脸，可以直观展示 AI Agent 当前正在做什么——思考、搜索、聆听、说话等等。整个组件基于 2D canvas 绘制，不需要 WebGL，也没有任何运行时依赖，安装后即可在 React 18 及以上版本的项目中使用。项目内置四种外形轮廓，每种都带有弹簧天线、旋钮耳朵和随状态变化的状态灯，并提供了在线 Playground 供开发者直接预览效果。
在开发 AI Agent 或对话类应用时，开发者往往需要给用户一个直观的反馈界面，让用户知道机器人当前处于什么状态。但自己从零绘制动画头像成本很高，用静态图标又显得呆板，无法传达「正在思考」「正在搜索」这类动态过程。引入 Three.js 等 3D 方案又会带来体积膨胀和性能负担，在低端设备上容易卡顿。robot-heads 正是为了解决这个尴尬：用轻量的 2D canvas 实现有质感的动态机器人头像，让状态反馈既生动又不拖累项目。
robot-heads 把机器人头像的形态、状态和动效打包成开箱即用的 React 组件，开发者只需传入状态值就能获得对应的表情与动作。
经典电视、舷窗、螺母等四种造型，共用同一套屏幕与动作逻辑。
idle、thinking、searching、speaking 等状态各有专属表情与动作。
基于 2D canvas 绘制，无需 WebGL，不增加运行时依赖。
对于正在构建 AI Agent 界面的前端团队来说，robot-heads 提供了一种低成本、高表现力的状态可视化方案，既省去设计成本，又能提升产品的交互质感。
每个状态都有独立表情、动作和天线灯光，切换时带故障与淡入过渡。
一条 npm 安装命令加一个组件标签即可使用，兼容 React 18 及以上。
我为这些机器人做了一个反应机器人头像库
https://github.com/fayazara/robot-heads
2026-10-09 20:32
我的开源项目 bots-on-Cloudflare 进展得非常顺利。
每个机器人都拥有属于自己的小小生态系统
- 一个浏览器（Kitesurf）
- 你可以教它并重复使用的技能
- 一个隔离的文件系统
- 通过 cloudflare/shell 提供的真实 shell
- 需要时可以使用容器
- 它为你构建并托管的应用程序（动态 workers 太棒了）
- 它可以自行监控外部事物，你不需要告诉机器人去做什么。
我很快就会发布它，我发誓，我陷进了一个功能兔子洞
