Up next in 10
CodeMate AI INSANE VSCode Agent That Codes & Deploys Apps – Claude & Cursor Killer??
Aug 3, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
Uh hello guys, welcome to this video. So
0:02
Uh hello guys, welcome to this video. So in this video, I'll show you a VS code
0:04
in this video, I'll show you a VS code
0:04
in this video, I'll show you a VS code coding agent similar to claude and
0:07
coding agent similar to claude and
0:07
coding agent similar to claude and cursor. It's called as codemate AI. If
0:11
cursor. It's called as codemate AI. If
0:11
cursor. It's called as codemate AI. If you go to the extensions tab, just type
0:13
you go to the extensions tab, just type
0:13
you go to the extensions tab, just type here codemate- AI. This extension will
0:15
here codemate- AI. This extension will
0:15
here codemate- AI. This extension will come right here. It's got 65,000
0:17
come right here. It's got 65,000
0:18
come right here. It's got 65,000 installs and it's a smart coding
0:20
installs and it's a smart coding
0:20
installs and it's a smart coding fullstack agent which can perform any
0:23
fullstack agent which can perform any
0:23
fullstack agent which can perform any sort of task. It provides you with
0:25
sort of task. It provides you with
0:25
sort of task. It provides you with autocomp completions. You can actually
0:26
autocomp completions. You can actually
0:26
autocomp completions. You can actually ask any sort of questions in the chat
0:28
ask any sort of questions in the chat
0:28
ask any sort of questions in the chat prompt and it will generate the code for
0:30
prompt and it will generate the code for
0:30
prompt and it will generate the code for you. It can even optimize your code as
0:33
you. It can even optimize your code as
0:33
you. It can even optimize your code as well. It can even debug, review
0:35
well. It can even debug, review
0:35
well. It can even debug, review everything allin-one extension. So it's
0:38
everything allin-one extension. So it's
0:38
everything allin-one extension. So it's completely free. Simply click the
0:40
completely free. Simply click the
0:40
completely free. Simply click the install button. And once you install
0:43
install button. And once you install
0:43
install button. And once you install this, they do offer their own official
0:46
this, they do offer their own official
0:46
this, they do offer their own official website as well. So this is their
0:48
website as well. So this is their
0:48
website as well. So this is their official website. You can visit in the
0:50
official website. You can visit in the
0:50
official website. You can visit in the browser codemate.ai.
0:53
browser codemate.ai.
0:53
browser codemate.ai. So this is a full stack AI coding agent
0:55
So this is a full stack AI coding agent
0:55
So this is a full stack AI coding agent and you can see this is their landing
0:57
and you can see this is their landing
0:57
and you can see this is their landing page where they explain you about all
0:59
page where they explain you about all
0:59
page where they explain you about all the features which are there. So you can
1:02
the features which are there. So you can
1:02
the features which are there. So you can check out their pricing.
1:04
check out their pricing.
1:04
check out their pricing. They do have a pro plan which starts
1:07
They do have a pro plan which starts
1:07
They do have a pro plan which starts from $17 per month and it's for
1:10
from $17 per month and it's for
1:10
from $17 per month and it's for individual developers and freelancers.
1:12
individual developers and freelancers.
1:12
individual developers and freelancers. It can debug, review and refactor your
1:15
It can debug, review and refactor your
1:15
It can debug, review and refactor your code, unlimited internet searches, code
1:18
code, unlimited internet searches, code
1:18
code, unlimited internet searches, code mate, assistant access, search and chat
1:21
mate, assistant access, search and chat
1:21
mate, assistant access, search and chat everything. So
1:25
everything. So
1:25
everything. So now to get started simply install their
1:27
now to get started simply install their
1:27
now to get started simply install their extensions. So now you can see in the
1:30
extensions. So now you can see in the
1:30
extensions. So now you can see in the background here it is downloading the
1:32
background here it is downloading the
1:32
background here it is downloading the codebait server. So once it reaches 100%
1:36
codebait server. So once it reaches 100%
1:36
codebait server. So once it reaches 100% you will get a notification that it has
1:38
you will get a notification that it has
1:38
you will get a notification that it has successfully installed. So this is
1:40
successfully installed. So this is
1:40
successfully installed. So this is installing all the
1:43
installing all the
1:43
installing all the server related things which this
1:45
server related things which this
1:45
server related things which this extension supports such as autocomp
1:47
extension supports such as autocomp
1:47
extension supports such as autocomp completions all the chat related
1:50
completions all the chat related
1:50
completions all the chat related services. So that's why it is installing
1:52
services. So that's why it is installing
1:52
services. So that's why it is installing it in the background. So once you click
1:54
it in the background. So once you click
1:54
it in the background. So once you click the activate button, you will see this
1:57
the activate button, you will see this
1:57
the activate button, you will see this downloading will start. So just wait for
1:59
downloading will start. So just wait for
2:00
downloading will start. So just wait for the downloading to complete. So once it
2:02
the downloading to complete. So once it
2:02
the downloading to complete. So once it reaches 100%
2:05
reaches 100%
2:05
reaches 100% you will see a notification. So,
2:18
so if you check in the sidebar section,
2:22
so if you check in the sidebar section,
2:22
so if you check in the sidebar section, you will see this will add right here
2:24
you will see this will add right here
2:24
you will see this will add right here code mate. So, simply click this to
2:27
code mate. So, simply click this to
2:27
code mate. So, simply click this to activate this. So after you click this,
2:31
activate this. So after you click this,
2:31
activate this. So after you click this, you will see a chat prompt appearing
2:34
you will see a chat prompt appearing
2:34
you will see a chat prompt appearing where you can actually ask questions to
2:36
where you can actually ask questions to
2:36
where you can actually ask questions to this extension. And
2:45
so just wait for this to complete here.
2:48
so just wait for this to complete here.
2:48
so just wait for this to complete here. Once it reaches 100% this extension will
2:52
Once it reaches 100% this extension will
2:52
Once it reaches 100% this extension will start.
3:12
In the meantime, you can see their
3:14
In the meantime, you can see their
3:14
In the meantime, you can see their landing page here. So,
3:21
so this is if you click download now
3:23
so this is if you click download now
3:23
so this is if you click download now this is their extension here it supports
3:27
this is their extension here it supports
3:27
this is their extension here it supports 100 plus languages here you can see
3:29
100 plus languages here you can see
3:29
100 plus languages here you can see Python, JavaScript, C, C++, TypeScript,
3:32
Python, JavaScript, C, C++, TypeScript,
3:32
Python, JavaScript, C, C++, TypeScript, Ruby. So it's an AI coding agent similar
3:36
Ruby. So it's an AI coding agent similar
3:36
Ruby. So it's an AI coding agent similar to cloud cursor.
3:39
to cloud cursor.
3:39
to cloud cursor. So which basically generate code fix
3:41
So which basically generate code fix
3:41
So which basically generate code fix errors
3:43
errors
3:43
errors all these one allin-one extensions. So
3:45
all these one allin-one extensions. So
3:45
all these one allin-one extensions. So this is their documentation we can read
3:47
this is their documentation we can read
3:47
this is their documentation we can read more about it.
3:52
So they do also have their own terminal
3:55
So they do also have their own terminal
3:55
So they do also have their own terminal as well
3:58
and also they also provide a web app as
4:01
and also they also provide a web app as
4:01
and also they also provide a web app as well. You can
4:04
well. You can
4:04
well. You can log in with your Google account here.
4:20
So once you log in you can create
4:29
account here. Uh
4:34
so this is the web app here and if you
4:37
so this is the web app here and if you
4:37
so this is the web app here and if you click the build section so this is in
4:39
click the build section so this is in
4:39
click the build section so this is in allin-one editor you will see
4:40
allin-one editor you will see
4:40
allin-one editor you will see app.codemmet.ai/build.
4:44
So right here you will see this chat
4:45
So right here you will see this chat
4:45
So right here you will see this chat prompt. So here you can simply tell
4:48
prompt. So here you can simply tell
4:48
prompt. So here you can simply tell whatever application you want to
4:49
whatever application you want to
4:50
whatever application you want to develop. So right here in the chat
4:52
develop. So right here in the chat
4:52
develop. So right here in the chat prompt similar to claude and cursor you
4:54
prompt similar to claude and cursor you
4:54
prompt similar to claude and cursor you will simply say build a image to PDF
4:58
will simply say build a image to PDF
4:58
will simply say build a image to PDF web app.
5:00
web app.
5:00
web app. So simply
5:02
So simply
5:02
So simply send this and now you
5:06
send this and now you
5:06
send this and now you you can even choose the framework as
5:08
you can even choose the framework as
5:08
you can even choose the framework as well either you can build out a react
5:10
well either you can build out a react
5:10
well either you can build out a react application view swelled solid or a
5:13
application view swelled solid or a
5:13
application view swelled solid or a static simple fast lightweight. So from
5:16
static simple fast lightweight. So from
5:16
static simple fast lightweight. So from this series of frameworks you can select
5:18
this series of frameworks you can select
5:18
this series of frameworks you can select it. So let's suppose I want to build a
5:21
it. So let's suppose I want to build a
5:21
it. So let's suppose I want to build a static application which doesn't use any
5:24
static application which doesn't use any
5:24
static application which doesn't use any framework. So now this will try to build
5:27
framework. So now this will try to build
5:27
framework. So now this will try to build this application for me. You will see
5:29
this application for me. You will see
5:29
this application for me. You will see that
5:34
it is generating all the project related
5:36
it is generating all the project related
5:36
it is generating all the project related files here. So you can see on the right
5:39
files here. So you can see on the right
5:39
files here. So you can see on the right hand side corner of the screen it will
5:41
hand side corner of the screen it will
5:41
hand side corner of the screen it will generate the files and it also deploy
5:43
generate the files and it also deploy
5:43
generate the files and it also deploy this application as well. So you can
5:45
this application as well. So you can
5:45
this application as well. So you can access it completely free. Just login
5:47
access it completely free. Just login
5:48
access it completely free. Just login with your Google account
5:49
with your Google account
5:49
with your Google account app.codemate.ai.
5:51
app.codemate.ai.
5:51
app.codemate.ai. Apart from their VS code extension, they
5:53
Apart from their VS code extension, they
5:53
Apart from their VS code extension, they do offer the web interface as well.
5:57
do offer the web interface as well.
5:57
do offer the web interface as well. So you can basically see it is creating
6:00
So you can basically see it is creating
6:00
So you can basically see it is creating the code here file by file. So you can
6:03
the code here file by file. So you can
6:04
the code here file by file. So you can click the view code section. So it is
6:07
click the view code section. So it is
6:07
click the view code section. So it is actually generating writing all the
6:09
actually generating writing all the
6:09
actually generating writing all the source code for us. So you just write
6:11
source code for us. So you just write
6:11
source code for us. So you just write the prompt here and after that the
6:13
the prompt here and after that the
6:13
the prompt here and after that the coding it will automatically do in all
6:16
coding it will automatically do in all
6:16
coding it will automatically do in all the files here.
6:20
the files here.
6:20
the files here. So you can see that one by one it is
6:22
So you can see that one by one it is
6:22
So you can see that one by one it is generating all the code for you.
6:28
So once it completes it will show you
6:30
So once it completes it will show you
6:30
So once it completes it will show you the live preview. You also get this copy
6:32
the live preview. You also get this copy
6:32
the live preview. You also get this copy to clipboard button as well or you can
6:34
to clipboard button as well or you can
6:34
to clipboard button as well or you can even download the code to your local
6:36
even download the code to your local
6:36
even download the code to your local machine as well.
6:56
So just wait for the application to
6:58
So just wait for the application to
6:58
So just wait for the application to complete. You can even ask follow-up
7:01
complete. You can even ask follow-up
7:01
complete. You can even ask follow-up questions as well. Once it shows you the
7:03
questions as well. Once it shows you the
7:03
questions as well. Once it shows you the live review. If you face any problem,
7:05
live review. If you face any problem,
7:05
live review. If you face any problem, you can
7:07
you can
7:07
you can ask a follow-up question as well. So it
7:09
ask a follow-up question as well. So it
7:09
ask a follow-up question as well. So it is just
7:11
is just
7:12
is just writing this. You will see it is
7:14
writing this. You will see it is
7:14
writing this. You will see it is generating all the code for you.
8:03
So it also provides you with the publish
8:05
So it also provides you with the publish
8:05
So it also provides you with the publish button as well. So once the application
8:07
button as well. So once the application
8:07
button as well. So once the application completes you can deploy this
8:08
completes you can deploy this
8:08
completes you can deploy this application to a unique URL. And now you
8:11
application to a unique URL. And now you
8:11
application to a unique URL. And now you can see it is writing the HTML file
8:13
can see it is writing the HTML file
8:14
can see it is writing the HTML file here.
8:38
So now it will show you the live preview
8:40
So now it will show you the live preview
8:40
So now it will show you the live preview of the application. So you can share
8:42
of the application. So you can share
8:42
of the application. So you can share this application with your friends as
8:45
this application with your friends as
8:45
this application with your friends as well by clicking the publish button. If
8:47
well by clicking the publish button. If
8:47
well by clicking the publish button. If you click publish, it will try to deploy
8:50
you click publish, it will try to deploy
8:50
you click publish, it will try to deploy your application and go live instantly
8:53
your application and go live instantly
8:53
your application and go live instantly in a matter of seconds.
8:56
in a matter of seconds.
8:56
in a matter of seconds. You can even transfer this site to your
8:58
You can even transfer this site to your
8:58
You can even transfer this site to your Netifi account as well for advanced
9:00
Netifi account as well for advanced
9:00
Netifi account as well for advanced features. So now it given you this URL
9:03
features. So now it given you this URL
9:03
features. So now it given you this URL right here. So now anyone can open this
9:06
right here. So now anyone can open this
9:06
right here. So now anyone can open this URL and see your application. So let me
9:10
URL and see your application. So let me
9:10
URL and see your application. So let me just for verification open incognito
9:13
just for verification open incognito
9:14
just for verification open incognito window and simply type this address. So
9:16
window and simply type this address. So
9:16
window and simply type this address. So you can see your application is
9:17
you can see your application is
9:17
you can see your application is deployed. So right here you can select a
9:20
deployed. So right here you can select a
9:20
deployed. So right here you can select a bunch of images that you need to convert
9:22
bunch of images that you need to convert
9:22
bunch of images that you need to convert to PDF. So click on convert to PDF.
9:30
So now here you can save your PDF file.
9:36
And the file has been successfully
9:39
And the file has been successfully
9:39
And the file has been successfully downloaded and you can see your images
9:41
downloaded and you can see your images
9:41
downloaded and you can see your images are successfully converted to a PDF
9:43
are successfully converted to a PDF
9:44
are successfully converted to a PDF file. So in this easy way guys you can
9:47
file. So in this easy way guys you can
9:47
file. So in this easy way guys you can see you can build out a full stack
9:49
see you can build out a full stack
9:49
see you can build out a full stack application using this codemade.ai
9:52
application using this codemade.ai
9:52
application using this codemade.ai platform. It's similar to clot cursor
9:54
platform. It's similar to clot cursor
9:54
platform. It's similar to clot cursor and gemini. It's a great alternative and
9:57
and gemini. It's a great alternative and
9:57
and gemini. It's a great alternative and they do offer their VS code extension as
10:01
they do offer their VS code extension as
10:01
they do offer their VS code extension as well. simply install this extension
10:03
well. simply install this extension
10:03
well. simply install this extension which provides you with all the
10:04
which provides you with all the
10:04
which provides you with all the features. They do offer their
10:08
features. They do offer their
10:08
features. They do offer their web interface as well. If you don't want
10:11
web interface as well. If you don't want
10:11
web interface as well. If you don't want to install the VS code extension, you
10:13
to install the VS code extension, you
10:13
to install the VS code extension, you can access their fully made IDE in the
10:15
can access their fully made IDE in the
10:15
can access their fully made IDE in the browser app.codemade.ai.
10:19
browser app.codemade.ai.
10:19
browser app.codemade.ai. So definitely check out this platform
10:22
So definitely check out this platform
10:22
So definitely check out this platform and also check out my
#Programming
#Software
#Web Services