a2ui-adk は何をしますか？
A2UIとTailwind CSS、shadcn/uiデザインシステムを活用して、Google ADKエージェント向けの動的でインタラクティブなUIを構築します。
概要
このスキルは、Google ADKエージェントの応答を、A2UIライブラリを使ってリッチでインタラクティブなUIコンポーネントとしてレンダリングできるようにします。これにより、エージェントの機能を拡張し、エンドユーザーにより良い体験を提供できます。
対応プラットフォーム
- Google ADK
デザインシステム
- Tailwind CSS
- shadcn/ui
使用方法
エージェントの応答内でA2UIの記法を使用して、動的なUIコンポーネントを定義します。例:
<Card>
<CardHeader>
<CardTitle>ユーザー情報</CardTitle>
<CardDescription>登録済みのユーザーデータ</CardDescription>
</CardHeader>
<CardContent>
<p>名前: 山田太郎</p>
<p>メール: [email protected]</p>
</CardContent>
</Card>
注意点
- A2UIの全機能がサポートされています。
- カスタムCSSクラスはTailwind CSSのユーティリティクラスを使用してください。
- shadcn/uiのコンポーネントをインポートして使用できます。
ライセンス
このプロジェクトはMITライセンスの下で公開されています。