ChatFlow.AI (노코드 LLM 챗봇 빌더)

플로우 빌더 (Flow Editor)

React Flow를 기반으로 챗봇의 Greeting, Topic, Action 노드를 추가하고 연결하여 대화 시나리오를 시각적으로 설계할 수 있습니다. 각 노드는 설명, 프롬프트, 하위 주제 등 세부 데이터를 포함합니다.

React FlowZustandTailwind CSS

핵심 기여 사항

  • Greeting / Topic / Action 노드 타입 정의 및 데이터 구조 설계
  • React Flow 기반 드래그·연결형 플로우 편집 UI 개발
  • Zustand를 활용한 Bot/Node/Edge 상태 관리 및 Undo-safe 업데이트
  • Toast 알림 시스템을 통한 사용자 피드백 (예: 중복 노드 방지, 저장 성공 등)