Up next in 10
How to Use OpenAI’s GPT‑OSS Model in VS Code with Cline & OpenRouter – Build Live Apps FAST!
Aug 6, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this videos.
0:02
In this video, I'll show you how to use
0:04
this uh OpenAI GPT-
0:08
OSS
0:10
opensource model which is recently
0:12
released by OpenAI. It's completely open
0:15
source. It's available on this website
0:17
openouter.ai.
0:19
If you visit this website in the search
0:21
bar, simply type this and you will be
0:23
able to chat with this. You can build
0:26
out coding applications directly using
0:28
this chat here. But in this video, I'll
0:30
show you how to do this in VS code right
0:33
in the IDE section
0:36
in the chat bar. You can actually build
0:38
out anything. As you write this, you
0:41
will see instantly it will generate the
0:43
source code for you. It will write this.
0:46
You can see the speed of it. And same
0:48
thing I want to do this inside VS code.
0:51
So there is a one extension you need to
0:53
simply install this to build out
0:56
applications directly inside VS code. So
0:59
just go to the extensions tab and just
1:01
type this claim.
1:05
It's an IDE for VS code which allows you
1:08
to actually execute any AI model. This
1:12
is the extension. It's used by almost 2
1:15
million developers. So simply click the
1:16
install button and after installing it
1:19
this will be there in the sidebar
1:21
section and just activate this extension
1:25
and right here just go to the settings
1:27
tab and right here just select inside
1:31
the API provider it's open router
1:35
and then right here you need to paste
1:37
the API key which is uh completely free.
1:40
So once you log in with the Google
1:42
account simply go to the
1:46
key section
1:49
and right here just click on create API
1:52
key. Just name your API key and click on
1:55
create. So this will give you your own
1:57
API key and right here you just need to
1:59
paste it. So there is no need to
2:02
subscribe to any sort of subscription.
2:04
It's totally free. After that inside the
2:07
drop-down simply type here open AAI/GPT
2:14
OSS. These are two models 120 billion
2:17
and 20 billion. So you can select the
2:20
120 billion parameter. This is the most
2:23
powerful model. So it's an open-source
2:25
model. So now you can usually totally
2:28
use it for completely free. Click on
2:30
done. And now you can attach your files
2:35
using this. So I can attach my index
2:37
html file.
2:39
So
2:41
what I will say is that remove
2:45
all the code from this file
2:49
and make a
2:52
full-fledged
2:54
QR code
2:57
generator advance.
3:01
web app
3:04
in browser using HTML, CSS
3:09
and JavaScript. So as soon as you do
3:11
this guys, so you can see recent uh
3:15
previously scientific calculator is
3:17
there. So now it will remove everything
3:19
and just modify this to a fullyfledged
3:22
QR code generated app. So now the AI
3:25
will take over this file and uh step by
3:29
step it will build out a full stack QR
3:32
code generator. So it is just thinking.
3:35
So as you can see it's completely free
3:37
to try at this moment of time. So it
3:40
doesn't cost you money.
3:43
So it just thinking about how to make
3:45
this.
3:48
So now step by step it will
3:51
do this.
3:55
So now you can see it is making this
3:58
application step by step writing all the
4:01
necessary code for you and you simply
4:04
click on save and now you actually write
4:08
any URL. So let me say free media
4:12
tools.com.
4:15
It also gives you this explanation as
4:18
well what the code is all about. Click
4:20
on generate and you will see your QR
4:22
code has been successfully generated.
4:25
You can download this as well this as an
4:28
image all these parameters. You can even
4:33
add
4:35
you can see that how easy it is to build
4:37
out full stack application using this
4:39
model.
4:44
This is one thing guys you can see it's
4:46
really good. Uh let me go to different
4:50
let me generate some games as well. So
4:54
using this plug-in it makes it very much
4:56
easy to do this right in your VS code.
4:59
So I will attach this file here which is
5:03
game
5:13
game. HTML.
5:16
So I will say please make
5:19
a advanc
5:24
shooting game
5:27
with computer so that I can play.
5:32
So now we written this. So now it will
5:35
try to make a shooting application for
5:38
you.
5:42
So step by step it will try to make this
5:44
shooting game. So it is see it is
5:48
generating the code for you. So how
5:53
click on save and now you can actually
5:57
try this model.
6:03
So you can basically control
6:10
if you can even do this uh followup
6:14
question as well. So
6:26
please make a chess game.
6:31
So now it will try to do a chess game
6:36
for you.
6:58
Please remove all code and
7:03
make it just.
7:07
So now first of all it will remove
7:09
everything from it and uh
7:16
this is a new model so sometimes the
7:20
error can be there. So you can see
7:22
instantly it build out HS came for us
7:25
right inside our VS code. So once it
7:29
does you can accept the changes and now
7:33
you can actually
8:11
So,
8:24
so this easy way You can build out any
8:26
applications, games as well. It's a
8:29
great alternative to tools like Claude
8:31
Gemini which charge you fees. This model
8:34
is completely free. It's open-source
8:37
model and uh
8:40
so that's why it's available using open
8:44
router and uh you can install this
8:47
extension in VS code to run this model
8:51
directly inside VS code to build out
8:53
coding apps. Clickbot and also check out
8:56
my website freemediattools.com
9:00
uh which contains thousands of tools.
#Web Design & Development
#Scripting Languages
#Open Source