0:00.000–0:01.667
Kimi K3 just released and
0:01.667–0:05.000
it is one of the most capable AI models in the world.
0:05.120–0:09.073
It even beats CloudFable 5 on multiple benchmarks while
0:09.073–0:11.260
being completely open source.
0:11.520–0:12.880
And in this video,
0:12.880–0:16.960
I will show you how to use it 100% free inside CloudCode
0:16.960–0:20.446
so you can build beautiful websites and apps while
0:20.446–0:21.940
keeping every skill,
0:22.320–0:28.000
every file and every conversation that you already use with CloudCode every day.
0:28.000–0:30.773
So by the end, you will have it fully set up and
0:30.773–0:33.620
running, even if you're a complete beginner.
0:33.880–0:37.320
So close all of your other tabs and let's dive right into it.
0:37.440–0:39.680
But before I show you how to do that,
0:39.680–0:41.921
I want to first talk about what is Ki
0:41.921–0:45.320
mi K3 and why would we want to use it inside Cloud Code.
0:45.500–0:47.863
Now, if you have been living under a rock,
0:47.863–0:50.156
Kimi K3 is a brand new model that was rele
0:50.156–0:52.519
ased from Moonshot AI, which is a Chinese
0:52.519–0:55.160
company, and has taken the internet by storm.
0:55.160–0:58.790
Since this model has been specifically built and
0:58.790–1:01.800
optimized for long coding tasks, it also
1:01.800–1:06.055
ranks number one in building nice looking front-end interfaces and
1:06.055–1:07.100
it also has a huge
1:07.100–1:10.234
memory context window of 1 million tokens and
1:10.234–1:13.120
all of that while being fully open source.
1:13.320–1:18.080
Which means that the weights of the model are publicly available for everyone to download
1:18.080–1:19.380
if they actually want to.
1:19.460–1:22.500
But now you might say, well Damian, is this actually any good?
1:22.640–1:24.300
How does it compare to the other models?
1:24.300–1:27.487
And to that my answer is, it is actually very good and
1:27.487–1:30.673
it is able to match the performance of Fable 5 and eve
1:30.673–1:33.786
n beat it in some of these benchmarks as you can see f
1:33.786–1:35.120
rom this screenshot.
1:35.400–1:38.155
But now you might say, well Damian, that's good,
1:38.155–1:41.460
but why would we actually want to run it inside Cloud Code?
1:41.740–1:42.878
And that is because
1:42.878–1:44.016
Cloud Code is curre
1:44.016–1:45.154
ntly the best codin
1:45.154–1:46.292
g setup with optimi
1:46.292–1:49.920
zed prompts and guidelines to produce the best quality code.
1:49.920–1:52.656
Plus, you probably are already using it and
1:52.656–1:56.000
you have set up your skills and plugins to work there.
1:56.260–1:59.080
Which means that if you had to switch to a different coding agent,
1:59.420–2:03.220
then you would basically lose all the setup that you have already done.
2:03.400–2:07.140
And since most people that clicked on this video are already using Cloud Code,
2:07.440–2:08.561
more than likely,
2:08.561–2:09.532
all of your past
2:09.532–2:10.728
conversations wit
2:10.728–2:11.774
h all the context
2:11.774–2:15.360
that Cloud would need to perform well already live there.
2:15.360–2:22.740
So what we're going to do in this video is give the clod code a genetic hardness that has all these things that I just mentioned,
2:23.160–2:25.883
but we will just switch the brain of the model, and
2:25.883–2:28.540
instead of using an expensive anthropic model,
2:28.900–2:30.372
we're going to use Kimi K3,
2:30.372–2:31.844
which is actually on par wi
2:31.844–2:34.520
th the performance of the top anthropic models,
2:34.680–2:36.940
but we're going to use it completely for free.
2:37.280–2:39.440
So we can literally get the best of both worlds.
2:39.440–2:41.510
But now you might ask, well Damian,
2:41.510–2:45.080
how are we actually going to get Kimi K3 completely for free?
2:45.080–2:47.600
Isn't this a paid model by Moonshot?
2:47.800–2:51.830
Yes, mainly it is, but there is a third-party API marketplace,
2:51.830–2:53.380
which is called Zenmux,
2:53.620–3:00.260
that currently offers Kimi K3 completely for free to all of its users as a promotional period,
3:00.460–3:02.160
which we're going to use in this video.
3:02.520–3:06.100
So instead of paying a throwpick for every request that we send,
3:06.220–3:08.423
we simply use Kimi through Zenmux and
3:08.423–3:12.260
we don't pay anything while still getting amazing performance.
3:12.260–3:16.720
Now to set this up, we first need to install CloudCode in our machine.
3:16.960–3:19.760
To do that, you simply need to go over to the CloudCode docs,
3:19.760–3:22.560
which I will also leave a link for in the description below,
3:22.740–3:26.540
and then copy the command that matches your operating system.
3:26.760–3:30.280
Since I'm on macOS, I'm going to copy this command over here,
3:30.400–3:33.301
and then simply open up your terminal,
3:33.301–3:37.200
ideally inside an IDE with a coding agent next to it,
3:37.440–3:40.020
and you will see why we're going to need this in a bit.
3:40.020–3:44.420
but for now what you need to do is to simply paste in the command to install cloud code,
3:44.420–3:48.059
click on enter and this is going to install it in your machine.
3:48.059–3:49.700
Which as you can see just did
3:49.700–3:51.412
and now if I come over here and
3:51.412–3:54.980
I type in cloud I will be able to access it. But as you can see in
3:54.980–3:58.580
the current instance of cloud code we're using opus 4.
3:58.580–4:00.980
8 which is an anthropic model that we
4:00.980–4:02.975
obviously have to pay for.
4:02.975–4:07.780
Now to switch this model to Kimi K3 we need to go over to zenmux.ai
4:07.780–4:09.929
slash Kimikey free which I will also
4:09.929–4:13.440
leave a link for in the description below. Now once you land
4:13.440–4:15.558
this page you will need to convert here and
4:15.558–4:18.160
create a free account and once you do that you will be
4:18.160–4:20.076
able to access this model. But
4:20.076–4:24.060
as you can see it is telling us that we can use the Kimikey 3 model
4:24.060–4:25.650
completely for free but
4:25.650–4:30.180
it obviously has some rate limits since I don't want people to be able
4:30.180–4:33.167
to abuse this promotional period. But don't worry because
4:33.167–4:35.240
I have found that the rate limit is pretty
4:35.240–4:40.480
generous and you can get some pretty decent work done with it completely for free. Now once you
4:40.480–4:45.760
land in this page what you need to do is to simply scroll down here to the bottom of the page where
4:45.760–4:48.641
as you can see here we have multiple different options.
4:48.641–4:50.520
Now what you actually need to do is to
4:50.520–4:54.548
make sure you come back here to the anthropic python sdk option.
4:54.548–4:56.220
Once you click on that this
4:56.220–5:01.640
snipper of course is going to appear which will basically tell cloud code to not use one of the
5:01.640–5:05.239
default models and actually use KimiK3 through Zenmax.
5:05.239–5:07.460
So now what we need to do is to simply
5:07.460–5:11.258
come over here and copy this short snipper of code and
5:11.258–5:14.020
then we need to come back over to our IDE
5:14.020–5:17.731
where we have our coding agent next to our Cloud Code instance and
5:17.731–5:19.380
then we need to say something
5:19.380–5:25.660
like hey what I want you to do is to switch the default model that Cloud Code uses because I
5:25.660–5:31.015
going to use Kimi K3 from Zenmax. This is the Anthropic SDK so
5:31.015–5:33.800
you can make that change for me.
5:33.980–5:35.912
And then you simply need to come over here,
5:35.912–5:38.120
paste in the snippet of code that you just copied
5:38.120–5:43.240
and the only other thing that we need to do is to give it access to our Zenmax API key,
5:43.360–5:46.292
which we can create by coming back over to Zenmax and
5:46.292–5:47.860
clicking on create API key,
5:48.180–5:51.232
which is going to bring us over in this interface over here,
5:51.232–5:53.100
where then we have to click on create
5:53.100–5:55.354
API key, we then need to give this a name and
5:55.354–5:57.480
click on OK and this is going to generate
5:57.480–6:00.040
us our own unique API key which you then
6:00.040–6:03.320
have to simply copy, come back over to your agent,
6:03.580–6:07.720
paste it in and say something like this is my Zenmax API key.
6:07.940–6:10.260
So go over and make the setup for me.
6:10.440–6:12.325
And once you're done with your prompt,
6:12.325–6:14.740
you simply have to send it over and let your coding
6:14.740–6:16.700
agent make that change for you.
6:16.700–6:20.033
Now if you want, you can also paste this inside cloud code and
6:20.033–6:21.500
it will also be able to make
6:21.500–6:21.980
that change.
6:21.980–6:25.847
I just wanted to show you this with Antigravity since it is also
6:25.847–6:27.780
a completely free coding agent
6:27.780–6:28.680
that you can use.
6:28.920–6:30.537
And if you want to use it, I will also
6:30.537–6:32.600
leave a link for it in the description below.
6:32.880–6:34.031
And boom, as you can see,
6:34.031–6:37.140
Antigravity finished making that change for us and it is telling
6:37.140–6:42.740
us to reconfigure a system to be able to use the Zenmax API for Cloud Code by changing
6:42.740–6:44.360
all the things in the SDK.
6:44.760–6:46.239
But since Cloud Code is running,
6:46.239–6:48.540
what we need to do is to open up a brand new terminal.
6:48.540–6:53.340
and then if we open up Cloud Code again and we click on yes over here,
6:53.500–6:59.360
you will be able to see that Cloud Code is currently using the Kimi K3 free model from Zenmax.
6:59.600–7:01.600
And just so you guys can see that this actually works,
7:01.840–7:05.800
if I come over here and say, hey, what model are you currently using?
7:05.940–7:07.221
And I click on enter,
7:07.221–7:10.460
you will see that Cloud Code is going to respond to me
7:10.460–7:15.720
and tell me that it is currently running on Moonshot Kimi K3 free from Zenmax,
7:15.720–7:18.620
which means that we successfully managed to set this up.
7:18.860–7:21.320
Now, the only thing that you need to take into account
7:21.320–7:25.980
is the fact that you need to add in at least $5 on your Zenmox account
7:25.980–7:27.207
and that is because
7:27.207–7:31.500
Zenmox simply does not want you to take advantage of this free usage
7:31.500–7:33.360
and create multiple accounts.
7:33.620–7:36.640
That's why they require you to input at least $5 to your account
7:36.640–7:40.660
and then you will be able to use the Kimi K3 model completely for free
7:40.660–7:43.620
without losing any of the money that you just added.
7:43.620–7:47.008
So now that we said Cloud Code to run with Kimi K3,
7:47.008–7:50.481
let's actually put it to the test and make it build
7:50.481–7:53.700
us a beautiful website for a popular law firm.
7:53.860–7:56.624
So all I'm going to do is I will simply come over here and
7:56.624–7:59.940
I'm going to say, hey, what I want you to do is to build me a website.
8:00.000–8:02.055
hey, what I want you to do is to build me a website for a popular law firm.
8:02.055–8:02.480
You can make up
8:02.480–8:05.253
its name and overall the services that they offer.
8:05.253–8:07.300
I just want it to be a standard website
8:07.300–8:09.253
that looks modern and clean and
8:09.253–8:13.460
actual professional law firm would be willing to pay for. Make sure
8:13.460–8:16.164
you create all the sections of the website and
8:16.164–8:18.940
you make it a multi-page website meaning it has
8:18.940–8:22.512
multiple pages and are all functioning as they're supposed to and
8:22.512–8:24.200
now that I'm done with my prompt
8:24.200–8:29.260
and as you can see I left it deliberately vague I'm going to click on enter to see what KimiK3
8:29.260–8:31.454
running within Cloud Code can do when
8:31.454–8:34.780
it comes to website building and if it actually produces
8:34.780–8:36.565
better results than Fable 5.
8:36.565–8:40.580
Now as you can see the first thing that it is doing is it is creating
8:40.580–8:42.930
a plan for all the pages that it's going to have.
8:42.930–8:45.340
As you can see, it's telling us it's going to have
8:45.340–8:48.349
a homepage, about page, practice areas, attorneys,
8:48.349–8:50.880
results, and contact. And now that it has the
8:50.880–8:54.044
planner ID, it's going to build this website for us.
8:54.044–8:56.840
And boom, as you can see, KimiK3 just finished
8:56.840–8:58.811
building out our website. Over here,
8:58.811–9:01.800
it's telling us all the pages that it built for us. And if I
9:01.800–9:04.394
scroll down, I'm able to see the localhost URL,
9:04.394–9:07.120
which our website is hosted on. So let me actually
9:07.120–9:08.923
open it up and take a look at it.
9:08.923–9:12.600
Here we have a nice hero section, then underneath we have this
9:12.600–9:14.535
section with information about the firm and
9:14.535–9:16.680
I think you guys can see that this does look pretty
9:16.680–9:18.895
good. Also we have these nice animations when
9:18.895–9:21.460
I hover over all the services that they're offering,
9:21.780–9:25.852
then we have some information about how long the firm has been active for,
9:25.852–9:26.920
along with how many
9:26.920–9:30.268
attorneys they have, how much revenue they have secured.
9:30.268–9:32.500
We have some more information, then we
9:32.500–9:37.880
have an our team section where we should be able to take a look at all the attorneys that they have
9:37.880–9:40.006
obviously this is empty because
9:40.006–9:44.180
we haven't given Kimi any photos to put over here and underneath
9:44.180–9:48.374
we have a review section with supposed reviews from customers and
9:48.374–9:50.280
a contact us section over here
9:50.280–9:55.340
where we can request a free consultation which brings us over in another page as you can see
9:55.340–10:00.649
where we can come over here fill in our information type what we want help with and
10:00.649–10:01.600
the law firm is
10:01.600–10:04.116
going to reach out to us and help us with our case.
10:04.116–10:06.380
And if I scroll underneath here, you can see
10:06.380–10:11.920
that they just have a simple Google Maps section with this nice CTA at the bottom of the page.
10:12.120–10:14.030
And if I actually come over here and
10:14.030–10:17.060
I move over to the other pages, like the About a section,
10:17.200–10:18.527
you can see that this is also
10:18.527–10:21.240
a completely separate page where we can come and see some
10:21.240–10:24.547
information about this specific law firm. As you can see,
10:24.547–10:26.820
this also has some very nice animations
10:26.820–10:29.165
when I hover over the sections, then
10:29.165–10:32.760
we can see a history of the law firm along with a CTA at the
10:32.760–10:36.150
bottom of the page. And then if we move over in the practice areas,
10:36.150–10:37.720
again, you can see completely
10:37.720–10:40.470
unique page where we can scroll through it and
10:40.470–10:43.220
see all the practice areas of this law firm. As
10:43.220–10:46.036
you can see, they have many like employment law,
10:46.036–10:48.640
family law, and all the above. And then an FAQ
10:48.640–10:52.330
section at the bottom of the page with the most commonly asked questions.
10:52.330–10:53.600
Then the attorneys page,
10:53.600–10:55.522
just has the attorneys. Obviously,
10:55.522–10:58.660
we don't see any images because we haven't given any images
10:58.660–11:00.565
of our attorneys to Kimi and then
11:00.565–11:03.740
we have a results page where all the results of that law
11:03.740–11:05.562
firm will be displayed. As you can see,
11:05.562–11:08.180
this is literally all of their achievements along with
11:08.180–11:10.678
some client reviews and a CTA at the bottom. And
11:10.678–11:12.920
overall, I do have to say that this website
11:12.920–11:16.256
honestly does look super clean. Since it has nice animations,
11:16.256–11:18.180
it also has a color scheme that would
11:18.180–11:22.233
feed an actual offer website and overall it is pretty clean and
11:22.233–11:24.260
modern exactly as we described
11:24.260–11:27.905
but now let's say that we wanted to improve it even further and
11:27.905–11:29.620
add in relevant images in all
11:29.620–11:32.847
the empty sections like the our attorney section and
11:32.847–11:35.560
some more that our website simply is missing
11:35.560–11:38.534
them to do that we simply have to come over here and
11:38.534–11:41.000
say hey great i like the website but what i
11:41.000–11:44.455
want you to do now is to go find me some relevant images and
11:44.455–11:46.440
put them in in all the places that
11:46.440–11:49.513
they are missing like the our returning section and
11:49.513–11:51.800
any other page in the home page or in the
11:51.800–11:54.899
other pages of the website and click on enter so
11:54.899–11:57.760
Kimi K3 can go find these images and put them
11:57.760–12:01.267
inside our website for us and while this is running just so
12:01.267–12:03.020
you guys can see if I come back
12:03.020–12:08.140
over to my Zenmax balance you can see that nothing has been detracted from my balance
12:08.140–12:11.980
since we're currently running Kimi K3 completely for free and
12:11.980–12:13.900
even if I refresh it you will see
12:13.900–12:16.085
it remains exactly as it was and
12:16.085–12:20.540
boom as you can see Kimmy K3 just finished finding the images and
12:20.540–12:23.140
putting them on all these pages in our website so
12:23.140–12:25.480
now if I actually open up my local host again
12:25.480–12:31.460
I'm now able to see this nice background over here with the city which looks very good and if I scroll
12:31.460–12:34.046
down I can see another relevant image over here and
12:34.046–12:36.140
if I keep scrolling I should be able to see
12:36.140–12:41.540
some images for our team members as well as you can see all of these are supposed team members
12:41.540–12:44.345
Plus, if I keep scrolling over here, we can also
12:44.345–12:48.300
see some images from the people that left reviews in this law firm.
12:48.560–12:50.949
It also updated the about page, as you can see,
12:50.949–12:52.520
it added this image over here.
12:52.820–12:54.079
And if I keep scrolling,
12:54.079–12:57.540
I will be able to find more images that have been put in our website.
12:57.760–13:01.200
Which means that Kimi K3 did exactly what we asked it to do.
13:01.340–13:03.721
But I think enough with the website building,
13:03.721–13:05.600
let's give it a way harder task to do,
13:05.800–13:08.476
which is to build a full stack application so
13:08.476–13:11.080
we can really see how powerful it really is.
13:11.080–13:18.401
Now, I'm thinking of building a full stack habit tracker app where the users will be able to log all their habits when
13:18.401–13:21.680
it comes to exercise, sleep, and the daily routine.
13:22.000–13:25.020
So, I will simply come over here and describe exactly that.
13:25.220–13:32.380
Hey, what I want you to do is to build me a full stack habit tracking app in which the user will be able to log what he did throughout the day.
13:32.380–13:36.061
specifically I want him to be able to log his sleeping schedule,
13:36.061–13:37.520
his daily routine and the
13:37.520–13:39.936
exercises that he did throughout the day so
13:39.936–13:42.620
he can always keep track of those when he opens up
13:42.620–13:43.967
the app again. Now I also
13:43.967–13:47.740
want the app to have a login section where the user will first need to
13:47.740–13:49.460
sign up for an account and then
13:49.460–13:52.900
he will be able to access it plus he also should only be able to
13:52.900–13:56.670
access the information that he specifically saved in his account and
13:56.670–13:58.100
now that I described that I
13:58.100–14:00.313
simply send over this prompt so
14:00.313–14:04.740
Kimi K3 can start working on this task. And boom, as you can see,
14:04.740–14:06.953
Kimi K3 just finished executing and
14:06.953–14:10.420
built us the app with all the features that we requested.
14:10.420–14:13.969
Plus it gave us this localhost URL in which we can access it.
14:13.969–14:15.780
Where as you can see, I'm first
14:15.780–14:18.249
prompted to sign up with an account and then
14:18.249–14:20.580
once I do that, I will be able to access it.
14:20.580–14:23.745
And this is its interface. Now from a first glance,
14:23.745–14:25.780
I would say that it has a very nice
14:27.333–14:31.317
And over here, we can see all the three different things that we can track for,
14:31.317–14:32.313
which is our sleep,
14:32.493–14:34.862
our routine, and our exercises. Now, let's say,
14:34.862–14:37.113
for example, I want to come over here and log in
14:37.113–14:45.093
my sleep, which let's say happened from 1am all the way to my wake up time at around 9am in the
14:45.093–14:47.681
morning. And let's say my quality was five stars.
14:47.681–14:49.953
Plus I can also come over here and add in some
14:49.953–14:53.004
custom notes, which let's say I slept very good and
14:53.004–14:55.473
had a very restful sleep. And if I click on
14:55.473–14:59.138
add sleep log, this is going to add this over here in my sleep history,
14:59.138–15:00.553
where I will always be able
15:00.553–15:04.547
to take a look at it, see exactly how much time I slept for that day and
15:04.547–15:05.973
overall see the quality
15:05.973–15:08.610
of sleep that I had. Plus, if I want, I'm also
15:08.610–15:11.613
able to come over here, edit it, or even delete it.
15:11.773–15:14.410
And I can do the same exact thing with my routine.
15:14.410–15:17.113
For example, I can say meditate it for 10 minutes,
15:17.353–15:20.045
and I can come over here and log in the time I did that.
15:20.045–15:22.173
And if I click on add item, this is going to
15:22.173–15:24.623
add it in my today's checklist, where when
15:24.623–15:27.633
I actually complete this task, I can come over here,
15:27.873–15:30.162
check it off. And as you can see, this also
15:30.162–15:32.653
updates this progress bar, where it shows me
15:32.653–15:34.495
all the tasks that I have to do and
15:34.495–15:37.633
same exact thing with my exercises. Let's say I did some
15:37.633–15:40.982
bench press for the category of strength and
15:40.982–15:44.693
I did that for 15 minutes, 3 sets and 12 reps. So now
15:44.693–15:46.417
if I click on add exercise,
15:46.417–15:50.493
this is going to add this exercise to my activity log, which if I
15:50.493–15:53.713
refresh the app, it should appear exactly as I saved it,
15:53.713–15:55.813
which means that our backend is also
15:55.813–15:58.875
working correctly. Plus I'm also able to come over here and
15:58.875–16:00.813
select the specific day that I want to
16:00.813–16:05.673
take a look at for example if I wanted yesterday I can come over here select yesterday and take a
16:05.673–16:10.793
look at all the activity that I did yesterday which is exactly what we wanted and that means
16:10.793–16:11.749
that Kimi K also
16:11.749–16:12.778
managed to build
16:12.778–16:16.233
us a fully functioning full stack application and again
16:16.233–16:22.033
if I come back in my Zenmax balance you can see that I still have the five dollars that I deposited
16:22.033–16:27.553
which means that the free usage that Zenmax gives you is actually pretty big since I literally
16:27.553–16:30.015
managed to build a full website and also
16:30.015–16:33.073
a full stack app all with a free usage that they are
16:33.073–16:36.664
offering. So if you want to set this up for yourself,
16:36.664–16:39.253
make sure you visit zenmax.ai, which
16:39.253–16:42.491
I will also leave a link for in the description below and
16:42.491–16:44.533
set up your cloud code to use Kimi K3
16:44.533–16:45.846
completely for free. And
16:45.846–16:47.033
if you want more help wi
16:47.033–16:49.533
th setting this up or you want help with building
16:49.533–16:50.847
your own AI business, then
16:50.847–16:54.073
make sure you click the top link in my description and you come and
16:54.073–16:57.271
Checkout My School Community, where I help people build and
16:57.271–16:59.253
launch their own AI business and land
16:59.253–17:03.433
the first paying customer throughout all the content that I have inside the community and
17:03.433–17:07.518
through the dedicated one-to-one access to me that people get immediately when
17:07.518–17:08.493
they join. So if you
17:08.493–17:09.588
would be interested in that,
17:09.588–17:12.053
make sure you click the top link in my description and you come and
17:12.053–17:13.779
check out My School Community. But also
17:13.779–17:16.133
YouTube things that you're going to enjoy this video,
17:16.293–17:21.153
in which I show you how you can use cloud code completely for free by using models that run
17:21.153–17:23.413
locally on your PC. So make sure you go and
17:23.413–17:25.873
watch that next and I will see you over there.
0:00.000–0:01.667
Kimi K3 just released and
Kimi K3 剛剛發布,
0:01.667–0:05.000
it is one of the most capable AI models in the world.
它是全球最強大的 AI 模型之一。
0:05.120–0:09.073
It even beats CloudFable 5 on multiple benchmarks while
它在多項基準測試中甚至超越了 CloudFable 5,同時
0:09.073–0:11.260
being completely open source.
完全開源。
0:11.520–0:12.880
And in this video,
在這支影片中,
0:12.880–0:16.960
I will show you how to use it 100% free inside CloudCode
我將展示如何在 CloudCode 中 100% 免費使用它,
0:16.960–0:20.446
so you can build beautiful websites and apps while
這樣你可以在建立美觀的網站和應用程式的同時,
0:20.446–0:21.940
keeping every skill,
保留所有的技能,
0:22.320–0:28.000
every file and every conversation that you already use with CloudCode every day.
以及你每天在 CloudCode 中使用的每個檔案和對話。
0:28.000–0:30.773
So by the end, you will have it fully set up and
因此,到最後,你將完全設定好並
0:30.773–0:33.620
running, even if you're a complete beginner.
運行它,即使你是完全的新手。
0:33.880–0:37.320
So close all of your other tabs and let's dive right into it.
所以請關閉其他所有分頁,讓我們直接開始。
0:37.440–0:39.680
But before I show you how to do that,
但在展示如何操作之前,
0:39.680–0:41.921
I want to first talk about what is Ki
我想先談談什麼是 Ki
0:41.921–0:45.320
mi K3 and why would we want to use it inside Cloud Code.
mi K3,以及為什麼我們要在 Cloud Code 中使用它。
0:45.500–0:47.863
Now, if you have been living under a rock,
如果你一直與世隔絕,
0:47.863–0:50.156
Kimi K3 is a brand new model that was rele
Kimi K3 是一個全新的模型,由
0:50.156–0:52.519
ased from Moonshot AI, which is a Chinese
中國公司 Moonshot AI 發
0:52.519–0:55.160
company, and has taken the internet by storm.
布,並在網路上引起轟動。
0:55.160–0:58.790
Since this model has been specifically built and
由於這個模型是專門為
0:58.790–1:01.800
optimized for long coding tasks, it also
長期的編碼任務建構和優化的,它也在
1:01.800–1:06.055
ranks number one in building nice looking front-end interfaces and
建立美觀的前端介面方面排名第一,
1:06.055–1:07.100
it also has a huge
並且它還擁有巨大的
1:07.100–1:10.234
memory context window of 1 million tokens and
記憶體上下文視窗,可容納 100 萬個 token,
1:10.234–1:13.120
all of that while being fully open source.
而且完全開源。
1:13.320–1:18.080
Which means that the weights of the model are publicly available for everyone to download
這意味著模型的權重公開供所有人下載,
1:18.080–1:19.380
if they actually want to.
如果他們真的想要的話。
1:19.460–1:22.500
But now you might say, well Damian, is this actually any good?
但現在你可能會說,Damian,這真的好用嗎?
1:22.640–1:24.300
How does it compare to the other models?
它與其他模型相比如何?
1:24.300–1:27.487
And to that my answer is, it is actually very good and
我的回答是,它真的很好用,
1:27.487–1:30.673
it is able to match the performance of Fable 5 and eve
並且能夠達到 Fable 5 的效能,甚至在
1:30.673–1:33.786
n beat it in some of these benchmarks as you can see f
某些基準測試中超越它,正如你從
1:33.786–1:35.120
rom this screenshot.
這張截圖中所見。
1:35.400–1:38.155
But now you might say, well Damian, that's good,
但現在你可能會說,Damian,這很好,
1:38.155–1:41.460
but why would we actually want to run it inside Cloud Code?
但為什麼我們真的要讓它在 Cloud Code 中運行呢?
1:41.740–1:42.878
And that is because
這是因為
1:42.878–1:44.016
Cloud Code is curre
Cloud Code 目
1:44.016–1:45.154
ntly the best codin
前是最佳的編碼
1:45.154–1:46.292
g setup with optimi
環境,擁有優
1:46.292–1:49.920
zed prompts and guidelines to produce the best quality code.
化的提示和指南,以產生最高品質的程式碼。
1:49.920–1:52.656
Plus, you probably are already using it and
此外,你可能已經在使用它,
1:52.656–1:56.000
you have set up your skills and plugins to work there.
並且已經設定好你的技能和外掛程式來在那裡運作。
1:56.260–1:59.080
Which means that if you had to switch to a different coding agent,
這意味著如果你必須切換到不同的程式碼代理工具,
1:59.420–2:03.220
then you would basically lose all the setup that you have already done.
那麼你基本上會失去所有已經完成的設定。
2:03.400–2:07.140
And since most people that clicked on this video are already using Cloud Code,
而且由於點擊這個影片的大多數人已經在使用 Cloud Code,
2:07.440–2:08.561
more than likely,
很可能,
2:08.561–2:09.532
all of your past
你所有的過去
2:09.532–2:10.728
conversations wit
對話
2:10.728–2:11.774
h all the context
以及所有
2:11.774–2:15.360
that Cloud would need to perform well already live there.
Cloud 需要良好運作所需的上下文,都已經存在那裡。
2:15.360–2:22.740
So what we're going to do in this video is give the clod code a genetic hardness that has all these things that I just mentioned,
所以我們在這部影片中要做的是,給 Cloud Code 一個基因硬度,包含我剛才提到的所有這些東西,
2:23.160–2:25.883
but we will just switch the brain of the model, and
但我們只會切換模型的「大腦」,並且
2:25.883–2:28.540
instead of using an expensive anthropic model,
不使用昂貴的 Anthropic 模型,
2:28.900–2:30.372
we're going to use Kimi K3,
我們將使用 Kimi K3,
2:30.372–2:31.844
which is actually on par wi
它實際上與
2:31.844–2:34.520
th the performance of the top anthropic models,
頂級 Anthropic 模型的效能相當,
2:34.680–2:36.940
but we're going to use it completely for free.
但我們將完全免費使用它。
2:37.280–2:39.440
So we can literally get the best of both worlds.
所以我們可以真正獲得兩全其美的效果。
2:39.440–2:41.510
But now you might ask, well Damian,
但現在你可能會問,Damian,
2:41.510–2:45.080
how are we actually going to get Kimi K3 completely for free?
我們實際上如何完全免費獲得 Kimi K3?
2:45.080–2:47.600
Isn't this a paid model by Moonshot?
這不是 Moonshot 的付費模型嗎?
2:47.800–2:51.830
Yes, mainly it is, but there is a third-party API marketplace,
是的,主要是這樣,但有一個第三方 API 市場,
2:51.830–2:53.380
which is called Zenmux,
名為 Zenmux,
2:53.620–3:00.260
that currently offers Kimi K3 completely for free to all of its users as a promotional period,
目前作為促銷活動,向所有用戶完全免費提供 Kimi K3,
3:00.460–3:02.160
which we're going to use in this video.
我們將在這部影片中使用它。
3:02.520–3:06.100
So instead of paying a throwpick for every request that we send,
所以我們不必為每個發送的請求支付高昂費用,
3:06.220–3:08.423
we simply use Kimi through Zenmux and
我們只是通過 Zenmux 使用 Kimi,
3:08.423–3:12.260
we don't pay anything while still getting amazing performance.
並且在獲得驚人效能的同時不支付任何費用。
3:12.260–3:16.720
Now to set this up, we first need to install CloudCode in our machine.
現在要進行設定,我們首先需要在機器上安裝 CloudCode。
3:16.960–3:19.760
To do that, you simply need to go over to the CloudCode docs,
要做到這一點,你只需要前往 CloudCode 的文件頁面,
3:19.760–3:22.560
which I will also leave a link for in the description below,
我也會在下面的描述中留下連結,
3:22.740–3:26.540
and then copy the command that matches your operating system.
然後複製與你的作業系統相符的命令。
3:26.760–3:30.280
Since I'm on macOS, I'm going to copy this command over here,
由於我使用的是 macOS,我會複製這個命令,
3:30.400–3:33.301
and then simply open up your terminal,
然後簡單地打開終端機,
3:33.301–3:37.200
ideally inside an IDE with a coding agent next to it,
理想情況下是在帶有程式碼代理工具的 IDE 內部,
3:37.440–3:40.020
and you will see why we're going to need this in a bit.
你很快就會明白為什麼我們需要這樣做。
3:40.020–3:44.420
but for now what you need to do is to simply paste in the command to install cloud code,
但現在你需要做的就是簡單地貼上安裝 cloud code 的命令,
3:44.420–3:48.059
click on enter and this is going to install it in your machine.
點擊 Enter,這將在你的機器上安裝它。
3:48.059–3:49.700
Which as you can see just did
正如你所見,剛剛已經完成
3:49.700–3:51.412
and now if I come over here and
現在如果我過來這裡並
3:51.412–3:54.980
I type in cloud I will be able to access it. But as you can see in
我輸入 cloud,就能夠存取它。但正如你所見,在
3:54.980–3:58.580
the current instance of cloud code we're using opus 4.
目前使用的 cloud code 實例中,我們使用的是 opus 4。
3:58.580–4:00.980
8 which is an anthropic model that we
8,這是一個 Anthropic 的模型,我們
4:00.980–4:02.975
obviously have to pay for.
顯然需要付費。
4:02.975–4:07.780
Now to switch this model to Kimi K3 we need to go over to zenmux.ai
現在,要將此模型切換為 Kimi K3,我們需要前往 zenmux.ai
4:07.780–4:09.929
slash Kimikey free which I will also
/kimikey free,我也會在下方描述中
4:09.929–4:13.440
leave a link for in the description below. Now once you land
提供連結。一旦你進入
4:13.440–4:15.558
this page you will need to convert here and
這個頁面,你需要在此轉換並
4:15.558–4:18.160
create a free account and once you do that you will be
建立免費帳戶,完成後你就會
4:18.160–4:20.076
able to access this model. But
能夠存取這個模型。但
4:20.076–4:24.060
as you can see it is telling us that we can use the Kimikey 3 model
正如你所見,它告訴我們可以完全免費使用 Kimikey 3 模型,
4:24.060–4:25.650
completely for free but
但
4:25.650–4:30.180
it obviously has some rate limits since I don't want people to be able
顯然有一些速率限制,因為我不希望有人能
4:30.180–4:33.167
to abuse this promotional period. But don't worry because
濫用這個促銷期。但別擔心,因為
4:33.167–4:35.240
I have found that the rate limit is pretty
我發現速率限制相當
4:35.240–4:40.480
generous and you can get some pretty decent work done with it completely for free. Now once you
寬鬆,你可以完全免費完成一些相當不錯的工作。現在,一旦你
4:40.480–4:45.760
land in this page what you need to do is to simply scroll down here to the bottom of the page where
進入這個頁面,你需要做的就是將頁面滾動到底部,
4:45.760–4:48.641
as you can see here we have multiple different options.
正如你所見,這裡有多個不同的選項。
4:48.641–4:50.520
Now what you actually need to do is to
現在,你實際上需要做的是
4:50.520–4:54.548
make sure you come back here to the anthropic python sdk option.
確保回到 Anthropic Python SDK 選項。
4:54.548–4:56.220
Once you click on that this
一旦你點擊它,這個
4:56.220–5:01.640
snipper of course is going to appear which will basically tell cloud code to not use one of the
程式碼片段就會出現,基本上這會告訴 cloud code 不要使用其中一個
5:01.640–5:05.239
default models and actually use KimiK3 through Zenmax.
預設模型,而是透過 Zenmax 實際使用 KimiK3。
5:05.239–5:07.460
So now what we need to do is to simply
所以現在我們需要做的是簡單地
5:07.460–5:11.258
come over here and copy this short snipper of code and
來到這裡並複製這段短程式碼片段,
5:11.258–5:14.020
then we need to come back over to our IDE
然後我們需要回到我們的 IDE
5:14.020–5:17.731
where we have our coding agent next to our Cloud Code instance and
我們的程式碼代理程式就在我們的 Cloud Code 執行個體旁邊,並且
5:17.731–5:19.380
then we need to say something
然後我們需要說一些
5:19.380–5:25.660
like hey what I want you to do is to switch the default model that Cloud Code uses because I
類似「嘿,我想要你做的是切換 Cloud Code 使用的預設模型,因為我
5:25.660–5:31.015
going to use Kimi K3 from Zenmax. This is the Anthropic SDK so
將使用來自 Zenmax 的 Kimi K3。這是 Anthropic SDK,所以
5:31.015–5:33.800
you can make that change for me.
你可以幫我進行那個變更。」
5:33.980–5:35.912
And then you simply need to come over here,
然後你只需要來到這裡,
5:35.912–5:38.120
paste in the snippet of code that you just copied
貼上你剛剛複製的程式碼片段,
5:38.120–5:43.240
and the only other thing that we need to do is to give it access to our Zenmax API key,
我們還需要做的另一件事是授予它存取我們的 Zenmax API 金鑰的權限,
5:43.360–5:46.292
which we can create by coming back over to Zenmax and
我們可以透過回到 Zenmax 並
5:46.292–5:47.860
clicking on create API key,
點擊建立 API 金鑰來建立,
5:48.180–5:51.232
which is going to bring us over in this interface over here,
這會將我們帶到這裡的這個介面,
5:51.232–5:53.100
where then we have to click on create
然後我們必須點擊建立
5:53.100–5:55.354
API key, we then need to give this a name and
API 金鑰,我們需要為此命名,
5:55.354–5:57.480
click on OK and this is going to generate
並點擊確定,這將產生
5:57.480–6:00.040
us our own unique API key which you then
產生出我們獨有的 API 金鑰,接著
6:00.040–6:03.320
have to simply copy, come back over to your agent,
你只需要複製它,回到你的 Agent,
6:03.580–6:07.720
paste it in and say something like this is my Zenmax API key.
貼上它並說類似「這是我的 Zenmax API 金鑰」的話。
6:07.940–6:10.260
So go over and make the setup for me.
所以去幫我設定一下。
6:10.440–6:12.325
And once you're done with your prompt,
當你完成提示詞後,
6:12.325–6:14.740
you simply have to send it over and let your coding
你只需要發送它,讓你的程式碼
6:14.740–6:16.700
agent make that change for you.
Agent 為你進行該項變更。
6:16.700–6:20.033
Now if you want, you can also paste this inside cloud code and
現在,如果你願意,你也可以將它貼到 Cloud Code 裡,
6:20.033–6:21.500
it will also be able to make
它也能夠進行
6:21.500–6:21.980
that change.
那項變更。
6:21.980–6:25.847
I just wanted to show you this with Antigravity since it is also
我只是想透過 Antigravity 來向你展示,因為它也是一個
6:25.847–6:27.780
a completely free coding agent
完全免費的程式碼 Agent,
6:27.780–6:28.680
that you can use.
你可以使用它。
6:28.920–6:30.537
And if you want to use it, I will also
如果你想使用它,我也會
6:30.537–6:32.600
leave a link for it in the description below.
在下方描述中留下它的連結。
6:32.880–6:34.031
And boom, as you can see,
然後看,正如你所見,
6:34.031–6:37.140
Antigravity finished making that change for us and it is telling
Antigravity 完成了為我們進行的變更,它告訴我們
6:37.140–6:42.740
us to reconfigure a system to be able to use the Zenmax API for Cloud Code by changing
需要重新配置系統,以便透過變更
6:42.740–6:44.360
all the things in the SDK.
SDK 中的所有內容來使用 Zenmax API 進行 Cloud Code。
6:44.760–6:46.239
But since Cloud Code is running,
但由於 Cloud Code 正在執行,
6:46.239–6:48.540
what we need to do is to open up a brand new terminal.
我們需要做的是開啟一個全新的終端機。
6:48.540–6:53.340
and then if we open up Cloud Code again and we click on yes over here,
然後如果我們再次開啟 Cloud Code 並在此處點擊「是」,
6:53.500–6:59.360
you will be able to see that Cloud Code is currently using the Kimi K3 free model from Zenmax.
你將能夠看到 Cloud Code 目前正使用來自 Zenmax 的 Kimi K3 免費模型。
6:59.600–7:01.600
And just so you guys can see that this actually works,
為了讓你們看到這確實有效,
7:01.840–7:05.800
if I come over here and say, hey, what model are you currently using?
如果我過來這裡說:嘿,你目前使用的是什麼模型?
7:05.940–7:07.221
And I click on enter,
然後我點擊輸入,
7:07.221–7:10.460
you will see that Cloud Code is going to respond to me
你將看到 Cloud Code 會回應我
7:10.460–7:15.720
and tell me that it is currently running on Moonshot Kimi K3 free from Zenmax,
並告訴我它目前正運行於來自 Zenmax 的 Moonshot Kimi K3 免費版,
7:15.720–7:18.620
which means that we successfully managed to set this up.
這意味著我們成功設定了這個系統。
7:18.860–7:21.320
Now, the only thing that you need to take into account
現在,你唯一需要注意的
7:21.320–7:25.980
is the fact that you need to add in at least $5 on your Zenmox account
是你需要在你的 Zenmox 帳戶中至少存入 5 美元,
7:25.980–7:27.207
and that is because
這是因為
7:27.207–7:31.500
Zenmox simply does not want you to take advantage of this free usage
Zenmox 只是不希望你們利用這個免費用量
7:31.500–7:33.360
and create multiple accounts.
並建立多個帳戶。
7:33.620–7:36.640
That's why they require you to input at least $5 to your account
這就是為什麼他們要求你至少存入 5 美元到你的帳戶
7:36.640–7:40.660
and then you will be able to use the Kimi K3 model completely for free
然後你將能夠完全免費地使用 Kimi K3 模型,
7:40.660–7:43.620
without losing any of the money that you just added.
而不會損失你剛剛存入的任何資金。
7:43.620–7:47.008
So now that we said Cloud Code to run with Kimi K3,
所以現在我們指示 Cloud Code 使用 Kimi K3 運行,
7:47.008–7:50.481
let's actually put it to the test and make it build
讓我們實際測試一下,讓它建構
7:50.481–7:53.700
us a beautiful website for a popular law firm.
一個為知名律師事務所設計的精美網站。
7:53.860–7:56.624
So all I'm going to do is I will simply come over here and
所以我只會做一件事,我會直接來到這裡,
7:56.624–7:59.940
I'm going to say, hey, what I want you to do is to build me a website.
然後我會說,嘿,我希望你做的是幫我建立一個網站。
8:00.000–8:02.055
hey, what I want you to do is to build me a website for a popular law firm.
嘿,我希望你做的是幫我建立一個知名律師事務所的網站。
8:02.055–8:02.480
You can make up
你可以自行捏造
8:02.480–8:05.253
its name and overall the services that they offer.
它的名字以及他們提供的整體服務。
8:05.253–8:07.300
I just want it to be a standard website
我只希望它是一個標準的網站
8:07.300–8:09.253
that looks modern and clean and
看起來現代且簡潔,並且
8:09.253–8:13.460
actual professional law firm would be willing to pay for. Make sure
是專業律師事務所願意付費購買的。確保
8:13.460–8:16.164
you create all the sections of the website and
你建立網站的所有區塊,並且
8:16.164–8:18.940
you make it a multi-page website meaning it has
讓它成為一個多頁網站,意味著它擁有
8:18.940–8:22.512
multiple pages and are all functioning as they're supposed to and
多個頁面,並且所有頁面都能正常運作,
8:22.512–8:24.200
now that I'm done with my prompt
現在我完成了我的提示
8:24.200–8:29.260
and as you can see I left it deliberately vague I'm going to click on enter to see what KimiK3
正如你所見,我故意留白了,我將點擊輸入,看看在
8:29.260–8:31.454
running within Cloud Code can do when
Cloud Code 中運行的 KimiK3
8:31.454–8:34.780
it comes to website building and if it actually produces
在網站建設方面能做什麼,以及它是否真的能產生
8:34.780–8:36.565
better results than Fable 5.
比 Fable 5 更好的結果。
8:36.565–8:40.580
Now as you can see the first thing that it is doing is it is creating
現在正如你所見,它做的第一件事是建立
8:40.580–8:42.930
a plan for all the pages that it's going to have.
它將擁有的所有頁面的計劃。
8:42.930–8:45.340
As you can see, it's telling us it's going to have
正如你所見,它告訴我們它將擁有
8:45.340–8:48.349
a homepage, about page, practice areas, attorneys,
首頁、關於頁面、業務領域、律師、
8:48.349–8:50.880
results, and contact. And now that it has the
成果和聯繫方式。現在它有了
8:50.880–8:54.044
planner ID, it's going to build this website for us.
計劃 ID,它將為我們建立這個網站。
8:54.044–8:56.840
And boom, as you can see, KimiK3 just finished
砰,正如你所見,KimiK3 剛剛完成了
8:56.840–8:58.811
building out our website. Over here,
我們網站的建設。在這裡,
8:58.811–9:01.800
it's telling us all the pages that it built for us. And if I
它告訴我們它為我們建立的所有頁面。如果我
9:01.800–9:04.394
scroll down, I'm able to see the localhost URL,
向下滾動,我能夠看到本地主機 URL,
9:04.394–9:07.120
which our website is hosted on. So let me actually
我們的網站就託管在這個 URL 上。所以讓我實際
9:07.120–9:08.923
open it up and take a look at it.
打開它來看看。
9:08.923–9:12.600
Here we have a nice hero section, then underneath we have this
這裡有一個很棒的英雄區塊,然後在下面我們有這個
9:12.600–9:14.535
section with information about the firm and
包含事務所資訊的區塊,並且
9:14.535–9:16.680
I think you guys can see that this does look pretty
我想你們可以看到這看起來相當
9:16.680–9:18.895
good. Also we have these nice animations when
不錯。此外,當我們
9:18.895–9:21.460
I hover over all the services that they're offering,
懸停在他們提供的所有服務上時,我們還有一些漂亮的動畫,
9:21.780–9:25.852
then we have some information about how long the firm has been active for,
然後我們有一些關於事務所運營時長的資訊,
9:25.852–9:26.920
along with how many
以及
9:26.920–9:30.268
attorneys they have, how much revenue they have secured.
他們擁有多少律師,獲得了多少收入。
9:30.268–9:32.500
We have some more information, then we
我們有一些更多資訊,然後我們
9:32.500–9:37.880
have an our team section where we should be able to take a look at all the attorneys that they have
有一個我們的團隊區塊,我們應該能夠查看所有他們擁有的律師
9:37.880–9:40.006
obviously this is empty because
顯然這是空的,因為
9:40.006–9:44.180
we haven't given Kimi any photos to put over here and underneath
我們沒有給 Kimi 任何照片放在這裡,而在下面
9:44.180–9:48.374
we have a review section with supposed reviews from customers and
我們有一個評論區塊,裡面有來自客戶的假想評論,以及
9:48.374–9:50.280
a contact us section over here
一個聯絡我們的區塊
9:50.280–9:55.340
where we can request a free consultation which brings us over in another page as you can see
在這裡我們可以請求免費諮詢,這會帶我們到另一個頁面,就像你看到的那樣
9:55.340–10:00.649
where we can come over here fill in our information type what we want help with and
在那裡我們可以填寫資料,輸入我們需要的協助,以及
10:00.649–10:01.600
the law firm is
律所名稱
10:01.600–10:04.116
going to reach out to us and help us with our case.
將會聯繫我們,並協助我們處理案件。
10:04.116–10:06.380
And if I scroll underneath here, you can see
如果我往下捲動,你可以看到
10:06.380–10:11.920
that they just have a simple Google Maps section with this nice CTA at the bottom of the page.
他們只有一個簡單的 Google 地圖區塊,以及頁面底部的醒目行動呼籲(CTA)。
10:12.120–10:14.030
And if I actually come over here and
如果我實際上去到這裡,並且
10:14.030–10:17.060
I move over to the other pages, like the About a section,
移動到其他頁面,例如關於我們區塊,
10:17.200–10:18.527
you can see that this is also
你可以看到這也是一個
10:18.527–10:21.240
a completely separate page where we can come and see some
完全獨立的頁面,我們可以來看看關於
10:21.240–10:24.547
information about this specific law firm. As you can see,
這家特定律所的一些資訊。就像你看到的,
10:24.547–10:26.820
this also has some very nice animations
這也有一些非常精美的動畫
10:26.820–10:29.165
when I hover over the sections, then
當我將滑鼠懸停在區塊上時,接著
10:29.165–10:32.760
we can see a history of the law firm along with a CTA at the
我們可以看到律所的歷史,以及頁面底部的行動呼籲(CTA)。然後如果我們移動到業務領域區塊,
10:32.760–10:36.150
bottom of the page. And then if we move over in the practice areas,
再次,你可以看到完全
10:36.150–10:37.720
again, you can see completely
獨立的頁面,我們可以捲動瀏覽並
10:37.720–10:40.470
unique page where we can scroll through it and
看到這家律所的所有業務領域。就像
10:40.470–10:43.220
see all the practice areas of this law firm. As
你看到的,他們有許多領域,例如就業法、
10:43.220–10:46.036
you can see, they have many like employment law,
家庭法,以及上述所有領域。然後在頁面底部有一個常見問題(FAQ)
10:46.036–10:48.640
family law, and all the above. And then an FAQ
區塊,列出最常被問到的問題。
10:48.640–10:52.330
section at the bottom of the page with the most commonly asked questions.
接著是律師頁面,
10:52.330–10:53.600
Then the attorneys page,
只有律師資訊。顯然,
10:53.600–10:55.522
just has the attorneys. Obviously,
我們看不到任何圖片,因為我們沒有提供任何律師的圖片
10:55.522–10:58.660
we don't see any images because we haven't given any images
給 Kimi,然後
10:58.660–11:00.565
of our attorneys to Kimi and then
我們有一個成果頁面,這裡會顯示該律所的所有
11:00.565–11:03.740
we have a results page where all the results of that law
成果。就像你看到的,
11:03.740–11:05.562
firm will be displayed. As you can see,
這裡列出了他們所有的成就,以及
11:05.562–11:08.180
this is literally all of their achievements along with
一些客戶評論和底部的行動呼籲(CTA)。並且
11:08.180–11:10.678
some client reviews and a CTA at the bottom. And
總體來說,我必須說這個網站
11:10.678–11:12.920
overall, I do have to say that this website
誠實地說看起來非常乾淨。由於它有精美的動畫,
11:12.920–11:16.256
honestly does look super clean. Since it has nice animations,
它還有一套配色方案,符合
11:16.256–11:18.180
it also has a color scheme that would
實際的落地頁風格,整體來說相當乾淨且
11:18.180–11:22.233
feed an actual offer website and overall it is pretty clean and
現代化,完全符合我們之前的描述
11:22.233–11:24.260
modern exactly as we described
但現在假設我們想進一步改進它,並
11:24.260–11:27.905
but now let's say that we wanted to improve it even further and
在所有
11:27.905–11:29.620
add in relevant images in all
空白區塊中加入相關的圖片,例如律師區塊,以及
11:29.620–11:32.847
the empty sections like the our attorney section and
網站其他缺失的部分
11:32.847–11:35.560
some more that our website simply is missing
還有更多我們的網站Simply缺少
11:35.560–11:38.534
them to do that we simply have to come over here and
要讓它這麼做,我們只需來到這裡並
11:38.534–11:41.000
say hey great i like the website but what i
說:嘿,很棒,我喜歡這個網站,但我
11:41.000–11:44.455
want you to do now is to go find me some relevant images and
現在要你做的是去幫我找一些相關的圖片,並
11:44.455–11:46.440
put them in in all the places that
將它們放入所有
11:46.440–11:49.513
they are missing like the our returning section and
缺失圖片的地方,像是我們的律師介紹區塊,以及
11:49.513–11:51.800
any other page in the home page or in the
首頁或其他頁面的
11:51.800–11:54.899
other pages of the website and click on enter so
其他網頁,然後點擊輸入,讓
11:54.899–11:57.760
Kimi K3 can go find these images and put them
Kimi K3 去尋找這些圖片並將它們
11:57.760–12:01.267
inside our website for us and while this is running just so
放入我們的網站中。而在這過程中,為了讓
12:01.267–12:03.020
you guys can see if I come back
你們看到,如果我回到
12:03.020–12:08.140
over to my Zenmax balance you can see that nothing has been detracted from my balance
我的 Zenmax 餘額頁面,你會看到我的餘額沒有任何扣減
12:08.140–12:11.980
since we're currently running Kimi K3 completely for free and
因為我們目前完全免費運行 Kimi K3,而且
12:11.980–12:13.900
even if I refresh it you will see
即使我重新整理頁面,你也會看到
12:13.900–12:16.085
it remains exactly as it was and
它保持原樣,一點都沒變,而
12:16.085–12:20.540
boom as you can see Kimmy K3 just finished finding the images and
看,正如你所見,Kimi K3 剛剛完成了尋找圖片並
12:20.540–12:23.140
putting them on all these pages in our website so
將它們放入我們網站所有頁面的任務,所以
12:23.140–12:25.480
now if I actually open up my local host again
現在如果我再次打開本地主機,
12:25.480–12:31.460
I'm now able to see this nice background over here with the city which looks very good and if I scroll
我現在可以看到這裡有個很棒的背景,是城市景觀,看起來很棒,如果我向下滾動
12:31.460–12:34.046
down I can see another relevant image over here and
我可以看到這裡還有另一張相關的圖片,以及
12:34.046–12:36.140
if I keep scrolling I should be able to see
如果我繼續滾動,我應該能夠看到
12:36.140–12:41.540
some images for our team members as well as you can see all of these are supposed team members
我們團隊成員的一些圖片,正如你所見,這些都是預設的團隊成員圖片
12:41.540–12:44.345
Plus, if I keep scrolling over here, we can also
此外,如果我繼續在這裡向下滾動,我們還可以
12:44.345–12:48.300
see some images from the people that left reviews in this law firm.
看到來自在這家律師事務所留下評論的人的圖片。
12:48.560–12:50.949
It also updated the about page, as you can see,
它還更新了關於頁面,正如你所見,
12:50.949–12:52.520
it added this image over here.
它在此處添加了這張圖片。
12:52.820–12:54.079
And if I keep scrolling,
如果我繼續向下滾動,
12:54.079–12:57.540
I will be able to find more images that have been put in our website.
我將能夠找到更多被放入我們網站的圖片。
12:57.760–13:01.200
Which means that Kimi K3 did exactly what we asked it to do.
這意味著 Kimi K3 確實完成了我們要求它做的事。
13:01.340–13:03.721
But I think enough with the website building,
但我認為關於網站建設的部分就到此為止,
13:03.721–13:05.600
let's give it a way harder task to do,
讓我們給它一個更困難的任務,
13:05.800–13:08.476
which is to build a full stack application so
那就是建構一個全端應用程式,這樣
13:08.476–13:11.080
we can really see how powerful it really is.
我們才能真正看到它有多強大。
13:11.080–13:18.401
Now, I'm thinking of building a full stack habit tracker app where the users will be able to log all their habits when
現在,我在想建構一個全端習慣追蹤應用程式,用戶將能夠記錄他們在
13:18.401–13:21.680
it comes to exercise, sleep, and the daily routine.
運動、睡眠和日常作息方面的所有習慣。
13:22.000–13:25.020
So, I will simply come over here and describe exactly that.
所以,我只需來到這裡並精確描述這一點。
13:25.220–13:32.380
Hey, what I want you to do is to build me a full stack habit tracking app in which the user will be able to log what he did throughout the day.
嘿,我要你做的是為我建構一個全端習慣追蹤應用程式,用戶將能夠記錄他們一天中的所作所為。
13:32.380–13:36.061
specifically I want him to be able to log his sleeping schedule,
具體來說,我希望他能記錄自己的睡眠時間表,
13:36.061–13:37.520
his daily routine and the
他的日常作息以及
13:37.520–13:39.936
exercises that he did throughout the day so
他在一天中進行的
13:39.936–13:42.620
he can always keep track of those when he opens up
運動,這樣他每次打開
13:42.620–13:43.967
the app again. Now I also
應用程式。現在我也
13:43.967–13:47.740
want the app to have a login section where the user will first need to
希望應用程式具備登入區塊,使用者必須先
13:47.740–13:49.460
sign up for an account and then
註冊帳號,然後
13:49.460–13:52.900
he will be able to access it plus he also should only be able to
才能存取它,並且他應該只能
13:52.900–13:56.670
access the information that he specifically saved in his account and
存取他特別儲存在自己帳號中的資訊,
13:56.670–13:58.100
now that I described that I
現在我已經描述完畢,
13:58.100–14:00.313
simply send over this prompt so
只需將這段提示發送給
14:00.313–14:04.740
Kimi K3 can start working on this task. And boom, as you can see,
Kimi K3,讓它開始處理這項任務。瞧,正如你所見,
14:04.740–14:06.953
Kimi K3 just finished executing and
Kimi K3 剛剛完成執行,
14:06.953–14:10.420
built us the app with all the features that we requested.
並根據我們要求的功能建構了應用程式。
14:10.420–14:13.969
Plus it gave us this localhost URL in which we can access it.
此外,它還提供了這個 localhost URL,我們可以透過它來存取。
14:13.969–14:15.780
Where as you can see, I'm first
正如你所見,我首先
14:15.780–14:18.249
prompted to sign up with an account and then
被提示註冊帳號,然後
14:18.249–14:20.580
once I do that, I will be able to access it.
一旦完成,我就能存取它。
14:20.580–14:23.745
And this is its interface. Now from a first glance,
這是它的介面。乍看之下,
14:23.745–14:25.780
I would say that it has a very nice
我認為它擁有非常棒
14:27.333–14:31.317
And over here, we can see all the three different things that we can track for,
的設計,在這裡,我們可以看到可以追蹤的三項不同內容,
14:31.317–14:32.313
which is our sleep,
分別是我們的睡眠、
14:32.493–14:34.862
our routine, and our exercises. Now, let's say,
日常作息和運動。現在,假設
14:34.862–14:37.113
for example, I want to come over here and log in
例如,我想來到這裡並記錄
14:37.113–14:45.093
my sleep, which let's say happened from 1am all the way to my wake up time at around 9am in the
我的睡眠,假設是從凌晨 1 點一直到早上 9 點左右醒來的時間,
14:45.093–14:47.681
morning. And let's say my quality was five stars.
並且假設我的睡眠品質是五星。
14:47.681–14:49.953
Plus I can also come over here and add in some
此外,我也可以來到這裡並新增一些
14:49.953–14:53.004
custom notes, which let's say I slept very good and
自訂備註,假設我睡得很好,
14:53.004–14:55.473
had a very restful sleep. And if I click on
並且擁有一個非常安穩的睡眠。如果我點擊
14:55.473–14:59.138
add sleep log, this is going to add this over here in my sleep history,
新增睡眠記錄,這將會在我的睡眠歷史中新增此筆記錄,
14:59.138–15:00.553
where I will always be able
我將始終能夠
15:00.553–15:04.547
to take a look at it, see exactly how much time I slept for that day and
查看它,精確了解我那天睡了多久,
15:04.547–15:05.973
overall see the quality
並整體查看
15:05.973–15:08.610
of sleep that I had. Plus, if I want, I'm also
我的睡眠品質。此外,如果我想,我也能
15:08.610–15:11.613
able to come over here, edit it, or even delete it.
來到這裡編輯它,甚至刪除它。
15:11.773–15:14.410
And I can do the same exact thing with my routine.
我可以對我的日常作息進行完全相同的操作。
15:14.410–15:17.113
For example, I can say meditate it for 10 minutes,
例如,我可以說冥想十分鐘,
15:17.353–15:20.045
and I can come over here and log in the time I did that.
然後我可以來到這裡並記錄我進行該活動的時間。
15:20.045–15:22.173
And if I click on add item, this is going to
如果我點擊新增項目,這將會
15:22.173–15:24.623
add it in my today's checklist, where when
將它新增到我的今日清單中,當
15:24.623–15:27.633
I actually complete this task, I can come over here,
我實際完成這項任務時,我可以來到這裡,
15:27.873–15:30.162
check it off. And as you can see, this also
勾選它。正如你所見,這也會
15:30.162–15:32.653
updates this progress bar, where it shows me
更新這個進度條,它向我顯示
15:32.653–15:34.495
all the tasks that I have to do and
所有我必須完成的任務,以及
15:34.495–15:37.633
same exact thing with my exercises. Let's say I did some
我的練習也是完全相同的情況。假設我做了一些
15:37.633–15:40.982
bench press for the category of strength and
並且我做了15分鐘,3組,每組12次。所以現在
15:40.982–15:44.693
I did that for 15 minutes, 3 sets and 12 reps. So now
如果我點擊新增運動項目,
15:44.693–15:46.417
if I click on add exercise,
這將會把這個運動項目新增到我的活動記錄中,如果我
15:46.417–15:50.493
this is going to add this exercise to my activity log, which if I
重新整理應用程式,它應該會完全按照我儲存的方式顯示,
15:50.493–15:53.713
refresh the app, it should appear exactly as I saved it,
這意味著我們的後端也
15:53.713–15:55.813
which means that our backend is also
運作正常。此外,我也能夠來到這裡
15:55.813–15:58.875
working correctly. Plus I'm also able to come over here and
選擇我想要查看的特定日期,例如,如果我想看昨天的資料,我可以來到這裡選擇昨天,並查看
15:58.875–16:00.813
select the specific day that I want to
我昨天所做的所有活動,這正是我們想要的,這意味著
16:00.813–16:05.673
take a look at for example if I wanted yesterday I can come over here select yesterday and take a
Kimi K也
16:05.673–16:10.793
look at all the activity that I did yesterday which is exactly what we wanted and that means
成功為我們
16:10.793–16:11.749
that Kimi K also
建構了一個功能完整的後端應用程式,再次
16:11.749–16:12.778
managed to build
如果我回到我的Zenmax餘額頁面,你可以看到我仍然有我存入的五美元,
16:12.778–16:16.233
us a fully functioning full stack application and again
這意味著Zenmax提供的免費使用額度其實相當可觀,因為我實際上
16:16.233–16:22.033
if I come back in my Zenmax balance you can see that I still have the five dollars that I deposited
成功建構了一個完整的網站,以及
16:22.033–16:27.553
which means that the free usage that Zenmax gives you is actually pretty big since I literally
一個全端應用程式,全部使用他們提供的免費額度。所以,如果你想自己設定這個,
16:27.553–16:30.015
managed to build a full website and also
請務必造訪zenmax.ai,我也會在下方描述中
16:30.015–16:33.073
a full stack app all with a free usage that they are
留下連結,並設定你的雲端程式碼以完全免費使用Kimi K3。
16:33.073–16:36.664
offering. So if you want to set this up for yourself,
並且
16:36.664–16:39.253
make sure you visit zenmax.ai, which
如果你需要更多關於設定的幫助,或者你需要幫助建構
16:39.253–16:42.491
I will also leave a link for in the description below and
你自己的AI業務,那麼
16:42.491–16:44.533
set up your cloud code to use Kimi K3
請務必點擊我描述中的頂部連結,並來到
16:44.533–16:45.846
completely for free. And
我的學校社群,我在這裡幫助人們建構和
16:45.846–16:47.033
if you want more help wi
啟動他們自己的AI業務,並獲得
16:47.033–16:49.533
th setting this up or you want help with building
第一位付費客戶,透過我在社群內提供的所有內容,以及
16:49.533–16:50.847
your own AI business, then
人們加入時立即獲得的專屬一對一與我聯繫的管道。所以,如果你
16:50.847–16:54.073
make sure you click the top link in my description and you come and
對此感興趣,
16:54.073–16:57.271
Checkout My School Community, where I help people build and
請務必點擊我描述中的頂部連結,並來到
16:57.271–16:59.253
launch their own AI business and land
我的學校社群。但也請
16:59.253–17:03.433
the first paying customer throughout all the content that I have inside the community and
YouTube知道你會喜歡這個影片,
17:03.433–17:07.518
through the dedicated one-to-one access to me that people get immediately when
在其中我向你展示如何完全免費使用雲端程式碼,使用在
17:07.518–17:08.493
they join. So if you
你電腦本地運行的模型。所以請務必前往
17:08.493–17:09.588
would be interested in that,
觀看下一個影片,我們在那邊見。
17:09.588–17:12.053
make sure you click the top link in my description and you come and
確保你點擊我描述中的頂部連結,然後你來
17:12.053–17:13.779
check out My School Community. But also
查看我的學校社區。但也
17:13.779–17:16.133
YouTube things that you're going to enjoy this video,
YouTube 會喜歡這個影片,
17:16.293–17:21.153
in which I show you how you can use cloud code completely for free by using models that run
在其中我向你展示如何完全免費地使用 Cloud Code,方法是使用在
17:21.153–17:23.413
locally on your PC. So make sure you go and
你的 PC 上本地運行的模型。所以確保你去
17:23.413–17:25.873
watch that next and I will see you over there.
接著看那個影片,我們那裡見。