Up next in 10
SourceGraph Cody AI Web Version is INSANE Builds Full Apps Using Claude & Gemini! No IDE Needed!
Jul 16, 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 the Kodi AI
0:05
uh web tool which is available
0:08
basically it is also available as a VS
0:10
code extension but in this video I'll
0:12
show you the web tool. So there is also
0:14
a web interface as well. If you go to
0:17
their website sourcecraft.com/codi
0:21
and uh there are two options either you
0:23
can install their VS code extension or
0:25
there is a second option as well. You
0:27
can access the
0:30
chat window directly in the web browser
0:32
without installing any sort of
0:34
extension. Click on that and you will be
0:36
redirected to this interface
0:38
sourcecraft.com/codi/hat.
0:42
So here you get this simple chat window
0:45
and here you can simply select all the
0:48
models are there claude anthropic claude
0:51
sonet 4 3.7 3.5 you also get gemini
0:56
model as well you also get hoku
1:00
gpt models so we select the best model
1:03
which is clots sonet 4 and here you
1:06
basically ask any sort of thing that you
1:08
want to build so we simply say build a
1:10
react app which converts images to PDF
1:15
and downloads that PDF,
1:18
create the project and run it.
1:24
So you simply provide the prompt here
1:26
and then it will generate all the
1:28
commands which are necessary and
1:30
alongside with all the code as well. So
1:34
as you can see it is generating all the
1:37
code here. So once you write the prompt,
1:39
it will scan and it will generate the
1:42
necessary code which is responsible
1:46
and it will give you step-by-step
1:48
instructions.
1:52
So this will depend upon the length of
1:55
the app.
1:57
So it is using the latest model uh model
2:00
here which is entropic cloud sonet 4.
2:05
So you can try this for completely free.
2:08
So you simply go to the website and the
2:11
free version allows up to
2:14
certain limits but you can safely try
2:16
out all the features for completely
2:18
free.
2:20
And uh as you can see it is generating
2:24
all the components.
2:32
It makes the job way more easier. So it
2:35
is accessible right in the web browser.
2:39
You simply provide the prompt and as you
2:41
can see it is generating the main
2:43
component and then it also gives you the
2:46
CSS as well.
3:08
So once it is completed, it will also
3:11
show you the app here.
3:41
You also get the copy to clipboard
3:43
button as well. So this will copy
3:45
everything
3:59
the speed is little bit slow as compared
4:02
to other uh AI models which I noticed
4:05
personally. So the generation of code is
4:09
little bit slow.
4:29
So I have seen uh speed of AI components
4:34
it is little bit slow but it does the
4:36
job for you. So there is no kind of
4:39
restriction of how much code it will
4:41
generate.
4:46
So as you can see it gave me all the
4:48
instructions of this application. First
4:50
of all it basically gave me all the
4:53
commands which are necessary
4:57
to create this react app. Then cd into
5:00
the folder install these modules and
5:03
then it gave me all the code as well. So
5:07
then it also give me the command to
5:09
start this application. So it also gives
5:11
you the summary as well. It explains you
5:14
what each
5:16
feature is, how this application works.
5:19
So you can go to this uh web interface.
5:22
Simply go to this and try this uh Kodi
5:25
AI prompt feature
5:28
which will actually generate a full code
5:31
of the application directly in the
5:33
browser itself.
5:35
And also check out my website
5:37
freemediattools.com
5:40
uh which contains the thousands of
5:42
tools.
#Scripting Languages