Modern Creator
Riley Brown · YouTube

Fable 5.1 Builds an App That Humans and AI Agents Both Edit Live

One structured prompt into Claude Code's new Fable 5.1 turns into a Trello clone that the creator, his team, and three different AI agents can all update on the same real-time board.

Posted
3 days ago
Duration
Format
Tutorial
hype
Views
8.2K
103 likes
Part of the collectionThe Fable 5 PlaybookAll 45 Fable 5 breakdowns, synthesized into one page.
Read the playbook
Big Idea

The argument in one line.

A single structured prompt, platform, reference app, user flow, design, and database choice, can produce a working real-time app, and a shared skill file is what lets multiple separate AI agents safely edit that same app together.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • A non-technical builder who wants to see exactly what a full app-building prompt looks like, sentence by sentence.
  • Someone already paying for Claude's Max plan who wants to know if Fable 5.1's usage limits make daily building realistic.
  • A solo operator who wants their different AI agents (Claude, ChatGPT, Cursor) to share one live project board instead of separate disconnected chat threads.
SKIP IF…
  • You're looking for a finished, polished production app; this is a rough first-and-second-pass prototype, not a hardened product.
  • You need multi-tenant security or access-control patterns; the video never covers permissions beyond a basic human-vs-agent account split.
TL;DR

The full version, fast.

A creator uses Claude Code and Anthropic's new Fable 5.1 model to build, in one prompt, an agent-native clone of Trello: a project board that his human team and his AI agents (GrokBot, ChatGPT, Claude) can all edit through one shared skill file, with a Convex real-time database keeping every view in sync with no refresh. The prompt names the platform, a reference app, the exact user flow, the visual style, and the database choice up front. After the first pass, he runs a six-point check (function, layout, mobile, data, security, edge cases), batches the fixes into one follow-up prompt, tests two more agents against the same board, then ships it to GitHub and Vercel.

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 →
Chapters

Where the time goes.

00:0000:43

01 · Intro

Cold open: Anthropic just shipped what the creator calls the best coding model yet, and he previews building a fully autonomous business dashboard rather than another game demo.

00:4302:44

02 · Getting started with Claude Code + Fable 5.1

Walks through the Claude desktop app and Claude Code interface, the $100/month Max plan needed for Fable 5.1 access, and how close three days of heavy use came to the weekly Fable limit.

02:4404:10

03 · The app we're building (agent-native Trello)

Defines the target: a Trello-style board that both his human team and his AI agents (Codex, GrokBot, Claude) can add to, move, and comment on, with every change attributed to whoever made it.

04:1007:30

04 · The exact prompt I use for every app

Reads the full build prompt line by line: platform, reference app (Trello), user flow, sign-up and attribution, a minimal 'military vibe' design direction, and Convex as the database.

07:3008:47

05 · Convex: the real-time database

A sponsor segment explaining why the app runs on Convex: every agent and human write to the same live database, so updates appear for everyone instantly with no manual sync logic.

08:4712:00

06 · First look at the app

Checks the generated Convex schema and tables directly, then signs up as the first user and confirms the new account writes to the database in real time.

12:0014:43

07 · Agents update the board in real time

Copies the app's skill file into GrokBot, which adds a test card and then a full batch of prioritized cards and columns pulled from the creator's actual business, live on the board.

14:4319:14

08 · The 6 things to check after your first prompt

Lays out a six-point QA pass (function, layout, mobile, data, edge cases, security) and runs a real revision pass fixing the board's layout, mobile view, and UI clutter in one long follow-up prompt.

19:1421:41

09 · Connecting ChatGPT / Codex to the board

Installs the same skill file in ChatGPT, has it add cards and reply to GrokBot's comments, then creates a second human account and watches its comment appear on the board with no refresh.

21:4125:02

10 · Deploying to the internet with Vercel

Connects Vercel once, then asks Claude Code to push the repo to GitHub and deploy it live, giving the team a real URL, before a final prompt reorganizes the whole board around the creator's actual business.

Atomic Insights

