use SvelteFlow to create AI workflow

visualized node-edge graph GUI editor

What I want

like dify, Coze, n8n…..

and self-host, more flexibity, use langgraph

• dify
  • 
• coze
  • 
• n8n
  • 

Similar Base libs

My Design

• use Node to represent Edges

• node design

make SSOT

• hard to sync Redux and Context
• data update flow cannot align SSOT design
• not only nodes, but also edges need update seperatly

Conclusion

redux is not affinity with React

Why SvelteFlow

• Svelte 5 is signals design
  • code numbers usually fewer than react
  • easy to pass computed runes
• SvelteFlow 1.0 highly affinity svelt 5
  • use rune, signals features

Simple Demo

END

Thank You

• Reference
  • reactflow, svelteflow websites
  • https://docs.crewai.com/en/introduction
  • https://www.js-craft.io/blog/langchain-vs-langgraph/
  • https://framerusercontent.com/images/7IPPObp2xkFVLH1IyW9QvFQ0a2I.gif
  • https://pbs.twimg.com/media/GP5rEiZaEAAUqWu?format=jpg&name=4096x4096
  • https://raw.githubusercontent.com/n8n-io/n8n/master/assets/n8n-screenshot-readme.png