Agent Mascots

概要

• AIエージェントの思考、ツール実行、質問、会話、成功、エラー、待機、スリープといった状態を、動くキャラクターで視覚的に表現できます。
• エージェントから受け取ったイベントに応じて状態を切り替えるだけで、スピナーでは分かりにくい処理状況を直感的に伝えられます。

主な特徴

• 23種類のキャラクターとブランドカラーに対応し、ピクセルロボットやジェリーブロブ、LEDサインなど、個性的な見た目を選べます。
• 依存関係のない数KBのWebコンポーネントで、React、Vue、Svelte、通常のHTMLなど幅広い環境に組み込めます。
• 複数配置時も共有アニメーションループを利用し、画面外のキャラクターを停止することで、リソース消費を抑えられます。

こんな人におすすめ

• AIエージェントの処理状況をユーザーに分かりやすく伝えたい、チャットUIや開発者向けツールの制作者に適しています。
• Claude CodeやCursorを使い、エージェントのイベント連携まで効率よく自動設定したい開発者に向いています。