■ **概要** React向けの状態駆動型3Dロボットヘッドコンポーネント。Canvas 2D実装でWebGL・外部依存なし。 ■ **特徴・用途** - **AIエージェントの認知状態を視覚化**：thinking/speaking/searching/listening等の8状態を表情・モーション・LEDライト色で即座に表現。ユーザーに「今何をしてるのか」を直感的に伝える設計。 - **軽量で組込性高い**：WebGL不要・Canvas 2Dのみ・React peer依存のみなので、エージェントチャットUIや対話型アシスタントに数行で統合可能。複数形状(rectangle/square/circle/hexagon)で設計自由度あり。 - **状態遷移がなめらか**：状態切替時のグリッチ+クロスフェード+イージング処理が実装済み。アニメーション停止による違和感がない。 ■ **結論** AIエージェントやロボット対話UIで「何をしてるか」の状態表現が課題なら、依存ゼロで手軽に統合できる実用的な選択肢。