Lines worth screenshotting.

  • A $100/month Max plan is the minimum tier that includes any Fable 5.1 usage at all, and heavy daily use can burn 75% of the weekly limit in three days.
  • Naming a reference app ('make it feel like Trello') in a build prompt gives an AI coding model a shared UI and data model without spelling out every field by hand.
  • A real-time database removes the syncing and caching logic an AI agent would otherwise have to hand-build to keep multiple writers from overwriting each other.
  • Packaging an app's write access as one shareable skill file lets any AI agent, regardless of platform, start editing the same live board with no custom integration work.
  • Batching every requested fix into a single follow-up prompt let the model choose its own priority order, which outperformed fixing issues one at a time.
  • Checking an AI-generated app's mobile layout is not optional: these apps default to desktop-only unless the prompt explicitly asks for phone-view testing.
  • Handing the same connector file to a second AI agent from a different company surfaced a data-formatting bug, an apostrophe breaking a request, that the first agent never hit.
  • A live comment appearing on a shared board with zero refresh, triggered by a newly created human account, is a concrete test of whether a 'real-time' claim actually holds.
  • Giving a coding agent a hosting API key once turns every future deployment into a single chat instruction instead of a manual push-and-deploy routine.
  • The same five-part prompt structure, platform, reference app, user flow, design, and database, works for describing almost any business app before writing a line of code.
Takeaway

The checklist that catches AI app bugs

AI BUILD WORKFLOW

A single well-structured prompt can produce a working real-time app, but shipping it well depends on a repeatable six-point check and a shared skill file that lets every AI agent write to the same board.

02Getting started with Claude Code + Fable 5.1
  • Fable 5.1 access requires at least Anthropic's $100/month Max plan, and usage on top of the included allotment is billed separately.
  • Three days of heavy daily use only burned through 75% of the weekly Fable allowance on the Max plan, so the limit is workable for daily building rather than a hard ceiling.
03The app we're building (agent-native Trello)
  • Designing an app to be used by AI agents as first-class users, not just humans, means deciding up front how each agent's actions get attributed and displayed.
  • Choosing a familiar reference app (Trello) as the target gives an AI coding model a ready-made mental model for the UI and data structure without spelling out every field.
04The exact prompt I use for every app
  • A build prompt that states the platform (web, not desktop or iOS) before anything else stops the model from guessing the wrong target and having to be redirected later.
  • Describing the exact user flow, sign in, add, move, delete, comment, in order, forces permissions and attribution decisions to get made before any code exists.
  • Naming the database technology (Convex, for real-time sync) inside the original prompt, rather than adding it after the fact, is what makes live multi-agent updates possible later.
05Convex: the real-time database
  • A real-time database means every agent and every human write to the same source of truth, so a change from one client shows up for every other client instantly, with no refresh.
  • Real-time sync removes the caching and consistency logic an agent would otherwise have to hand-build to keep multiple simultaneous writers from overwriting each other's changes.
06First look at the app
  • Checking the generated database schema and tables directly, not just clicking through the UI, is what actually verifies the model built the data model it was asked for.
  • A new sign-up correctly appearing as a fresh row in the users table, in real time, is a fast, concrete pass/fail test that the backend is really wired up.
07Agents update the board in real time
  • Packaging an app's write access as one shareable skill file lets any agent, on any platform, start editing the same live board with zero custom integration work.
  • Every agent that installs the same skill inherits one shared account unless the prompt explicitly asks the model to register a separate, attributable agent identity first.
08The 6 things to check after your first prompt
  • Checking function, layout, mobile, live data, edge cases, and security, in that order, catches the deal-breakers before spending time on visual polish.
  • Batching every requested fix into one long follow-up prompt let the model choose its own priority order, which produced better results than fixing issues one at a time.
  • AI-generated apps default to a desktop-only layout; the mobile view has to be explicitly requested and checked, it's never automatic.
09Connecting ChatGPT / Codex to the board
  • Handing the same connector skill to a second, unrelated AI agent surfaced a data-formatting bug, an apostrophe breaking a request, that the first agent never triggered.
  • A comment posted from a freshly created human account appearing on the board with zero page refresh is the concrete test that a 'real-time' claim actually holds under real use.
10Deploying to the internet with Vercel
  • Giving a coding agent a hosting API key once turns every future 'put this online' request into a single chat instruction instead of a manual deploy step.
  • Asking the agent to push to GitHub and deploy in the same prompt turns a local prototype into a shareable team URL without leaving the chat interface.
