agentscope-ai/agentscope-spark-design

何を解決するか

AgentScope Spark Design は、AIアプリケーションに特化した標準化されたUIコンポーネントのセットを提供します。複雑なUI要素をゼロから構築する必要なく、一貫性がありプロフェッショナルなAIチャットインターフェースや一般的なアプリケーションレイアウトを構築できるようにします。

動作方法

このプロジェクトは、以下の2つの主要パッケージを含むモノレポです：

1. @agentscope-ai/design: Ant Design 5 をベースにしたコアデザインシステムで、強化されたUIコンポーネント、カスタムテーマシステム、モバイル対応を提供します。
2. @agentscope-ai/chat: LLM会話インターフェースに特化したライブラリで、メッセージバブル、ストリーミング応答、Markdownレンダリング（数式やコードも含む）、音声入力用コンポーネントを提供します。

対象ユーザー

AI駆動アプリケーション、LLMチャットインターフェース、エージェントベースのソフトウェアを開発するフロントエンド開発者で、AI体験に特化した事前構築済みでプロフェッショナルなデザインシステムを求める人。

主な特徴

• LLM対応チャットUI: すぐに使えるコンテナ、ストリーミング応答サポート、Mermaid図のレンダリングを含む。
• 豊富なメディア対応: 数式やコードハイライトを含む統合されたMarkdownレンダリング。
• クロスプラットフォーム: デスクトップとモバイルの両方のコンポーネントをサポート。
• 拡張可能: カスタムテーマシステムと、AI応答用に拡張可能なカードコンポーネントシステムを備える。
• 国際化対応: 複数言語を内蔵サポート。