Up next in 10
Horizon Beta GPT 5 DESTROYS Claude & Cursor! 🤯 Code Full Stack Apps LIVE in VS Code with Power!
Aug 4, 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
in this video, I'll show you it the how
0:04
to use the horizon beta
0:07
model by OpenAI which is recently
0:10
released here inside VS code to
0:12
basically build out full stack
0:14
applications. This is actual module
0:16
here. You can see horizon beta and it's
0:18
available on this website openouter.ai.
0:22
Open router is a destination where you
0:23
can try out every kind of AI model which
0:26
is there for which is released. So now
0:30
you can actually click the chat prompt
0:33
and you can safely use this model. It is
0:35
released in beta. You can write whatever
0:38
chat message right here and it will
0:39
build out the complete application for
0:41
you. So now I will show you how to do
0:44
this in VS code right in the editor
0:46
itself. For this you need this
0:48
extension. go to the extensions tab and
0:51
just type row code and simply install
0:54
this extension. This is a very good
0:56
extension for trying out all the AI
0:58
agents in one go in in your editor.
1:03
So simply click the install button and
1:05
just activate this extension and after
1:08
it activates it will add this option in
1:10
the sidebar section. So you will be able
1:14
to use all the AI models.
1:18
So just wait for the installation to
1:21
complete and in the meantime you also
1:24
need the open router AI uh API key which
1:27
is completely free to use. Go to the
1:30
account section. Just log in with your
1:31
Google account and just go to the key
1:34
section right here to create a free API
1:37
key right here and you will have this
1:39
option create API key. Simply click on
1:42
that and just name your API key and
1:45
click on create. And as soon as you
1:48
click create, it will give you your own
1:50
API key. Simply create your own API key.
1:53
Don't copy my. And once it activates, it
1:56
will add this option right here in the
1:58
sidebar section. If you see row code,
2:00
simply activate this. And after that,
2:03
you just need to paste this API key. And
2:07
uh you can actually paste.
2:10
So as you can see here, you can select
2:12
all the models, write, modify, and
2:14
refactor code. You can ask it to do
2:18
anything. And basically in the API
2:20
configuration section simply right here
2:23
in the default section
2:26
you select the API provider right here
2:28
and simply select here
2:33
uh I think yeah. So open router simply
2:36
select that you must provide an valid
2:38
API key. So simply paste your API key as
2:42
soon as you do this. So now click the
2:44
save button and after you do this now
2:48
click on done and here you can select
2:50
whichever model that you want to use. So
2:53
by default this anthropic clone cloud
2:57
model will be selected right here but
2:59
right here you can select all the models
3:01
that open AAI supports. So we need to
3:03
use our model which is uh
3:08
this horizon beta model which is re
3:10
recently released by open AAI which can
3:13
be GPT5 model.
3:16
So just right here it it will be right
3:21
here.
3:26
So you can see you got all these models
3:29
which are there for you.
3:36
You can just select
3:38
the horizont.
3:44
I think it is available. Just search for
3:47
this.
3:50
Yeah, I think it is provided by OpenAI.
3:53
Yeah. So, right, it will be there. Open
3:56
AI horizon
4:05
uh just
4:07
search for this. So it make it difficult
4:09
to search for this. That's one
4:12
disadvantage. Right here open AI
4:18
uh horizontal beta will be there.
4:24
So just select for that model open AI.
4:37
Yeah. So you can see open router/
4:40
horizon beta. So simply select that.
4:43
Click on save.
4:46
And now you simply ask for a file.
4:49
Simply open your file. And here you can
4:52
even attach the files as well. Just type
4:54
add the rate and you can add a file
4:57
here.
4:59
So I will attach this index html. So I
5:01
will simply say remove all this code and
5:06
build a simple
5:09
scientific
5:11
calculator
5:16
in index html.
5:20
So now
5:22
it will actually
5:24
initiate the API request and now it will
5:27
replace all this code which is present
5:29
inside index html with the new
5:31
calculator. So now you can see
5:32
automatically it is replacing it and
5:35
writing its own code here. So once it
5:38
completes you can modify and accept the
5:40
changes. So line by line you can see it
5:43
is now writing this code here. So in
5:46
this easy way guys you can build out any
5:48
sort of fullstack apps using this model
5:50
horizontal beta inside VS code. It's
5:52
very easy. You install that extension ru
5:55
code and simply paste your own API key
5:58
from open router. It's completely free
6:00
to use. There is no subscription
6:02
charges. You simply create the free API
6:05
key and then it will start to create a
6:08
fully functional applications.
6:30
So you can see it is creating this.
6:37
So if you want to cancel any operation,
6:39
you can even click the cancel button as
6:41
well. So this will cancel out everything
6:44
and you can remove this code here and
6:46
then let's suppose you say
6:52
make a scientific
6:56
calculator.
6:59
So this model is very new that's why it
7:02
can create some problem as well but most
7:05
of the time it definitely works.
7:21
You can create a new task here by
7:22
clicking the plus icon.
7:36
So this is the extension guys definitely
7:39
use this extension to actually use this
7:41
horizont beta model inside your VS code.
7:46
So ru code extension and paste your API
7:50
key from open router and select the
7:52
model. So it's an AI powered editor
7:55
which allows you to use any sort of AI
7:58
model directly inside VS code. So
8:03
it will add this option right here.
8:10
So now you can see it is resuming this
8:13
task here.
8:16
So it is generating the code for you and
8:18
it is using these much of tokens you get
8:20
basically for free. 256,000 tokens you
8:23
get. So now it is actually
8:27
done that.
8:41
And here you can attach the files here.
8:54
So again you make the request here.
8:58
So what it will do it will start writing
9:00
the code here.
9:22
So we just need to give some time here
9:24
and uh you can even change
9:29
the model here. This is write modify
9:32
refactor code gen get answers
9:34
explanations as well. You can do this as
9:37
well very simply. And if you want to
9:40
change the model as well, you can even
9:42
do that as well by clicking
9:45
the settings options.
10:15
So in this easy way guys you can do this
10:18
process and also check out my website
10:21
freemediatools.com
10:23
uh which contains thousands of tools.
#Programming
#Software