Talk
Build a workflow editor for AI agents in Angular
Every AI stack today needs a place to see and shape what agents actually do – which is why workflow editors are suddenly everywhere: n8n, Dify, LangGraph, a wave of agent builders. Most of them are built for the web at large; almost none for Angular teams. This talk shows how to build one yourself. Using ngDiagram – an open-source Angular diagramming library – we go from an empty canvas to a working editor for agentic workflows: the common patterns you have to support (chaining, routing, parallelization, reflection, human-in-the-loop), a live demo of the finished editor, and then the code behind it – just a handful of components – to show how much leverage the library gives you. You leave knowing how to start: the docs, the AI-assisted tooling, and the patterns worth stealing.
About Kuba Kubacki
I’m an Angular Principal Developer and one of the people behind ngDiagram, an Angular-first library for building interactive diagrams. I work on its development, and share knowledge about building diagram-based interfaces in Angular.
Over the years, I’ve worked on a wide range of projects — from large enterprise systems to fast-moving R&D initiatives and MVPs — collaborating with teams including Synergy Codes. While frontend and Angular are my main playground, I occasionally venture into backend and cloud topics. In my spare time, I rescue Hyrule and Princess Zelda.