Devin AI: The Full Beginner’s Guide (Better Than Claude Code?)

This is the complete guide to using Devon, an AI code editor that has access to every frontier model in the world.

With Devon, you can create insanely professional websites, mobile apps, presentations, and many other things that are useful for marketing. Today,

we're going to be using Devon to build a personal landing page that is professionally designed. We're also

professionally designed. We're also going to create a lead magnet that allows our company to gather leads from the content that I post. And we're also going to create a dashboard. And this

will be a dashboard that our entire marketing team will use going forward.

This video will be divided into two parts. And the really fun part will come

parts. And the really fun part will come in part two when we create our personal landing page. And then connected to this

landing page. And then connected to this personal landing page, we're going to create a lead magnet. And a lead magnet is something you offer your audience, usually for free, which allows you to capture leads. So if you run any

capture leads. So if you run any service-based business or an info-based business, this is really useful for capturing leads if you're trying to sell anything later. And then we're also

anything later. And then we're also going to take the submissions from the lead magnet and we're going to convert it into a dashboard that your whole marketing team can do. And we're going to do all of this without writing a

single line of code. Now, at the beginning, we do need to get started by talking about the basics, which is what is Devon and downloading Devon. So, this

is a platform where I type in whatever I want right here. Like I could type in a landing page for Riley. Search Riley

Brown.xy XYZ, which is my website, make a better version, right? I could just type this in and AI will actually go off and build my entire site or app. What

makes Devon really interesting though is I can click on this sessions tab and you can see this is like a conbon board of all of the different agents that are running. And right now we're waiting on

running. And right now we're waiting on a response. So I can click on this. I'm

a response. So I can click on this. I'm

just going to hit allow once. I'm just

going to say always allow this page and I can go back to the sessions and we can see that the agent is running again. You

can have unlimited AI agents running at the same time building whatever it is that you want to build for your business. And that is the basic essence

business. And that is the basic essence of Devon. And so Devon not only allows

of Devon. And so Devon not only allows me to just ask an agent to build an app, it actually allows me to ask a fleet of

agents to do many tasks on many apps.

And notice here, you can use many of the same agents on one app, or you can give each agent one app. You're basically

managing these agents to create whatever it is that you need for your business.

Okay. So, in order to download Devon, what you're going to do is you're going to open a new tab, and you're going to type in devon.ai. And the page you go to will look like this here, you're just going to press download, and you're

going to download for whatever type of computer you have. I have a MacBook Pro M4. It also works for Windows, and I

M4. It also works for Windows, and I believe it works on basically any computer that you might have. And when

you are signing into Devon, you're going to see an option to sign in with GitHub.

I think it's incredibly important that you create a GitHub account and you attach your GitHub account to Devon. And

by the way, creating a GitHub account is completely free when you're first starting out and you can sign in after creating account on Devon. Once you've

downloaded Devon and you're signed in, it may look something like this. There's

actually two views on Devon. The first

view is editor. And if you're an advanced developer, you may want to use the editor view. This will give you more control over the code files. If you're

like me, I have never written a single line of code. And I use the agents tab.

And I'm not kidding. I've never written a single line of code, but I basically am managing like five different apps that I use personally. Two apps that I have paid users for that I manage

completely by myself. And I have 139 repositories, which is like projects on GitHub that I've created. Okay. So on

this agents view within Devon, it's very simple. you have a list of your chat

simple. you have a list of your chat sessions, right? These are all of the

sessions, right? These are all of the agents that you can talk to. And then on the right, you can see your the agent that you can type to. So, I can type whatever app ID I have right here. On

this little selector right here, I can choose from any model, whether I use their built-in SWE 1.7, I can use Cloud Fable 5, I can use GPT 5.6 Luna, and I

can also use the open source models as well. GLM 5.2 too high is a great model

well. GLM 5.2 too high is a great model and you can see here it is free which is part of their gift for signing up I believe. So if you followed along so far

believe. So if you followed along so far you're already in a position to create an app. You are ready to build an app.

an app. You are ready to build an app.

So let's go ahead and try this. I want

you to create a very beautiful personal landing page for me, Riley Brown. Search

