agentscope-ai/agentscope-spark-design

해결하는 문제

AgentScope Spark Design는 AI 애플리케이션에 특화된 표준화된 UI 컴포넌트 세트를 제공합니다. 복잡한 UI 요소를 처음부터 구축할 필요 없이 일관되고 전문적인 AI 채팅 인터페이스와 일반 애플리케이션 레이아웃을 구축할 수 있도록 합니다.

작동 방식

이 프로젝트는 두 가지 주요 패키지를 포함하는 모노레포입니다:

1. @agentscope-ai/design: Ant Design 5를 기반으로 한 핵심 디자인 시스템으로, 개선된 UI 컴포넌트, 사용자 정의 테마 시스템, 모바일 지원을 제공합니다.
2. @agentscope-ai/chat: LLM 대화 인터페이스에 특화된 라이브러리로, 메시지 버블, 스트리밍 응답, 마크다운 렌더링(수식 및 코드 포함), 음성 입력을 위한 컴포넌트를 제공합니다.

대상 사용자

AI 기반 애플리케이션, LLM 채팅 인터페이스, 에이전트 기반 소프트웨어를 개발하는 프론트엔드 개발자로, AI 경험에 특화된 사전 구축된 전문적인 디자인 시스템을 원하는 사람.

주요 특징

• LLM 대응 채팅 UI: 즉시 사용 가능한 컨테이너, 스트리밍 응답 지원, Mermaid 다이어그램 렌더링 포함.
• 풍부한 미디어 지원: 수식과 코드 하이라이팅을 포함한 통합 마크다운 렌더링.
• 크로스 플랫폼: 데스크톱 및 모바일 컴포넌트 모두 지원.
• 확장성: 사용자 정의 테마 시스템과 AI 응답용 확장 가능한 카드 컴포넌트 시스템을 제공.
• 국제화: 다국어 내장 지원.