AIチャット

CursorまたはClaude Codeのスタイルで、完全なコーディングエージェントのチャット画面、クイックアクションと最近のチャットのリポジトリツリーを持つエージェントのサイドバー、ユーザー/アシスタントターンとフィードバックアクションのチャットスレッド、添付、モデルピッカー、マイクと送信、ブランチ、プロジェクト、モード、コンテクストメーター付きのステータスバー、およびライブコードビューとブラウザプレビューブラウザの未入力の変更の間で切り替えられた固定幅のサイドパネル。 チャットの列は、幅を制限します。

ライブプレビュー
AIチャット
新しいタブ
boardui.com/templates/ai-chat
エージェントのチャット

ダークモード用のカラートークンを更新し、再利用可能なテーマを追加してレジストリに切り替えます。 完了したら、lintと生産ビルドを実行します。

57%

インストール

AIチャットは、別途販売されたBoardUI Proテンプレートです。

ダークモード対応:この テンプレート はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.

プロアクセス

AIチャット プロです テンプレート.

BoardUI Proライセンスは、このライセンスを解除します。 テンプレート と、そのすべてのソースファイル。ライセンスを有効化すると、CLIでプロジェクトに直接インストールできます。

01

ライセンスを有効化

Lemon Squeezyの購入メールにあるキーを使ってください。端末ごとに1回設定すれば完了です。

npx boardui@latest login YOUR_LICENSE_KEY
02

インストール テンプレート

CLIがソースをコピーし、BoardUIとnpmの依存関係をすべて解決します。

npx boardui@latest add template-ai-chat

詳しくはこちら テンプレート BoardUI Proに含まれているもの

今すぐBoardUI Proを入手し、インストールしてください。

共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー&ペーストの例は、標準のインポートを使います。

含まれるもの

テンプレートは、エージェントのサイドバー(クイック検索、新しいエージェント/オートメーション/カスタマイズアクション、最近のチャット行のリポジトリツリー、タイムチップ、カーブしたツリーコネクター、およびアップグレードボタン付きのプランカード)、チャットコンテナ(ブレッドクラムヘッダ、フィードバックアクションとインラインリンクチップ、モデルピッカー、マイクと送信、コンテキストリング付きのステータスバー)、変更/コードサイドパネル、各コンポーネントに依存します。