me on the internet and create a beautiful landing page that we're going to build over the next few minutes and we're going to make it amazing. Please

build it then run it locally. Okay, so

now it's done. And you might be thinking, what is that on the right side here? Like what is even going on? Well,

here? Like what is even going on? Well,

this is the code and you actually don't even need to pay attention to this. You

can just ignore this side of the screen.

What you'll see here is a local preview.

That means your app or site is running locally on your computer. So if you click on this, it'll actually open up a browser and it just created this site.

This is not on the internet. Again, this

is running on your computer. So this

site is something I can only see, right?

No one else can see this. And so in order to actually put this on the internet, you can use many different services. I just usually use Verscell

services. I just usually use Verscell because AI agents are really good at using Verscell. And this will actually

using Verscell. And this will actually allow us to put it on the internet. And

so in order to connect Verscell, we're going to go to Devon. And we are going to come down here to this open MCP marketplace. And there you go. We have

marketplace. And there you go. We have

this Versel option right here. And we

can hit connect. And now we're going to open this up. It's going to open up. We

need to select which sub account you want to use within Verscell. I'm going

to add this. I'm going to add all projects. And I'm going to hit allow.

projects. And I'm going to hit allow.

Verscell is I believe it is free to set up and you can even deploy your sites which means put on the internet for free to get started and that's it. Okay, so

we're not just building a landing page in this. We're also going to be building

in this. We're also going to be building a lead magnet later and that means people are going to come to our website and they are going to be required to put in their information in order to get

some sort of asset, right? We want to gather that information. And so what we need to do is we need to create a way for our site to actually hold that data

and in a way that we can access it and that's what's super valuable, right? If

you're releasing a lead magnet, people are who want some PDF or digital product and that person is likely to buy your product. So you want to make sure you

product. So you want to make sure you store that information. And in order to do that, we are going to be using Supabbase. So, we're going to do the

Supabbase. So, we're going to do the same thing we're going to do is we are going to come down to the bottom here and we are going to look for Subabase.

There you go. There's Superbase. We are

going to install it here. We actually

need to go to our Superbase account. And

again, Superbase is free to get started.

So, I'm going to go to superbase.com.

And once you're into Superbase, you're going to go to superbase.com/dashboard/account/tokens.

superbase.com/dashboard/account/tokens.

Right? You can, this link will be in the description. And this will allow you to

description. And this will allow you to find your token and you can generate a new token and you're going to copy it.

Now we are going to go back to Devon and I'm going to paste it right here. So I

just pasted it right here. I'm going to hit add and I think we are good. So now

it is installing and now I have all of the tools that are part of this superbase connection. Okay. So now I

superbase connection. Okay. So now I want to dig into the purpose of this landing page. And for the sake of this

landing page. And for the sake of this video, let's say I'm releasing a product called Agent Tree, which is like Linkree for agent skills. You know how [snorts] people put up a linkree, they have uh

sponsored posts, they have uh other items on there, links to their other social media platforms. I want to create this, but just for agent skills, so people can give away agent skills for

free as lead magnets or they can sell them. And so we're going to release this

them. And so we're going to release this product later because what you want to do before you build a product is to validate the idea. You want to see how many people are actually interested in

it. And so what we want to do is we're

it. And so what we want to do is we're going to create a landing page. And this

landing page is going to point at a lead magnet. And so this lead magnet is going

magnet. And so this lead magnet is going to be a PDF. And this PDF is going to be how to monetize your agent skills. So we

want a landing page. And then in this landing page, we're going to have some sort of like button in it that allows me

to push people to this PDF. And in order to get this PDF, you're going to need to put in your email, name, and then a few other useful fields. And then you'll be

able to get access to the PDF. And so we want to make sure that we store all of these in here. And this is the basic idea. So, we're going to create a

idea. So, we're going to create a landing page that points to a lead magnet that allows us to gather a ton of emails. And so, what I did the other day

emails. And so, what I did the other day is I created a new AI image of me. I

took this photo of me that wasn't very good, but I wanted one that might look good or interesting or cool on my website. And so, I just found this image

website. And so, I just found this image off Instagram and I basically just used AI to convert these two images into this. And so, I'm going to copy this