Glossary

Terms worth knowing.

Fable 5.1
The name used in this video for Anthropic's newest Claude coding model, framed by the creator as the strongest coding model available at the time of recording.
Claude Code
Anthropic's coding agent, run here inside the Claude desktop app, that writes, tests, and deploys the entire app from a single prompt.
Convex
A hosted, real-time database platform where every read and write updates all connected clients instantly, with no manual refresh or polling.
skill file
A packaged instruction file that gives any AI agent the login details and rules it needs to read and write to a specific app, letting multiple separate agents share one interface.
agent-native app
An app designed from the start to be used by both humans and AI agents as first-class users, with actions attributed to whichever account made them.
Vercel
A hosting platform used here to publish the finished app to a public URL directly from the coding agent, without a separate manual deploy step.
Resources

Things they pointed at.

07:30toolConvex
02:44productTrello
21:41toolVercel
Quotables

Lines you could clip.

00:00
Anthropic just released the best coding model in the world.
bold cold-open claim, works as a hook with zero contextTikTok hook↗ Tweet quote
11:59
Oh, wow. Look at that. My agent added it.
unscripted surprise reaction to the feature actually workingIG reel cold open↗ Tweet quote
15:00
I've found that Fable is much smarter than me at programming, or probably in everything.
self-deprecating, quotable claim about the modelnewsletter pull-quote↗ Tweet quote
20:20
Jacob left a comment. Oh, and so when there's comments you can see it update live on the board.
plain-language proof of the real-time featureTikTok hook↗ Tweet quote
The Script

Word for word.

Read-along

Don't just watch it. Burn it in.

See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.

