Up next in 10
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
in this video, I'll show you yet another
0:03
VS code extension which allows you to
0:06
run any sort of AI model inside your VS
0:09
code such as claude Gemini and it's
0:12
basically called as Clint C.
0:15
So this is actually a simple coding
0:18
agent right inside your IDE capable of
0:21
creating editing files. So it's got
0:24
almost 2 million installed. So this is
0:26
their official website clin.bot bot and
0:29
it's an open-source AI coding agent and
0:32
it doesn't cost anything. You simply
0:34
install this extension. After installing
0:37
the install button, it will activate
0:39
this extension and it will add this
0:42
option right here in the sidebar
0:44
section.
0:46
Once it installed and you can see once
0:49
it is installed it will automatically
0:52
provides with the autocomplete
0:53
functionality similar to cursor. So
0:57
right here we will use a website called
1:00
as open router which allows you to test
1:03
out any sort of AI model for completely
1:05
free. So just create an account here
1:08
openouter.ai.
1:11
So here you can search for any model
1:13
Gemini 2.5 Pro Claw model as well beta.
1:17
So all the popular models are there.
1:20
Simply login and go to the API key
1:22
section and create your own API key from
1:25
here.
1:28
So click on create. So here you don't
1:31
have to specify any subscription limit.
1:34
It's totally free and unlimited. After
1:36
creating your API key, simply write here
1:40
go to the just select here open router
1:44
from the API provider and simply paste
1:47
your API key from here. Simply paste it.
1:50
After pasting it, now you simply select
1:53
whichever model you want to use. So by
1:55
default it's anthropic claude sonet 4 is
1:58
selected and just
2:02
after that you come to the chat window
2:05
and right here you simply attach files
2:08
here by writing at the rate symbol and
2:10
here you can attach a file let's suppose
2:13
I say index html and I right in the chat
2:16
window I will say build a
2:20
remove everything from this index htm
2:24
file and build a
2:28
chess game.
2:30
So now we simply return a simple charge
2:34
prompt and based upon this it will first
2:37
of all compare what is there in this
2:39
index html
2:42
and it will try to remove
2:46
and then create a simple chess game. So
2:50
it's very easy. It will take some time.
2:52
So just wait for some time to complete.
2:57
So here you can change for any sort of
2:59
model. All these models are there.
3:03
You can even search for
3:07
origin beta. You can search for any
3:09
model.
3:33
And again you attach the file here.
3:44
and build a hello world dropd down.
3:48
So now what will again it will do it
3:51
will try to
3:57
so it will replace index html with a
4:00
minimum hello world page. So now can see
4:03
it is modifying the page
4:06
and it it is replaced it with a simple
4:09
hello world program.
4:15
So you can see that. So in this easy way
4:17
you can basically select whatever model
4:19
you want to use and right here you can
4:21
make adjustments. Again select the file
4:25
and then say build a simple
4:30
calculator. So again you do this again
4:33
it will make the adjustment for you.
4:40
So now you can see it is modifying the
4:42
file here.
4:57
So side by side you see the result as
4:59
well.
5:01
It is building out this calculator for
5:03
you.
5:16
So you can click on save to accept the
5:18
changes. So
5:21
you try out this calculator 78 - 573. So
5:26
build out a simple calculator.
5:28
So you can see you can also ask just say
5:34
just change this
5:36
this calculator
5:41
to
5:43
scientific
5:46
calculator.
5:49
So if you make this change here now what
5:51
it will do it will try to change this
5:53
existing calculator to a scientific
5:55
calculator. So it will add some more
5:57
options to it.
6:30
So you can see it is building out a
6:32
complete calculator scientific
6:34
calculator right here. So in this easy
6:36
way using this clean VS code extension
6:39
you can use uh open router to use any
6:43
sort of premium AI model which are
6:46
released. And you can try this for
6:48
completely free. There is no restriction
6:50
out there.
6:52
So once you do you can click the save
6:54
button. So you can see now it build out
6:57
a complete scientific calculator for
6:59
you. Can calculate 80
7:04
log value of is equal to.
7:08
So it's almost written 339 lines of code
7:13
here for you. So in this easy way you
7:15
can build out applications directly
7:17
inside VS code and see the live preview
7:20
as well. So
7:22
definitely check out this uh
7:27
it's completely free. Here you can see
7:28
these are input tokens, these are output
7:30
tokens and for a single chat window we
7:33
provide it to 256,000 tokens which is
7:35
more than enough and the cost is
7:38
nothing. It's completely free and
7:39
unlimited. Definitely install this
7:42
extension guys. So I personally use it.
7:45
It's called as clin.bot.
7:48
It's number one on open router.
7:51
Definitely try this.
7:53
And also check out my website
7:56
freemediattools.com
7:58
uh which contains thousands of tools.
#Programming
#Software
#Web Services