this. And so, I'm going to copy this image right here. And we are going to go to Devon. Okay. So, I'm about to give

to Devon. Okay. So, I'm about to give you my plan. I'm going to type it all out right here. And I want to completely pivot this landing page to a completely

different style.

And so, in my downloads folder, what I'm doing is I'm going to put two images here. The first image is of me. This is

here. The first image is of me. This is

the actual image I want in my site. And

then I'm also going to put this reference image that Devon can use. And

so, this is just in my downloads. And I

can just tell Devon that um by the way there's two images in my um downloads that I want you to actually go get and I actually want you to use the image of

me. The image that has no background.

me. The image that has no background.

That is the image I want in my site. And

then the other image in there is an image that I want you to use as a style reference except what we're doing is a little bit different than the one that is there. I just want the general style

is there. I just want the general style to be like that. The purpose of this site is to sell a or drive people to a lead magnet. And I want you to just

lead magnet. And I want you to just create the landing page and then the button to that lead magnet. Don't

actually create the lead magnet page.

We'll create that next. I just want you to create a a landing page that's very persuasive that drives people to this lead magnet. And then I just took some

lead magnet. And then I just took some time to write out what we're eventually going to do. I did say don't build the lead magnet page yet. We're just

focusing on the landing page. So, this

is a pretty long prompt. Please update

the app that's currently running locally. That's one we're going to use.

locally. That's one we're going to use.

And [clears throat] so, now I'm actually going to raise this up a little bit. I'm

going to select I'm going to go here.

I'm going to hover over this. And we're

actually going to raise this to high.

So, we're using the best GPT model, which is close to as good as Fable. And

we're going to run this. This is a little bit longer prompt. We're going to go ahead and fire this off. And now,

we'll wait. And so, right now, Devon is working. And this will probably take

working. And this will probably take three to five minutes. And again, we can go to our sessions. We can see that one agent is running, which is really cool.

And we'll just wait for it to be done.

Okay, so it appears to be done. Now,

let's go ahead and go back to our browser. Okay, look at this. Riley

browser. Okay, look at this. Riley

Brown, AI agents for creators. Get the

guide. If I click get the guide, it just takes me back to the main page because that's what we asked for. And here it says, "Send me the playbook." Monetize

your AI agents. Learn how to turn the AI agents you're already building into product, services, and recurring revenue. Your audience doesn't need more

revenue. Your audience doesn't need more information. They need your help. And a

information. They need your help. And a

product that you can sell. This is very cool. Get the free guide. I don't like

cool. Get the free guide. I don't like this font. So, we're going to make an

this font. So, we're going to make an edit here. So, I like to just take a

edit here. So, I like to just take a screenshot. And I um am just going to

screenshot. And I um am just going to point at this. I don't. It's just kind of ugly. It's like this like weird

of ugly. It's like this like weird brown. I don't like this color. Please

brown. I don't like this color. Please

fix it. And while that's running, we can continue to make changes here.

Why don't we replace that image with another one of me? Let's grab this image right here.

And so I just added a new image. So I

just called this new image. See how it's a little bit different? I want to add different photos of me in my website.

So, we can go back to Devon. In my

downloads, I added another image. I want

you to use that in the one for this section right here. So, we can go to our website right here. I'm just going to screenshot this. We'll copy it. We can

screenshot this. We'll copy it. We can

go back to Devon, paste that in. You see

the image that I'm pasting here? I want

you to replace this image with the image that I gave you. And then make the background color for this a light blue color. This should be like an

color. This should be like an interesting like accent color to the website. Whatever would look best.

website. Whatever would look best.

And again, we're just firing these off.

And while that's loading, I'm going to fire up my next prompt. Okay. Now, I

want you to make the PDF page make it like just like have some really cool PDF looking thing. Have all the fields that

looking thing. Have all the fields that I would need to type in. We don't need to set this up to Superbase yet. We'll

do that in just a second. But I want you to just create the PDF page for when I click on get the thing for all those buttons there. And here's another thing

buttons there. And here's another thing that you can do while using Devon is I can just press enter with this prompt and now it is queued up. And so I can either send the message right now to

