Ant Design X：Ant Groupが开源したAIチャット画面構築ツールキット 196

Ant Design Xは、蚂蚁集団（アントグループ）がオープンソース化した、aiチャットインターフェースを迅速に構築できるツールキットです。ChatGPTのような対話インターフェースを素早く構築でき、Ant Design XはAIモデルに簡単に接続できるため、ゼロからコードを書く必要がありません。インターフェースデザインはすでに完成しており、そのまま適用するだけで利用できます。カスタマイズスタイルもサポートしており、Ant Design Xはスマートカスタマーサービスシステム、Aiアシスタント、スマートQ&Aシステムなど、AIとの対話が必要なさまざまなアプリケーションシナリオに使用できます。豊富なコンポーネントとデザインパターンを提供することで、開発者は美しくインテリジェントなユーザーインターフェースを迅速に開発できます。

Ant Design Xの特長：

• エンタープライズ級AI製品ベストプラクティスから：RICHインタラクションパラダイムに基づき、卓越したAIインタラクション体験を提供

• 柔軟で多様なアトミックコンポーネント：ほとんどのAI対話シナリオをカバーし、パーソナライズされたAIインタラクションページの迅速な構築を支援

• すぐに使えるモデル連携機能：OpenAI標準に準拠したモデル推論サービスに簡単に接続可能

• 対話データフローの効率的な管理：使いやすいデータフロー管理機能を提供し、開発をより効率的に

• 豊富なテンプレートサポート：複数のテンプレートを提供し、LUIアプリケーション開発を迅速に開始

• TypeScript完全対応：TypeScriptで開発されており、完全な型サポートを提供し、開発体験と信頼性を向上

• 深いテーマカスタマイズ機能：細粒度のスタイル調整をサポートし、さまざまなシナリオの個別ニーズに対応

Ant Design Xのインストールと使用

• Ant Design Xをインストールするには、npmコマンドを使用します： npm install @ant-design/x --save

• ブラウザで使用する場合は、ｓｃｒｉｐｔタグとlinkタグを追加して導入し、グローバル変数 antd を使用します。

Ant Design Xのコンポーネント

Bubble：チャットバブル用のメッセージバブルコンポーネント。

Conversations：複数のセッションを管理し、過去のセッションリストを表示するセッション管理機能。

Welcome：ユーザーに実現可能な意図範囲と予想される機能を明確に伝えるウェルカムインターフェース。

Prompts：現在のコンテキストに関連する定義済みの質問や提案のセットを表示するために使用されるプロンプト集。

Sender：対話シナリオでの入力ボックスを構築する必要がある送信ボックス。

Attachment：一連の添付ファイル情報のコレクションを表示する必要があるシナリオ用の添付ファイル。

Suggestion：対話シナリオでの入力ボックスを構築し、ユーザーにショートカットヒントを提供するコンポーネント。

ThoughtChain：複雑なAgent System内の呼び出しチェーンをデバッグおよび追跡するための思考連鎖。

Ant Design Xは、Reactエコシステムに特化した先進的なAIコンポーネントライブラリであり、人工知能との統合における開発プロセスの簡素化を目的としています。当社のUIコンポーネントライブラリには高度にカスタマイズ可能なAIコンポーネントが含まれており、開発者は対話型AIを自分のアプリケーションに簡単に統合できます。豊富なUIコンポーネントに加えて、Ant Design Xは一括APIソリューションも提供しており、開発者はトークン認証を通じて既存のAIサービスに直接接続し、AIとの対話とインタラクションをシームレスに実現できます。スマートチャットアプリケーションの構築、ユーザーインタラクション体験の向上、AI能力の統合の加速など、Ant Design XはReact開発者がAIの世界に参入するための理想的なパートナーです。

Ant Design X Github：https://github.com/ant-design/x

Ant Design X デモ：https://x.ant.design/docs/playground/independent-cn