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 a new
0:03
claude update which is released which is
0:05
called as artifact. Uh if you go to the
0:08
claude editor by visiting claude.ai,
0:12
right? Just type this in the browser.
0:14
You will land on this claude AI chat
0:17
prompt. So right here in the sidebar
0:19
section they have released this
0:21
artifacts update right here. So this
0:23
option will appear in the sidebar. So
0:25
what this update is meaning you can
0:27
actually make live apps right in the
0:29
chat itself. If you click on that you
0:31
will see other people have made these
0:35
apps and they have shared these apps
0:37
with others so that you can see it. You
0:40
can take ideas and basically see what
0:43
sort of prompts they use. You can just
0:45
simply if you want a specific app to
0:48
simply want to see the prompt here how
0:51
they actually built it. So what you can
0:54
do you can simply click on this
0:55
artifacts and you can actually customize
0:59
this app. So you can also see the view
1:02
full chat option. So you can actually
1:04
see what prompt they used to actually
1:07
build out this awesome application. So
1:09
this update is really insane in claude
1:11
because you need to see other people
1:14
prompts as well. How they con basically
1:16
chatted with claude to basically get the
1:19
result that they are doing. So you can
1:21
actually copy this whole prompt here.
1:25
So get you can get ideas how to
1:27
basically chat with the AI solutions to
1:30
actually get effective results. So now
1:33
you can see it's a complete app
1:35
application. So whatever message that
1:37
you type.
1:46
So if you type this message you will see
1:50
you can actually
1:54
so in this easy way you can
1:58
go to the artifacts and you can actually
2:01
access other people apps which are
2:03
shared to you. So this is QR code
2:06
generator. So it's a full chat here. So
2:11
this is the starting prompt that
2:12
resulted in this awesome application
2:14
that you see right here. So here you can
2:16
enter the website URL and then instantly
2:20
it will generate the QR code and it also
2:22
have the download button as well. So you
2:25
can have the text here. It can generate
2:28
or you can have a contact number as
2:29
well. So it's a full QR code generator
2:32
web application which is developed
2:34
directly inside the cloud here. So it's
2:38
basically you can see that
2:41
you get the full source code here. It's
2:43
a react application. So you can see
2:47
you can copy the code here and simply
2:49
paste it inside your own editor. create
2:52
a simple file and you will
2:58
so you can paste the entire code here
3:01
which is you can see it's very easy to
3:04
create live applications using this
3:06
update artifacts.
3:08
So you get this prompt here.
3:13
So you can copy this prompt and uh let's
3:17
suppose if you're building your own
3:18
application you can use the same prompt
3:21
here just customize it accordingly to
3:24
build out a different app. So I can say
3:26
in browser only
3:29
using HTML, CSS and JavaScript only in a
3:34
single file.
3:43
So now you will see the the cloud AI
3:46
will try to build out this QR code
3:48
generator directly inside the chat here.
3:50
So it is generating out this app. So in
3:53
this easy way you can get ideas from
3:55
others as well. So with this artifacts
3:58
update you access it from the sidebar
4:00
section and you can actually
4:03
create your own artifact as well by
4:05
clicking this button right here. And
4:07
right here you can build out anything
4:09
apps and websites
4:13
and you will see what kind of app that
4:15
you want to.
4:18
So here you can simply say build a
4:20
simple
4:23
Mario game.
4:26
So you can specifically chat with the AI
4:28
here and based upon that.
4:40
You can see is still building out this
4:43
QR generator tool right here. So once it
4:47
completes it will show you the live
4:49
preview right in the plot chat itself.
4:51
So you can see it build out this
4:53
complete app.
4:57
You also have the option to publish this
4:59
so that other people can also see. So if
5:02
you click publish here so it will
5:04
basically publish this artifact and make
5:06
it accessible to anyone on the internet
5:08
and potentially in the search engine as
5:10
well. So this is the complete link that
5:12
it gives you. So if someone opens this
5:15
link, they will also be able to see the
5:18
result which is generated by the AI. So
5:20
they can even try this as well. So this
5:24
is a very important feature in Claude
5:26
AI. You can see
5:32
it's a simple QR code generator directly
5:34
in the browser. You can generate it
5:37
using URL or text or contact information
5:40
as well. So,
5:43
so this is a very insane update. You
5:45
definitely try this and share your own
5:48
apps and with others using claw artif
5:52
update. And also check out my website
5:55
freemediattools.com
5:56
uh which contains thousands of tools.