I build tools to automate your business.

See what I'm building
Kuba Kubacki

I'm Kuba Kubacki, an Angular Principal Developer at Synergy Codes. I build workflow tools with ngDiagram and turn what I learn into talks and tutorials.

What I'm building

AI workflows.
Built for Angular.

An open-source library for visual workflows. Combine triggers, AI agents, approvals, and actions in one canvas. Your nodes are regular Angular components, so they keep your styles and your logic while ngDiagram handles the canvas and connections.

Open the human-in-the-loop demo Explore ngDiagram Get started Watch the ngDiagram series

Built and maintained at Synergy Codes.

ngDiagram editor with a node palette, a connected workflow, a collapsible group, and a properties panel.
Looking for the UI for your AI agent? Start with a workflow editor for triggers, approvals, branches, and actions. Try the human-in-the-loop demo.
Two custom Angular nodes with descriptions, state controls, and connection ports.
Your own Angular components, inside the diagram. See the custom node example.

My part in the project

I help develop ngDiagram and teach developers how to build diagram-based interfaces with it, on stage and on YouTube. The library and its examples are a team effort.

A runtime to automate
your business process.

Embed a production-ready workflow editor in your product. Workflow Builder gives teams the editor layer, reference back-end, and engine integrations to ship domain logic faster.

Explore Workflow Builder

Speaking

Practical talks about Angular, diagramming, and the interfaces behind AI workflows. Less theory, more building.

Invite me to speak

Upcoming

Build a workflow editor for AI agents in Angular

NG Poland Warsaw & online

Go from an empty canvas to a working editor for AI agent workflows, using ngDiagram and your own Angular components.

Talk details

Upcoming

Workflow editor for AI in Angular

NG KATO #14 Katowice

A practical look at the patterns behind agentic workflows: chaining, routing, parallelization, reflection, and human-in-the-loop.

Event details

Past talk

Make an AI Agent Builder with ngDiagram

Warsaw IT Days Warsaw

A hands-on walk-through of building a visual editor for AI agents with ngDiagram.

Event programme

Teaching

Open your editor and follow along. Each episode ends with code you can build on.

A video series I host on the ngDiagram playlist.

Build a workflow editor in Angular, step by step.

  1. Episode 1

    Project setup

    Set up an Angular workflow builder with ngDiagram, from scratch.

    Watch episode 1 on YouTube
  2. Episode 2

    Properties panel

    Edit the selected step in a side panel, kept in sync with Angular signals.

    Watch episode 2 on YouTube
  3. Episode 3

    Custom node types

    Give each kind of step its own Angular component.

    Watch episode 3 on YouTube

More episodes coming soon.

Let's talk about diagrams.

Building a diagram editor? Stuck on an Angular problem? Organising a conference or meetup?

Tell me what you're working on.

Message me on LinkedIn