- Build an Al-first collaborative assistant that turns natural-language instructions into a living process diagram and keeps it clean, co nsistent, and up to date.
- It should also generate quick lo-fi wireframes for selected steps so stakeholders can immediately "see" the screen context behind the flow.
- Support collaboration features like comments, change summaries, and handling disagreements (assumptions, open questions, diffs, and A/B alternatives) to speed up alignment and iteration.
Live Flow is a collaborative AI-first process diagramming tool that helps teams create and maintain living process diagrams. It uses AI to generate process diagrams from natural language instructions and keeps them up to date as the process changes. It also generates quick wireframes for selected steps.
- Frontend: React, TypeScript, Vite
- Backend: Node.js, Express.js, TypeScript
- Database: SQLite
- LLM: Ollama with Llama 3.1. LangChain.js for LLM integration.
- Authentication: user/password against the database
- Hosting: agnostic
- Node.js >= 24.11.0
- npm >= 11.6.2
- Ollama is running locally and supporting Llama 3.1
- Clone the repository:
git clone https://github.com/WEF-Hackathon/collab-flow.git - Change directory:
cd collab-flow - Change directory to the server:
cd server - Install dependencies:
npm install - Run the server:
npm run dev - Open another terminal
- Change directory to the client:
cd client - Install dependencies:
npm install - Run the client:
npm run dev - Open http://localhost:5173 in your browser
In both client and server directories run the following commands:
- Run format check with
npm run prettier:check - Run prettier fix with
npm run prettier:fix - Run linter with
npm run lint - Run tests with
npm run test