basically steer the model or I can just leave it as cued. So as soon as this one finishes, this one will begin. And so as you can see here, right, we've so far we've talked about what Devon is. We've

talked about how you can download Devon.

We got set up and we are almost done building our personal landing page once Devon is done. And then we're going to move into some of the fun parts which are creating the lead magnet, like

actually having a PDF that users can get after they put in their information. And

then we'll create a dashboard of all the users that have entered their information. And by the way, one thing

information. And by the way, one thing that's really cool about Devon is they have an inapp browser. And this inapp browser is pretty solid. And as you can see here, it looks pretty good when it's

actually more narrow. So like look at this. This looks pretty good. And once

this. This looks pretty good. And once

we go wide, this looks pretty solid. And

we can just view it in our browser here.

We can see the change that it made. It

put me with this uh light blue background. And this is looking pretty

background. And this is looking pretty good. And now it is creating that PDF

good. And now it is creating that PDF page. Oh wow. Check this out. This is a

page. Oh wow. Check this out. This is a sick page. Oh my god. Look at the

sick page. Oh my god. Look at the background of this. I like this page more. So like once I click get the

more. So like once I click get the guide, this is pretty sweet. I like this page a lot more. I like this background type. Wow. Okay. So now what I want to

type. Wow. Okay. So now what I want to do is I want to connect superbase so that all of this data is stored. As I

just showed you, we need to do this part. So as people fill this out, it

part. So as people fill this out, it should be stored in a database. And then

we're going to create a dashboard for that data. This part right here. So what

that data. This part right here. So what

I'm going to do, I want you to please store all of this in a database using Supabase. And I want you to do this in

Supabase. And I want you to do this in such a way that um we could create an admin dashboard in just a second um that's only accessible via password on

this site. So we're going to add a

this site. So we're going to add a dashboard. I want to be able to enter in

dashboard. I want to be able to enter in a password to access it. And so right now I actually want you to allow me to store all of this data so that when a user fills it out the data is stored.

And then I want you to create at the bottom in the footer of this page there should be a dashboard page. And the

dashboard should just be empty for now.

But there should be a password that's stored in the database and it should be 3694 should be the password to access the database and it should be secure. I mean

the um dashboard. Okay. And since

earlier since we set up this Superbase integration right here, we have all of the tools enabled and now we can very easily use it to create a database for

this data. Okay, so it's done working.

this data. Okay, so it's done working.

Now, let's go ahead and test it. So,

we're going to go ahead and test this in the actual browser. Let's go to our site here. I'm going to type in Riley Brown.

here. I'm going to type in Riley Brown.

I'm going to do my email. Total

followers 10,000.

And here we're going to choose my favorite platform, which is Tik Tok.

Send me the guide. Okay, you're on the list. Now, let's go and go let's go

list. Now, let's go and go let's go ahead and go to Superbase.

Okay, so in Superbase, we created a project for this called Devon, right?

When this database was created, it created a project called Devon. And so

we need to go to this table editor here and we need to go to guide leads. And

here you go. We can see the database.

This is exactly what we just entered right here. We entered this and we were

right here. We entered this and we were able to successfully enter this in.

Okay. So it did work. I was able to add the item to the database list which is exactly what we want. Now I want you to create a PDF. Just create a PDF. Take

all the information that you know.

you're a very smart person. Make a PDF that after someone enters and says, "Send me the free guide." It does like a cool animation and then um it shows the

guide and it says, "Download now." And I click download and it actually downloads to my computer and there's like a PDF that I can see and then actually make this PDF so that I can view it. And

that's what I want you to do right now.

Okay. Now that that's done, I'm going to go ahead and refresh the browser. Let's

go. Tim Johnson. And now we can go ricktim.com locations sf followers 6 YouTube. Send

me the free guide. There we go. Download

now. And we can download the PDF. And

that download should be saved to our desktop. And there you go. We have this

desktop. And there you go. We have this sample PDF. It's okay that it's not

sample PDF. It's okay that it's not amazing. I do like this yellow. It's

amazing. I do like this yellow. It's

very like noticeable. Um, so we do have this set up. And again, if we go to our database and let's go ahead and refresh

