The argument in one line.
A coding agent is nothing more than an LLM in a while-loop that calls tools and re-reads the full conversation on every turn -- understanding that loop is the only mental model you need to build agentic software confidently.
Read if. Skip if.
READ IF YOU ARE…
- You use Claude Code daily but have no idea what is happening underneath the surface.
- You want to build software with an AI agent at its core rather than bolted on as a feature.
- You know basic JavaScript/Node and want to understand how to wire an LLM to file-system tools.
- You are deciding whether to use an existing agent SDK or build your own loop from scratch.
SKIP IF…
- You already understand how tool-call loops work in the Anthropic or OpenAI API.
- You are looking for advanced multi-agent orchestration or prompt engineering -- this is foundational ground-floor content.
The full version, fast.
Claude Code and every other coding agent share the same three-part skeleton: a while-loop that runs until the model signals done, a set of tools (read file, write file, run shell command), and a conversation array that grows each turn and gets re-sent in full to the model every call. The Vercel AI SDK wraps this in a provider-agnostic interface so you can swap Anthropic for OpenAI or DeepSeek without rewriting your agent. The bigger argument is that agentic-first software -- where a chat replaces a feature-per-button UI -- is the only defensible new-software position left, because vibe-coding a traditional dashboard now takes seconds and produces nothing durable.
Free for members
Chat with this breakdown — free.
Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.
Create a free account →Where the time goes.
00:00 – 01:30
01 · Introduction
Hook: most tutorials show settings not fundamentals. Promise: understand what coding agents actually are and build one.
01:30 – 03:54
02 · How Coding Agents Work
LLM plus loop plus tools explained using n8n as a visual parallel. Memory is the growing conversation array re-sent every call.
03:54 – 05:54
03 · Vercel AI SDK Overview
Provider-agnostic abstraction layer: send one call, swap Anthropic/OpenAI/DeepSeek without rewriting the agent.
05:54 – 06:46
04 · Exploring the Agent Code
VS Code walkthrough of the generated agent.js: system prompt, tool definitions, provider map, while-loop.
06:46 – 08:00
05 · Running Our Own Agent
Set env vars, npm start, type test -- live streaming response demonstrates the loop working.
08:00 – 08:43
06 · Building a Hello World Program
Ask the agent to create and run a Node.js hello world -- agent writes the file, confirms execution.
08:43 – 09:53
07 · Penny Doubling Problem
Classic compound-growth math problem: agent writes penny.js, runs it, outputs day-by-day table to 5.3M result.
09:53 – 11:27
08 · Understanding For Loops
Author hand-walks the generated penny.js code explaining for-loop syntax, increment operators, and console.log for beginners.
11:27 – 14:11
09 · Why Build Agentic Software
Thesis: traditional UI-first software is commodity vibe-code. Agentic-first (chat as interface) is the defensible position. Shockwave demo.
14:11 – 14:38
10 · Community CTA
Pitch for AI Architects paid community with live builds and full beginner-to-expert course.
Lines worth screenshotting.
- A coding agent is structurally identical to an n8n AI agent node: a loop that feeds tool results back into the model until it decides the task is done.
- The LLM has no persistent memory -- the conversation array is re-sent in full every single call, which is why long sessions get slow and expensive.
- Tools are the only thing that give a coding agent power over plain chat: read file, write file, run shell command -- that is the complete surface area.
- The while-loop in a coding agent is not a metaphor; the source code literally contains while(true) that breaks only when the model returns a done signal.
- Provider lock-in is a real agent-building risk; the Vercel AI SDK lets you swap Anthropic for OpenAI or DeepSeek with a single config change.
- Streaming tokens in real time is not optional polish -- silence while a model thinks kills perceived responsiveness on multi-step tool calls.
- Traditional SaaS dashboards are now commodity vibe-code output in seconds; the defensible position is the agent layer that replaces feature lists with a chat interface.
- Agentic-first design eliminates entire classes of UI work -- you never build a delete button if users can say what they want and the agent has the tool to do it.
- You can import pre-built agent libraries (Claude Agent SDK, Pydantic AI) directly into your project -- building your own loop is a learning exercise, not a production requirement.
- The agent code the AI generates on first prompt already runs: system prompt, tool definitions, provider map, while-loop -- a working agent in one paste.
The three-part skeleton every coding agent shares
WHAT TO LEARN
Strip away the branding and every coding agent -- Claude Code included -- is a loop, a tool set, and a conversation array.
- The LLM has no persistent memory: the agent feeds the entire conversation history back into the model every single call, which is why long sessions get slow and expensive.
- Tools -- read file, write file, run shell command -- are the complete source of a coding agent power over plain chat; without them it is just autocomplete with extra steps.
- A while-loop is not a metaphor: the source code literally contains while(true) that exits only when the model returns a done signal, identical in structure to an n8n AI agent node.
- Provider lock-in is a real agent-building risk; a thin abstraction layer like the Vercel AI SDK lets you swap Anthropic for OpenAI or DeepSeek with a single config line.
- Streaming tokens back in real time is a baseline UX requirement, not optional polish -- dead silence while a model runs a multi-step tool call destroys perceived responsiveness.
- Traditional SaaS dashboards are now commodity output from vibe-coding in seconds; the defensible software position is the agent layer that replaces a feature list with a chat interface.
- Agentic-first design eliminates entire classes of UI work -- you never need to build a delete button if users can say what they want and the agent has the tool to do it.
Terms worth knowing.
- Tool call
- A structured request the LLM sends to execute a specific function on the host computer, such as reading a file, writing a file, or running a shell command. The result is fed back into the conversation before the next model call.
- Vercel AI SDK
- A free, open-source JavaScript library that provides a single, provider-agnostic interface for calling LLMs from Anthropic, OpenAI, DeepSeek, and others, including built-in support for streaming and tool use.
- Agentic-first software
- Software designed around a conversational AI agent as the primary interface rather than a graphical UI with discrete feature buttons. Users issue natural-language commands and the agent executes them via tool calls.
Things they pointed at.
Lines you could clip.
00:08
“Most vibe coding tutorials show you how to max out Claude Code with skills or settings. They don't explain the core fundamentals.”
01:56
“The agent is nothing more than the loop itself and the ability to run these tools on your computer.”
12:03
“These things can be built in seconds. So you want to learn how to build software where it is agentic first.”
13:58
“They do not want software that makes it easy for them, they want software that does all of the work for them.”
Word for word.
00:00In today's video, we're gonna build out our own coding agent like Claude Code. Most vibe coding tutorials show you how to max out Claude Code with skills or settings. They don't explain the core fundamentals.
00:09I've been coding more than thirty years and the fundamentals have always been my advantage. You need the fundamentals if you wanna build something great and if you wanna build agentic agents into your projects. Just like the second brain I'm building out inside my community, it's an Obsidian clone except that it has an agentic agent built directly inside of it.
00:25So if you want the advantage in your coding projects, stick around to the end of the video. Let's get into it. Alright.
00:29So let's jump in. I'm gonna jump over to Cloud Code. I'm gonna make a new directory coding agent and load up Cloud Code and then I'm just gonna grab this prompt here that will build out our agent.
00:42It looks long but it's not really and we're just gonna paste this in here and we're gonna let it run and while it's building I'll have a chance to explain more about coding agents and what they are and really demystify how they work. So at the heart of it when you're using something like Cloud Code, you've got this terminal here and you're able to send it messages.
01:00You send that message. The magic is really it's just an LLM running in a loop. So if you're used to something like n eight n, you've probably used something like this where you send a provider like OpenAI or Anthropic a prompt and then you get a response.
01:13Now that's the same thing that's happening with a coding agent like Cloud Code. You give it a message, the model decides what to do. Coding agents typically run some sort of tool, right, because they're running on your computer.
01:25So they have access to, you know, look at your files and write files and read files. So the agent is deciding what to do. It runs that tool and then at the end the agent looks at what it did and then the agent reads the result of that tool and then at the end it decides, hey, did we get the job done?
01:39And if not, it just continues that process in a loop until it feels like it completed the task you gave it in this original request and then it replies back to you. And in n eight n, they solve that same problem with the AI agent here.
01:53It does the same thing. It's really doing the same thing as this except there is a loop here where something decides whether it's done or not and if not, it just sends it back into the message again until it's done and then it comes out the other end. And you can see here even this message model here has a place to add tools, right?
02:12So this is like a built in feature that OpenAI and Anthropic have had for a long time. This is nothing new. The agent is nothing more than the loop itself and the ability to run these tools on your computer.
02:24So if I come back here to Cloud Code, it looks like it's actually already done. It's a very small program. So we sent it the prompt.
02:29It decided to figure out what version of node I was running. Decided it wasn't done, so it decided to run another tool just like you would have sent a message in n eight n. It wrote the file, it decided it wasn't done yet.
02:40It wrote another file, decided it wasn't done yet. It wrote another file, decided it wasn't done yet until it had done all of the work, decided it was done and replies back to us with the task complete. And what really gives these coding agents a lot of power, the LLM has access to these tools where they can read and write and run commands on our computer which you couldn't really do on something like n eight m because these tools running inside of the cloud do not have access to whatever is running on your local computer.
03:12Now one other thing to touch on as well which is pretty interesting when you start to think about these different agents here. While it's running inside of this loop, every single call to the LLM agent is starting from scratch.
03:24It's simply remembering all of the things that you asked it and then all of the things that the agent came back with and each time this is obviously getting longer and longer and longer and it just keeps feeding this back into the agent over and over and over again. Every time you send this a message and that's why we have this memory here on these AI agents, we just continue to send that same conversation back into the LLM over and over and over and it gets longer and longer and it looks at that conversation to understand what it should do next.
03:53Now one thing I do wanna mention in this particular video is I'm using this SDK called the Vercel AI SDK, but it's a free library that helps you build these types of things. And specifically, when I build this coding agent, I didn't want it to be tied to a specific provider or a specific model.
04:09I wanted it to be able to work with OpenAI or Anthropic or really any of the other LLMs out there.
04:17And what it provides is basically an abstraction. So it gives you this ability to message a model. And I guess it's a lot like this as well where you come in here and you select which model you want in your n eight n automation.
04:29So instead of building your coding agent to work with a specific provider, you use this SDK and it allows you to configure it. You send the message to the SDK, you configured it to work with a specific model and then it will call that model and it will abstract all of the differences so that you can use one single call and at any time you can switch from model one to model two and you're never locked into a single provider.
04:53Now this SDK does a whole bunch of other things as well. It actually has its own coding agent built into it as well but again in this example we are building out our own coding agent just to really understand the fundamentals.
05:04If you're enjoying this video make sure to like and subscribe it tells me what type of content you want more of. Alright. So let's get back to Cloud Code.
05:10I'm gonna open up this project in Visual Studio Code. We can see the different files that it created and here's the main one, our agent.
05:17So we'll open that up. Notice at the top here, we are including a couple of different libraries, one for Anthropic so that our coding agent works with Anthropic and we also added another one for DeepSeek and we could add libraries for all the others. Here we gave our agent a system prompt that it's a CLI coding agent and describing what it has access to.
05:35It can read files, write files, and run shell commands. Shell commands are the things that we type here like l s to list all the files in our terminal. Here are all the different tools that we define, so obviously we can write other tools as well.
05:46It wrote a function to actually execute each of these different tools. It created a object here with a list of all of the different providers. So if we added other providers, would just add those in there.
05:56Few other functions here to help set everything up. A function here to call the model. You can see it's passing in a system message, the actual messages.
06:05We talked about that earlier. That's the memory. The messages that we have that we build up over time between you and the agent.
06:11We pass in the tools and then here's where we send in the actual user input and here's that loop, that while loop. This is a loop in your code and then it just loops forever. This is basically saying loop while this is true and we're passing true.
06:23So it's just gonna keep looping. So let's go into our shell here. Actually first, I'm gonna need to set up the environment variables.
06:29It's defaulting to use anthropic with this model and now we got to put in an API key. Let me grab that. Just drop that here.
06:40Save it. Come back to the terminal, CD into the coding agent. We can look back to the instructions on how to run the agent.
06:49I believe we can just do NPM start. We're actually running our own agent.
06:53We can type in anything we want. Let's just go type test.
07:00So you can see it's streaming back to us. That's one of the things that the AI SDK gave us the ability to. If you remember when you're using AI agents or if you're using cloud or OpenAI, whenever you ask it a question it streams it to you.
07:12It gives it to you live in bits. You don't just ask it a question and it goes and thinks for ten seconds and there's just dead space and then it responds back.
07:21So when you are developing your own AI agents or coding agents, you want to make sure you're always streaming the response back so it feels more responsive. So we can go ahead and say, show me all the all the files in this directory.
07:37So now you can see it's running a tool. Right? And now it's just listing the files.
07:42So here it ran the command l s dash l a. The dash l a just means that it listed them down this way and the a means that it responds hidden files like the dot ENV file.
07:54So now we should be able to say create me a Node JS hello world program.
08:03And for anybody that's not familiar with the hello world program, if you're a computer science major, when you take your first programming lesson, the first thing that they do is they tell you to create an application that just says hello world. Nowadays, this seems so basic, it's kind of anticlimactic but it's just a good exercise to go through.
08:22So let's go ahead and run that.
08:26So we built our own coding agent here. We have a new file called hello j s and it's right here and it tells us how to run it.
08:35So we can just grab this, we can open up another terminal and we'll run it and we've got hello world. Now let's use it to actually solve a problem.
08:45I'm not sure if you're familiar with that question. Would you rather have a million dollars today or would you rather have a penny that is doubled every day for thirty days? So let's write a program that'll solve that for us.
08:56Write a program that will solve the question, would it be smarter to have a million dollars today or a penny that is doubled every day for thirty days?
09:16Create a program that loops through and doubles the value showing each day and the final output.
09:28So we'll run that.
09:33Cool. So there we go. Let's jump back over here.
09:36Now we've got the penny app. Okay? So now let's do node penny and we've got our answer here.
09:43Pennies $1.02 so thirty days.
09:48Wow. So that's obviously much better. I'll take the 5,000,000 over the million.
09:52And then if we look inside the penny app, again, we're gonna see a loop. This loop is a little bit different. So this is a for loop.
09:58There's two different types of loops. There's while loops and for loops. What this is saying is let day equal one.
10:04So it's taking this variable here and it's setting it to one. So it's day one and it's saying loop until this day is greater than days.
10:11And what is days? Days is 30. Okay?
10:15So day equals one, keep looping until this is less than 30 and then at the end of the loop right here, it doesn't say it. We we write it here. Just showing you some basics.
10:27Where that actually happens is right here and the plus plus means add one today. So then it outputs to the console and when people say console, when you see console log, what that just means is right here.
10:39It's saying output that right here. This is the console and then you can see here that it's outputting the day and then you can see the little pipe here.
10:47So you don't need to understand all of this here. I'm just trying to show you little elements of it. Here's the pipe.
10:52Here's the day, here's the value of the doubling penny. It's basically doubling the value of pennies every day. This here is essentially the equivalent of doing something like this, pennies equals pennies times two.
11:07These two are functionally the same, it's just written this is like shorthand for computers. And then it loops, we see it all the way to 30 and then increments it one more time. Now days equals 31.
11:18So now this statement here is no longer true because now day is 31 and it's greater than this. So it breaks out of the loop and then it displays those final results.
11:27Now again, there's lots of different types of coding agents. You don't really have to build your own. Like I said in this library here, there's a coding agent you can use Cloud, agent SDK, there's the py coding agent that was made famous by OpenCloud.
11:40You can just import those directly into your project without having to build your own. But knowing how to build it is important and there might be times where you might want to, but even more importantly, the point is here is that where we're going with software, most software is gonna be agentic software. It's gonna have an AI agent at the center of it.
11:57What I noticed is most people that are getting into vibe coding, because this is what they know most, is they go to build just traditional SaaS apps or they go and they want to build a bunch of dashboards. These things can be built in seconds.
12:11So you want to learn how to build software where it is agentic first. It everything revolves around the agent.
12:18Because if you think about traditional software, and this is a really important insight for you to understand, is that it's all built around a user interface that is supposed to make it easier for people to use.
12:31And then not only that, but you have to build out all of these UI elements one by one, feature by feature, and that's very difficult. It's very difficult to build software that people actually like to use.
12:42A gentic first software revolves around a chat. You don't have to build all the features. I can just ask my app to do something.
12:48I can say, hey, delete this file, delete that file. I can say delete all the untitled MD files.
12:56Right? I don't have to go delete them. I don't have to create an interface.
12:59I do have it. Notice how I just delete it here. So you can just talk to your app.
13:03This is the future. Right? And like what if I want to do some research and then put it into my note taking app?
13:08Well, could go over to Claude and I could say, what are all the schools in Riverside, California.
13:18Right? I could wait for it to run, could cut and paste it or in my note taking app I could add a feature where I can just ask it directly in the app and it can just give me the response directly inside of the app and this is the Obsidian clone that I'm building.
13:32Right? So you get that all here and then what if you want to rewrite something?
13:38Give me the top five schools only. And I can just have it rewrite it.
13:46So I'm building this software called Shockwave with an AI agent mindset at the center of it versus just trying to replicate traditional apps that have been built and nobody's looking for. Because just remember, vibe coders come in, they wanna build traditional things, but what are the consumers looking for? What does everyone want?
14:05They want AI agents. They don't want software that makes it easy for them, they want software that does all of the work for them.
14:13Now if you wanna join a community where you can learn how to do all this stuff and you wanna see me literally build out this entire second brain app that I just showed you here, make sure to jump into the AI architects. I'm totally revamping the classroom from start.
14:26I've got these live builds and I'm building out a full course that takes you from an absolute beginner to an expert AI product engineer. It's an amazing group. I'd love to see you there.
14:35But either way, hope you enjoyed this video and I'll see you on the
The Hook
The bait, then the rug-pull.
Most Claude Code tutorials hand you a list of slash commands. This one goes one level down -- to the while-loop, the tool array, and the conversation-as-memory that every coding agent, including Claude Code, is built on.
Named ideas worth stealing.
01:30list
The 3-Part Agent Skeleton
- Loop (while-loop that runs until done signal)
- Tools (read file, write file, run shell command)
- Memory (conversation array re-sent every call)
Every coding agent including Claude Code is exactly these three things.
Steal forexplaining AI agents to a non-technical audience or onboarding a developer to agent architecture
11:27model
Agentic-First vs UI-First
- UI-First: feature then button then screen then repeat
- Agentic-First: one chat interface, expose tools, users speak intent
The argument for building chat-centered software rather than feature-list software.
Steal forproduct positioning when explaining why an AI-native app is defensible
How they asked for the click.
VERBAL ASK
14:11product
“make sure to jump into the AI architects. building out a full course that takes you from an absolute beginner to an expert AI product engineer.”
Warm direct ask after enough demo value that the community offer feels earned. Free community link also provided in description.
MENTIONED ON CAMERA
FROM THE DESCRIPTION
PRIMARY CTAWhere the creator wants you to go next.
OTHER LINKSAlso linked in the description.
Visual structure at a glance.
