- 단계1: npm(npm install agno-agent-ui) 또는 yarn을 통해 설치하세요.
- 단계2: React 앱에 핵심 컴포넌트(ChatWindow, MessageInput)를 임포트하세요.
- 단계3: LLM 또는 에이전트 클라이언트를 구성하고, prop으로 전달하세요.
- 단계4: 제공된 CSS 변수 또는 styled-components를 통해 테마와 스타일을 사용자 정의하세요.
- 단계5: 내장 훅을 사용하여 대화 상태와 메시지 기록을 관리하세요.
- 단계6: 로컬에서 테스트하고 Vercel, Netlify 또는 기타 호스팅 플랫폼에 배포하세요.