Angular + Agentic Coding: Three Step Process

Added: 2026-05-20

[00:00:00]Agentic coding is all the rage nowadays and everyone including angular developers are trying to find ways to use agentic coding. Now, I personally use it on my products and my projects and initially it's a bit difficult, but with the right guardrails following a right process, you can actually make it work for you and make it really fast for you in developing features. So, just to show you how that works, I'm going to show you how to build a whole crud feature in my angular dashboard. I'm going to show you an agentic coding workflow that I follow. You're going to watch me live develop this feature using that workflow. So, without further ado, let's get started. Okay, let me just start by showing you the workflow that we are going to follow. Now, this yellow section here is basically the planning part. The blue section is the implementation part where we actually generate the code and this last section is the very important part in which we test everything and we ensure that the code quality is up to the mark. So, let's get started. Okay, so the first thing that you can see here is the grill me process here which we use to finalize the scope of our feature here. So, in general I basically have an idea in my head about something like for example, I have a crud workflow here. I visualize a table here, an angular material table which is going to have an edit delete buttons and then it's going to allow me to edit delete that in my case product for this crud feature, but there are several edge cases that we need to consider. So, this grill me skill basically helps us with that. And what is the grill me skill? Now, this was proposed by Matt Pocock who is really helping a lot of developers out in using AI or agentic coding for their developing workflows. And this grill me basically is very simple. It interviews you relentlessly about a plan or a design until the decision tree is resolved. So, let's go ahead and start with this.