ai-elements
✓ワークフロー UI コンポーネント用の Vercel AI 要素。チャット インターフェイスの構築、ツールの実行の表示、推論/思考の表示、またはジョブ キューの作成時に使用します。 AI 要素、キュー、確認、ツール、推論、シマー、ローダー、メッセージ、会話、プロンプト入力でトリガーします。
SKILL.md
AI Elements is a comprehensive React component library for building AI-powered user interfaces. The library provides 30+ components specifically designed for chat interfaces, tool execution visualization, reasoning displays, and workflow management.
Import Pattern: Components are imported from individual files, not a barrel export:
Conversation Components Components for displaying chat-style interfaces with messages, attachments, and auto-scrolling behavior.
ワークフロー UI コンポーネント用の Vercel AI 要素。チャット インターフェイスの構築、ツールの実行の表示、推論/思考の表示、またはジョブ キューの作成時に使用します。 AI 要素、キュー、確認、ツール、推論、シマー、ローダー、メッセージ、会話、プロンプト入力でトリガーします。 ソース: existential-birds/beagle。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/existential-birds/beagle --skill ai-elements- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ai-elements とは？
ワークフロー UI コンポーネント用の Vercel AI 要素。チャット インターフェイスの構築、ツールの実行の表示、推論/思考の表示、またはジョブ キューの作成時に使用します。 AI 要素、キュー、確認、ツール、推論、シマー、ローダー、メッセージ、会話、プロンプト入力でトリガーします。 ソース: existential-birds/beagle。
ai-elements のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/existential-birds/beagle --skill ai-elements インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/existential-birds/beagle
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01