Up next in 10
INSANE Kombai — AI Frontend VSCode Extension to Make UI Instantly & DESTROYS Claude, Gemini, Cursor!
Sep 1, 2025
Check the full description to see all Payment Links to Buy Source Code:
Buy the Source Code with PayPal (in USD):
https://www.paypal.com/ncp/payment/5AGGYJECQVZJC
Live Demo of App:
Buy the Source Code with Stripe (in INR):
https://buy.stripe.com/5kQ4gB8rCbcydjD4Vm14f1J
More Payment Options:
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
Hi Join the official discord server to resolve doubts here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this live
0:02
stream. So in this live stream, I will
0:04
show you uh a front- end UI tool for
0:07
building out uh UIs with the help of AI.
0:10
It's called as Comy AI. It's a perfect
0:13
tool for programmers. If you're looking
0:15
forward to build out UIs using the help
0:18
of AI, this is the website uh it's a AI
0:21
agent for building front-end
0:23
development. It's a great alternative to
0:25
cloud cursor. This is the website
0:28
combi.com and uh
0:31
so it's a VS code extension. You can
0:33
actually convert a design into a perfect
0:36
website. So simply go to your VS code
0:40
and simply search for this extension
0:42
K O M
0:45
B AI. So this is the extension. Uh it's
0:49
got almost 10,000 downloads. So simply
0:53
so it's specifically uh the AI agent for
0:56
building user interfaces. So if you want
0:59
to basically build out a user interface
1:03
you simply give a design to this AI
1:06
tool. So first of all
1:09
to get started you create a simple
1:11
account here. Just sign up for a account
1:15
and just authenticate and uh
1:19
you can basically have the option to
1:21
sign up with your Google account to get
1:24
started for completely free. So once you
1:27
authenticate it will redirect you to the
1:30
interface.
1:33
So once you are authenticated
1:37
it will now have this chat prompt right
1:39
here and here you can actually ask
1:41
anything to build out a user interface.
1:43
So if you also have a Figma file Figma
1:46
as you all know it's a very popular tool
1:48
for making user interfaces. So you can
1:50
actually there are two modes out there
1:53
either it's a code mode or ask mode. You
1:55
can even attach images as well. You can
1:58
have the option to attach image there or
2:00
Figma link if you have Figma link. So
2:03
right here I will simply make a clone.
2:06
So I will simply write
2:09
you can directly attach files here. So I
2:11
will simply attach this file. So I will
2:13
say remove all this code from this file
2:17
and
2:19
make a exact clone of the Google
2:23
homepage UI clone and single index.html
2:29
file. So we are asking it to make a
2:31
clone of the HTML
2:34
of the Google document Google.
2:40
So now what it will do it will actually
2:42
use
2:43
React 19 for the framework and React
2:48
router. Uh this will be the component
2:51
library it will use. So now it will
2:53
start building out your application for
2:55
you. exact clone of Google's homepage by
2:58
completely replacing the content in game
3:00
HTML with a single HTML file containing
3:03
the homepage layout. So this is the file
3:06
that this uh AI agent is uh modifying
3:10
it. So it is now you can see
3:12
automatically generating the code for
3:14
that UI.
3:18
It is automatically writing the HTML and
3:20
the CSS code for you. So you just
3:23
provide the prompt here whatever UI you
3:25
want to build out and this AI will
3:27
automatically generate the response for
3:29
you and once it completes it will
3:32
automatically write the code in that
3:34
file.
4:06
So once it is completed now you will see
4:08
that it also generates a summary of what
4:11
it has generated a detailed blog post
4:16
and uh
4:20
it is just generating the response here.
4:39
So you can see that uh
4:42
accept or reject. So the file has
4:45
generated this. So you can basically
4:47
accept or reject it.
5:01
You can actually see the live preview
5:02
here. This basically generated this user
5:06
interface for you. This is for
5:08
google.com. It has a logo. It has
5:10
similar text field out there where you
5:12
can write something. We have the button
5:14
Google search. We also have this bottom
5:16
section right here which is exactly
5:18
looking like google.com. So right here
5:21
you can simply type whatever user
5:23
interface that you want to develop and
5:25
this VS code extension will
5:26
automatically do the job for you. And uh
5:31
you can basically this is the website
5:33
combi.com. This is the name of the
5:35
extension uh VS code extension. So
5:37
definitely
5:40
it's a tool for front- end development
5:42
and this extension is available in all
5:45
the major AI players VS code cursor
5:48
winds surf and try. So definitely try
5:51
this GitHub tool and now it has
5:54
completed everything. So as you can see
5:57
that so definitely check out this
6:02
extension.
#Programming
#Development Tools