this, we should see two now. There we

go. Riley and Tim Johnson have both submitted it. Now, let's do the fun

submitted it. Now, let's do the fun part. Okay. Now, let's actually create

part. Okay. Now, let's actually create the dashboard.

So if we click on dashboard, we already see this password. We can put in that password. Okay. So we're into the

password. Okay. So we're into the dashboard. And remember, we created the

dashboard. And remember, we created the dashboard, but there's nothing in it. So

I want you to create the best dashboard ever for this. But I need you to create a ton of mock data. And I actually want you to change the favorite platform

field to um platform with most followers or like biggest following platform or something like that because the favorite one doesn't make that much sense. And

then I want you to make the best possible dashboard you could possibly think of for this data. And then I want you to add 115 entries to this and come

up with some mock data. add the entries so that the dashboard actually has good data in it and so that we can truly visualize this dashboard.

So we're going to run it. We're creating

a dashboard. If this all works, our app will be fully functional. And then what we're going to do is we're going to use GitHub to make sure that all of our work is saved and backed up. And then we are

going to use Verscell to put it on the actual internet. And then it's a site

actual internet. And then it's a site that we can actually drive people to.

Because right now, remember this app that we have right here, right? This is

running on localhost, meaning it's running on our computer. It's not

actually running on the internet. And

that's what we need to do after we get everything up and running. And this

dashboard looks good. Okay. So, it's in the middle of generating everything. And

you can see the style is all messed up.

And that's just because it hasn't finished generating. But if we go to our

finished generating. But if we go to our browser, you can see that it added all of this data to Subabase. So this should show up in a very clean dashboard once

it's done. I'm excited to see what this

it's done. I'm excited to see what this is going to look like. So it is done.

Now we can type in 3694 and check this out. There we go. We have

our dashboard. I mean look at this. So

creator reach tiers nano micro mid tier and macro creator hotspots Seattle Atlanta Paris Dallas Phoenix London highest reach Miles Taylor with 1.9

submission momentum the biggest platform we can select creators we can see all of them we have analytics and so we have our landing page right here looks really

solid send me the playbook I can type in the info and here we then submit it. And

so I submitted that one with 4 million.

And so if we go down here, we can see the dashboard. And in the dashboard, we

the dashboard. And in the dashboard, we should now see Jack Ripper with 4 million. So this is a live dashboard and

million. So this is a live dashboard and it works great. And it even has export functionality, which is really awesome.

So now that we like our app, now we need to get it on the internet. And this is relatively simple. Okay. I want you to

relatively simple. Okay. I want you to create a new project on GitHub. This

should be called Riley Land lead dash on GitHub. A new public repo. Then I want

GitHub. A new public repo. Then I want you to deploy this to Versel. So it's on

the internet. And now it is going to

the internet. And now it is going to create a project on GitHub. And GitHub

you can think of as like the Google Drive for developers. And I can just keep my project there. And what it's going to do is any every time that we update the project on GitHub, it's also

going to redeploy to Verscell. So it'll

stay updated. And that is probably a whole video of its own. But this is a great start. And there you go. That's

great start. And there you go. That's

literally it. It is on GitHub. Watch. I

can open this up in my browser. And we

can see that it created this project called Rileyandle lead-sellandle lead-fell.app.

lead-fell.app.

I can go to this site. This is actually on the internet. You can view it. You

can even go to the dashboard and check this out. I can go to the playbook. I

this out. I can go to the playbook. I

can scroll down. I can open up the dashboard. It's 3694.

dashboard. It's 3694.

We can check out this dashboard and we are live on the internet. Anyway, as you can see, you can create without writing a single line of code using Devon. You

can create an app just like this. Get it

on the internet and make it something useful for your marketing team, for your growth team, for operations inside your company. Thank you guys so much for

company. Thank you guys so much for watching and thank you Devon for sponsoring this video. I have had a blast using this tool and I've really been enjoying their inapp browser. It's

way better than I thought it was since the last time I used the product. And

yeah, they have basically every single model that you can think of. Their cloud

agents are really good. So anyway, thank you guys so much for watching. I'll see

you here in the next