Chatbot Flow Editor - Visual Creation Tool for Chatbot Flows

Introduction to Chatbot Flow Editor, an open-source visual tool for building chatbot conversation flows. Features GUI interface, live testing, and export of JSON containing only conversation flow logic.
Presented at emoji cafe 2025/8/9.

エンジニアカフェ台湾ツアー2025 > Emoji cafe
https://engineercafe.jp/ja/topics/10897

Transcript

1. Chatbot Flow Editor Visual Development tool for chatbot flows 2025/8/9 emoji cafe enumura1
2. My OSS Journey Started as an OSS beginner and began contributing this April April~ Started OSS Contributions → Study Groups Shared engineer cafe experiences at LT → Today Want to create my own OSS! And thus Chatbot Flow Editor was born
3. The Challenge Existing tools require expensive cloud services with complex pricing • Platforms are overly complex with forced service integrations • Visual editors become messy as conversation flows grow • Testing requires switching between different interfaces • JSON exports contain unnecessary metadata and noise •
4. Our Solution Visual Design Simple drag & drop interface for creating conversation flows Live Testing Test conversations in the same interface where you design Clean Export Export flows as clean JSON without unnecessary metadata Easy Integration Import JSON directly into any chatbot framework
5. How It Works 1 Design Phase Use the visual editor to create conversation flows 2 Test Phase Try different conversation paths with live preview 3 Export Phase Download your flow as structured JSON 4 Integration Phase Use the JSON in your chatbot application
6. Demo Video Introduction package demonstrating core features Click image to open video in new tab
7. Get Started Open source tool for visual chatbot development GitHub Documentation npm package Quick Start $ npx @enumura1/chatbot-flow-editor