metaphoranalogy
Anthropic just released the best coding model in the world. And today I'm going to show you how easy it is to build a real useful app for your business with a front -end back -end database fully deployed to the internet. And to quickly demonstrate the power of this new model, Fable 5 .1, I created this Call of Duty game in just four prompts.
But we're actually not talking about games today. Today, I'm going to show you how you can build a real app without any coding experience. And the app that we're building today will be a dashboard that manages my entire business autonomously, and it will actually update in real time.
Not only will I be able to add to this dashboard and leave comments, but so will my agents. Codex and Grokbot. Let's not waste any more time.
Let's dive into the video. Alright, so here we are using the Claude desktop app. If you've used Claude before, you've probably seen this.
For those of you who aren't technical, you probably use the chat version or the co -work version, Claude and Claude co -work. Today, we're actually going to be using Claude code. Claude code seems a little bit intimidating at first, right?
You see this stuff that you may not recognize local agent, native landing. What is that main work tree? It's all good.
I'll explain everything that you need to know to get started vibe coding with the brand new fable 5 .1. So that's what we're doing. We're using the Claude desktop app.
Within the Cloud Desktop app, we're using Cloud Code and we're using Fable 5 .1, which is the best model in the world as of September 3rd, although GPT -6 is rumored to come out very soon as I'm making this video. So they could be really close. But as of right now, when I'm filming this video, Fable 5 .1 is the best coding model in the world.
And I will say. If you do not have at least the max plan, which is $100 per month, it will be paid usage as soon as you start using it. And this model is pretty expensive.
You will get some Claude Fable usage that's part of your plan with the max plan and the max 20x plan. This is the plan that I have, and I've been using Claude for... I used it a ton for the past three days, and I have not yet hit my weekly limits.
So it feels like I'm able to use it a decent amount. And so that's what we're doing. So if you sign up for Claude and are on one of these two plans, you get Fable usage baked in.
And if you click on this little circle right here, you can see that I'm actually 75 % of the way through my weekly Fable limits. But don't worry, if we reach our limits in this video, I will pay for more Fable credits. Because we're about to create such an insane app.
Okay, so now it's time to get to the app that we're actually building. And I'm about to show you the prompt that we're going to use. And every single part of the prompt that I like to include whenever I'm building any app.
But I first want to explain the app that I want to make. And it is going to be basically a fully agent native Trello. And Trello right now you can use yourself.
You can add your team members. but it's not meant to be used with agents. And I want to build in a dashboard on the side panel here that gives us like important updates for our business, as well as I want any agent that I use, right?
If we look at Grokbot, for example, right? I want Grokbot, my Jimmy bot, to be able to update this Trello board and add comments. And I want everything to be tracked.
So if Jimmy adds something to the board, It should say that Jimmy added it to the board. I also want to be able to do it directly from Claude.
I want to be able to do it from Codex. Any agent that I have should be able to update and edit this. And because all of my agents are connected through these plugins up here, right, connectors, my agent has context over my entire business.
Email, Slack, text messages. Cod code can read my text messages. Calendar, everything.
So in theory, my agent should be able to keep. a dashboard fully up to date. And so that's what I want to build today.
All right, let's go ahead and dive into the prompt. The first thing that I always include in the prompt is the platform. So I want to build a web app.
This is not a desktop app or an iOS app. We're building a web app. And so this app will be our company dashboard.
It'll be just like Trello for our ongoing projects that I can update as well as my agents, no matter which platform. Then I always include a little section where I talk about similar apps. I said this app should feel like Trello.
with all the different fields. When I open one, I want there to be comments that are in order from most recent to most old and that shows agent comments. Agents can comment on it and they are instructed to leave their name or actually they won't be instructed to leave their name on it and it will show their name.
And then I always just kind of describe the flow, right? User or someone from my team. would sign in with their email, right?
We want sign in. Users can add, move, delete, and edit items on the board. When they do, it's their name.
They are the creator of that item, right? It should show who created what. And so this app will be agent native.
Each person will be able to copy a skill, which will have the necessary keys to allow their agents to edit the board. Agents will be instructed to create an account on first try as like Riley's agent. And I want to include Riley's.
Agent should be connected to Riley. Agent account. So there should be agent accounts and human accounts.
And then for the design, we're going to make it minimal with a slight military vibe to it. I don't know what I mean by this. We can iterate on it later.
It's just like what came to my mind here. And then I also, when something new gets added in real time, please make a five second slight animation showing that it updated. Because...
We're going to be using convex for the database, which updates in real time. So as an agent were to update it, it would like update. And I want it to be like, you know, like I'm picturing like a military dashboard.
As something happens, we see it show up on the board and that it should be cool looking when it gets added to the board. That's kind of the way that I'm thinking about it. And then for the database, we are going to be using Convex.
And so, like I said, Convex updates the database in real time. So this app, if we're working with a bunch of different agents, it'll be able to happen in real time. It's going to be awesome.
Okay, so I just copied that entire prompt. And now what we need to do is we are going to come to Cloud Code and we're going to create a new folder. So here it says Agent Native Landing.
I'm going to click on this and I'm just going to hit Open Folder. And you can put this app wherever you want on your computer. I'm going to put it here in the downloads folder.
And I'm just going to create a new folder here. And we're going to call this app agent native Trello. We can create this board.
And now we're going to hit open. So now we are running cloud code in this agent native Trello folder. Now I'm going to paste this prompt.
And we are ready to create our app. I'm just going to run it. And so while this is loading, I said that we are using Convex.
And for this, this will actually use the plugin for Convex. And so that brings me to the sponsor of today's video. So every real business app that I make needs somewhere to store information and keep it accurate for everyone using it.
And that's why I use Convex. I installed the official Convex plugin in Cloud Code so I can create my app. or any other app with a real database.
For this dashboard, Cloud Code and all the other agents write to the same database. And if I switch agent platforms, I can easily get that agent to write to the same database as well. When one starts a task, finishes it, or leaves a comment, everyone sees the update instantly, no refresh.
It's all real -time. Normally, an agent would have to build a real -time syncing, caching, and rules to keep the data consistent. If you plug into Convex, it's much easier.
The plugin can also see the app's structure, logs, backend functions, so Cloud Code can understand and maintain the entire app. Convex also has reusable components for AI agents. Login, rate limiting, and action caching, so you don't have to start from zero.
Ask your own agent to build an app with Convex and see for yourself. Creating an account is free and the link is in the description. Okay, so it's still working.
We're 20 minutes in and it should be done soon. I'm really excited for this. Okay, so it is done and we see this sign -in page here.
Notice here it gave me a convex link. So that's actually the first thing that I usually check is I'm just gonna make sure that everything looks good. And if you click on this data tab right here, or this schema tab right here, you can see all of the tables that it created.
And so we have the different cards. So we have assignees, comment count, created by, description. So it added a lot of things on the database side using convex.
And we can see comments, to -dos. It added rate limits, which is really cool. Notes.
And each note has an author. Agents. So it has name owner ID.
So each agent will have an owner. This is looking good. So this is our database of our application.
Now let's try and sign in. And so here the app is running locally on our computer. And so I will show you how to put this on the internet.
This will be actually the last step. But I do want to come down here and we're actually going to create an account. And I'm just going to be Riley Brown.
Riley at agent native. And I will create a password. And here we go.
We are in. And we can add an email verification step in just a second. So you have to verify your email so it's not just immediately sign up.
And I think I'll do that in a second. But I think this is actually the best way to start. What we want to check out right here is we want to make sure that we're actually in the database.
Because notice here, we're in the data tab. If we go to agents, it's empty API auth accounts. And if we come down to users right here, we can see that it's Riley at agent native.
So we have one user of this app. It is entering the database and it's doing so in real time. And so now what I can do is I'm on this app.
I can full screen it just like this. It's kind of hard to see. So I will make that change in just a second.
I can click on this button. Here's agent .md. So I'm going to go ahead and copy this skill.
And let's say for a second that I wanted my grok bot. And I'll make a new grok bot called dashboard bot. And then I'm just going to say, hey, you update this.
And I'm just going to paste it here. And so that's the point. of the app that I'm trying to create.
I want to be able to create an app where all I have to do is copy a skill and paste it to any agent, and then the agent should be able to connect to this dashboard. That's what I want to have happen. And so this agent, dashboard bot, will be able to update the database.
We'll see if this works on the first try. And it's updating its own instructions here. When done, please add a card to the database which says hello and state your name.
And so we go back to Claude and let's see if it adds it to the board. Oh, wow. Look at that.
My agent added it. Let's go. Hello from Dashboard Bot.
That's awesome. Let's take a look and see how this works from a database perspective. So if we go to agents here, we've created a new agent and its name is Riley's Cursor.
Okay. So Riley's Cursor is because Grokbot is by cursor. That's why it says that.
And so that's totally fine. And since all these agents share a skills. We don't really want to give them all different skills.
So now any agent in here actually can leave a comment on the board. It just won't show up as dashboard bot, which I think for the sake of this is actually fine. I don't need multiple grokbots updating this.
And in fact, I can go to grokbot and I can actually go to my main grokbot. Take what you know I should be working on right now and add. it to the dashboard using i forget the name of the skill is agent native board okay so i could just go like this i could go using agent native board add the things i should be working on okay and that'll add that and let's see if grokbot is able to add those correctly oh there we go It just added all of these.
Oh, now it's removing some stuff. There you go. It added these items to the board.
Grokbot long form film. How ready is your site for AI agents? Film agent email.
Wow. This is really cool. And I could literally have it create.
I can add this column key emails. And then I can say, please take the key items from. details and add it to the latest column that I created.
And then Grokbot should correctly add them to the right column. Oh, there it is. Here we go.
This is awesome. Okay, this is pretty cool. So it can very easily add these.
It can even add categories. Here it added video, email, deadline, email, ops. We now...
can do this from Grokbot. Okay, so we've done our initial test after our first prompt with 5 .1. And you'll notice that the app basically just kind of works.
You know, functionally, it does what we asked it to do. And that's really cool. And now, these are kind of the main six things that I look at after I've done my first prompt.
that all end up leading to like re -prompting to fix errors. And I will try and fit as many of them into a single prompt as possible because I've found that Fable is much smarter than me at programming or probably in everything. And so if I give it all the things I want it to fix, it'll actually fix it in the order that...
Fable deems as best rather than me having them fix it one at a time. And so I kind of just look at the function, right? It basically does function the way that we wanted it to.
The layout is not clean and I actually don't like some of the layout. So that will be what I try and fix first. The next thing actually is mobile, right?
Does it fit well on a phone screen? If we go to Claude, I believe we can click on this. I can go like this.
And we can see how well it looks on mobile. I don't know how well it does on mobile. That's actually one thing that we should probably fix as soon as possible.
So I'm just going to list them out here. Please search how Trello does their iOS app and please make it look like that for the mobile view. I want the mobile view to work, right?
I want this to look okay on mobile. That means you need to make them smaller. And then I want to be able to horizontally scroll and vertically scroll through these lists.
Do it exactly like Trello. Please make all the text more white and vibrant. Like it's hard to see the title of the list.
Also, there's too many lines, right? I don't want the outer border around the list. I just need the list title and then the cards beneath it.
And then the add card at the bottom should be like a very subtle, like... Mostly transparent thing that I can click that almost looks like another card. This is too much enclosed stuff Also get rid of the line below the top bar at the very top and then the agent notebook Please just make a little note icon at the top and make that the note icon the exit button Okay, so that's sign out please get rid of that Just put that in like a profile like if I click profile, that's where the sign out button should be And then I'm going to say that I actually don't like the war vibe.
I like the more minimal vibe. Make the animation cooler and it should make a sound. This is when things are added to the board by an agent or by anyone.
And then I just said... Don't list the number of cards right like on this page. I'd actually don't want it to list the number of cards I actually haven't tested the comments yet, so I'm gonna go ahead and do that with grok bot I'm gonna say please leave some comments on all the videos and Give me a pointer on all of them, please So I'm basically having it leave a comment here.
There should be comments. We should be able to see, oh wow, we can see opened by Riley's Grokbot agent, updated by Riley's Grokbot agent. This is actually pretty cool.
Okay, here Grokbot said it added some comments. Let's actually go ahead and check that out. And here you can see Riley's Grokbot.
Pointer, some shadow while building patterns as an agent. Walk a real sight through this. Okay, so we can see.
the comments by the agents on each video, which is really cool. However, I don't like the UI of the comments. So that's the last thing I'll include in this one is please make the UI of the comments look more like just like a more relaxed message board.
Too many like lines in general, like there's just too many horizontal lines. Just don't have the vertical line between the two sides of the pane like in the details of each card. Just kind of just like minimalize it.
And like it could just say Riley's Grokbot and have a little icon there. And then have the text beneath it. And like make it look just more minimal.
This is too much. Okay. So now we're going to run it.
This is for our follow -up prompt. And we will see how it does. Okay.
So it's done. And it looks a lot more minimal. So let me sign in.
Okay, so this is looking pretty good and these buttons here at the top are looking a lot better. One thing I also want to try is I want to really quickly copy the skill .md file and I want to make it work for ChatGPT. Please connect this, add the skill, then add 10 things to the board in...
And add one column. Whatever you think is best. And then I'll paste the skill here, because what we want is any agent to be able to...
Oh, and find the comments from the cursor bot and make a comment responding beneath them. Right? Now we have this skill, so it'll be able to see...
Riley's grok bot's comments and it should be able to comment beneath it Which is pretty cool And then while that's loading what I do want to test here is I want to be able to create an account So I'm created a new count. This account is named Jacob. And so I should be able to say hey, this is pretty cool And so Jacob left a comment.
Oh and so when there's comments you can see it update live on the board That's pretty cool as well Let's see where GPT is. Okay, the skill is now installed.
I'm applying it now to Riley's Codex, first registering the agent's identity, then reading the live board before creating so existing cards and replies aren't duplicated. Pretty cool. Oh, here we go.
They're coming in. And there you go. It added them based on what ChatGPT knows about me.
And there you go. So ChatGPT added it. You can see it created by Riley's Codex.
Okay, so we're running into one of these problems. So I think it's the apostrophe here. So all we have to do is screenshot this formatting.
And I'm just going to paste this. I think this is a formatting issue with the apostrophe. Please fix this and then take an in -depth look at this website.
Please analyze everything and just make some adjustments for styling. Just use your best judgment. Look at the app and make some changes.
And there you go. I mean, our app basically works. Our team can use it.
The only thing that prevents my team from being able to use it is putting it on the actual internet. And for that, we're going to be using Vercel. And so Vercel is basically where I host all of my apps, like my website, agentnative .inc.
It is hosted on Vercel. And all you need is to get an API key. And the first time you do it is you can just give the Vercel API key to Cloud Code and just say, please configure Vercel so that we can build apps and deploy them to Vercel.
And once you've done that, I can say something like this. Hey, once you're done, please make sure this is on GitHub and Vercel. So I want you to create a new repo.
Call this Agent Native Board, unless you've already done that. I forget if you've done that already. And then I want you to put it on Vercel once you're done so that we have it on a real URL that I can send to my team.
And there you go. It kind of made some more changes. I think this looks a lot cleaner, actually.
This does indeed look cleaner. And look at that. We now have it on GitHub, and it's also live on Vercel.
So if we click on this link, this is on the internet. You could go to this website and you could contribute to this app. You could actually add your agent to this app if you sign up right here.
AgentNativeBoard .Vercel .App. And I can sign in. And there you go.
We have our app. Please remove everything from the entire board. I want you to reorganize it for my actual business based.
on everything you know about me. But first, leave a few notes in the notebook. Because remember, we do have this notebook over here.
If we click notebook, we can leave notes in the notebook. And I can leave notes in the notebook. I can delete it.
There you go. It just updated everything on here. Here it is leaving things in the notebook.
I'm going to close this because some of this might be sensitive info. But there we go. Our app is on the internet, fully deployed to Vercel.
Any agent can add things to the board. It can edit, it can comment on everything. And it is like a full clone of Trello.
And we created this in, well, we created the basics of it in one single prompt using Fable 5 .1, which is arguably the best model in the world. And literally it created a full backend database and we use Convex for this. And there you go.
You can see all of the data on the back end. And as a summary, this is what we did. We created this Trello -like clone.
And this Trello -like clone, I can make changes, right? So me, Riley, I can add things to the board. I can comment on things on the board.
But Grokbot, Claude, Codex, or any other agent can also make changes to this board. And the way we did that is we just used the best model in the world. And we let it basically do everything.
It built the front end, back end. And we used Convex for the database. And then we hosted it on Vercel so that it's live on the internet.
That's a summary. Thank you guys so much for watching this video. I hope you learned a ton.
Let me know in the comments what video I should make next. I'll see you here for the next.
The Hook

