ai-elements-chatbot
✓このスキルは、会話型 AI インターフェイス用の shadcn/ui 上に構築された、本番環境に対応した AI チャット UI コンポーネントを提供します。ストリーミング応答、ツール/関数呼び出しの表示、推論の視覚化、またはソース引用を備えた ChatGPT スタイルのチャット インターフェイスを構築するときに使用します。 Vercel AI SDK v5 用に最適化された、メッセージ、会話、応答、コードブロック、推論、ツール、アクション、ソースを含む 30 以上のコンポーネントを提供します。 Next.js App Router、Tailwind v4、shadcn/ui 統合、AI SDK v5 移行、コンポーネント構成パターン、音声入力ブラウザーの互換性、レスポンシブ デザインの問題、ストリーミングの最適化に関する一般的なセットアップ エラーを防止します。 キーワード: AI 要素、vercel-ai-SDK、shadcn、チャットボット、会話型 AI、ストリーミング ui、チャット インターフェイス、ai チャット、メッセージ コンポーネント、会話 ui、ツール呼び出し、推論表示、ソース引用、マークダウン ストリーミング、関数呼び出し、ai 応答、プロンプト入力、コード強調表示、Web プレビュー、ブランチ ナビゲーション、思考表示、困惑スタイル、クロードアーティファクト
SKILL.md
Status: Production Ready Last Updated: 2025-11-07 Dependencies: tailwind-v4-shadcn (prerequisite), ai-sdk-ui (companion), nextjs (framework) Latest Versions: ai-elements@1.6.0, ai@5.0+, next@15+, react@19+
Before installing AI Elements, ensure these are already set up:
Missing prerequisites? Use the tailwind-v4-shadcn skill first, then install AI SDK:
このスキルは、会話型 AI インターフェイス用の shadcn/ui 上に構築された、本番環境に対応した AI チャット UI コンポーネントを提供します。ストリーミング応答、ツール/関数呼び出しの表示、推論の視覚化、またはソース引用を備えた ChatGPT スタイルのチャット インターフェイスを構築するときに使用します。 Vercel AI SDK v5 用に最適化された、メッセージ、会話、応答、コードブロック、推論、ツール、アクション、ソースを含む 30 以上のコンポーネントを提供します。 Next.js App Router、Tailwind v4、shadcn/ui 統合、AI SDK v5 移行、コンポーネント構成パターン、音声入力ブラウザーの互換性、レスポンシブ デザインの問題、ストリーミングの最適化に関する一般的なセットアップ エラーを防止します。 キーワード: AI 要素、vercel-ai-SDK、shadcn、チャットボット、会話型 AI、ストリーミング ui、チャット インターフェイス、ai チャット、メッセージ コンポーネント、会話 ui、ツール呼び出し、推論表示、ソース引用、マークダウン ストリーミング、関数呼び出し、ai 応答、プロンプト入力、コード強調表示、Web プレビュー、ブランチ ナビゲーション、思考表示、困惑スタイル、クロードアーティファクト ソース: jackspace/claudeskillz。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ai-elements-chatbot とは？
このスキルは、会話型 AI インターフェイス用の shadcn/ui 上に構築された、本番環境に対応した AI チャット UI コンポーネントを提供します。ストリーミング応答、ツール/関数呼び出しの表示、推論の視覚化、またはソース引用を備えた ChatGPT スタイルのチャット インターフェイスを構築するときに使用します。 Vercel AI SDK v5 用に最適化された、メッセージ、会話、応答、コードブロック、推論、ツール、アクション、ソースを含む 30 以上のコンポーネントを提供します。 Next.js App Router、Tailwind v4、shadcn/ui 統合、AI SDK v5 移行、コンポーネント構成パターン、音声入力ブラウザーの互換性、レスポンシブ デザインの問題、ストリーミングの最適化に関する一般的なセットアップ エラーを防止します。 キーワード: AI 要素、vercel-ai-SDK、shadcn、チャットボット、会話型 AI、ストリーミング ui、チャット インターフェイス、ai チャット、メッセージ コンポーネント、会話 ui、ツール呼び出し、推論表示、ソース引用、マークダウン ストリーミング、関数呼び出し、ai 応答、プロンプト入力、コード強調表示、Web プレビュー、ブランチ ナビゲーション、思考表示、困惑スタイル、クロードアーティファクト ソース: jackspace/claudeskillz。
ai-elements-chatbot のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/jackspace/claudeskillz
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01