The bait, then the rug-pull.

Anthropic just shipped a coding model good enough, this creator claims, to build a full-stack business app in one prompt. He proves it by building something a single-player demo can't: a Trello clone that his human team and three different AI agents all edit live, at the same time.

Frameworks

Named ideas worth stealing.

04:10list

The Five-Part App-Building Prompt

  1. Platform
  2. Reference app / similar apps
  3. User flow
  4. Design direction
  5. Database choice

The fixed section order the creator uses in every prompt to a coding agent, so the model gets platform, structure, tone, and persistence decisions all in one pass.

Steal forprompting any AI coding tool (Claude Code, Codex, Cursor) to build a working app in a single shot
14:43list

The Six-Point Post-Prompt Check

  1. Function
  2. Layout
  3. Mobile
  4. Data (real-time)
  5. Test (edge cases)
  6. Secure

A fixed checklist run after the model's first pass, in this order, before any visual polish work starts.

Steal forQA-ing any AI-generated app before showing it to a client or team
CTA Breakdown

How they asked for the click.

VERBAL ASK
07:36product
Install the Convex plugin in Claude Code so I can create my app... Creating an account is free and the link is in the description.

Sponsor read placed right where it's earned: he'd just said the app runs on Convex, so the pitch is framed as 'here's the tool we're already using' instead of a break in the tutorial.

MENTIONED ON CAMERA
FROM THE DESCRIPTION
PRIMARY CTAWhere the creator wants you to go next.
Storyboard

Visual structure at a glance.

open
hookopen00:00
the pitch
promisethe pitch02:44
agents update live
valueagents update live12:00
ship it
ctaship it21:41
Frame Gallery

Visual moments.

One-click upgrade to your Google

Get more breakdowns in your search results

Add Modern Creator as a preferred source and Google shows you more of our breakdowns in Search, Top Stories, and AI Overviews. It only changes what you see, and you can undo it in your Google settings anytime.

Add to Preferred SourcesOpens your Google source preferences with us pre-loaded. Tick the box and you're done.
Watch next

More from this channel + related breakdowns.

23:59
Riley Brown · Listicle

GPT-6 Astra Feels Like AGI

One creator spent a week and $1,500 in credits with early access to OpenAI's new model and came away with seven reasons he thinks the agent era just changed.

September 7th