N
NatiStream
Transcript
Hiển thị

Introduction and E-commerce Build

The video compares two AI models, Opus 4.8 and Fable 5, by giving them the same prompt to build a fully functioning e-commerce store. The author explains the rules: a single one-shot output with no revisions. He shows the results, noting that Fable 5 produces a cleaner, more professional-looking store with better images and UX, while Opus 4.8 has some issues like poor text readability and confusing navigation. Fable 5 is also faster and more token-efficient.

Video so sánh hai mô hình AI, Opus 4.8 và Fable 5, bằng cách đưa ra cùng một yêu cầu xây dựng một cửa hàng thương mại điện tử hoàn chỉnh. Tác giả giải thích các quy tắc: chỉ một lần xuất duy nhất, không được chỉnh sửa. Anh ấy cho thấy kết quả, lưu ý rằng Fable 5 tạo ra một cửa hàng sạch sẽ, chuyên nghiệp hơn với hình ảnh và trải nghiệm người dùng tốt hơn, trong khi Opus 4.8 có một số vấn đề như văn bản khó đọc và điều hướng khó hiểu. Fable 5 cũng nhanh hơn và tiết kiệm token hơn.

So, I just gave the exact same prompt to Opus48 and Claude's brand new flagship model, Fable 5, across three builds, a fully functioning e-commerce store, an entire 3D world of famous art pieces, and finally, an Age of Empires clone.

Vì vậy, tôi vừa đưa ra cùng một yêu cầu cho Opus48 và mô hình chủ lực mới của Claude, Fable 5, qua ba bản dựng: một cửa hàng thương mại điện tử hoàn chỉnh, một thế giới 3D gồm các tác phẩm nghệ thuật nổi tiếng, và cuối cùng là một bản sao của Age of Empires.

Same rules for both models, a single one-shot output, no revisions, deployed live in the internet.

Cùng một quy tắc cho cả hai mô hình: một đầu ra duy nhất, không chỉnh sửa, triển khai trực tiếp trên internet.

This is Opus 48 versus Fable 5 head-to-head, and the results were, I'll be honest, not even close.

Đây là cuộc đối đầu trực tiếp giữa Opus 48 và Fable 5, và kết quả, tôi phải nói thật, là không hề cân sức.

First up, we are going to build out a full e-commerce site.

Đầu tiên, chúng ta sẽ xây dựng một trang thương mại điện tử hoàn chỉnh.

So, I actually ran this exact build in a recent video testing Claude's dynamic workflows, which is their new feature where Claude splits a big job across a swarm of parallel agents.

Tôi thực sự đã chạy bản dựng này trong một video gần đây thử nghiệm các quy trình làm việc động của Claude, tính năng mới nơi Claude chia một công việc lớn thành một nhóm các tác nhân song song.

And I was really underwhelmed with the performance.

Và tôi đã khá thất vọng với hiệu suất.

Even with the ultra code dynamic workflows that spawned like 30 plus agents, it got

Ngay cả với các quy trình làm việc động siêu mã đã tạo ra hơn 30 tác nhân, nó vẫn

a store up, but then it missed a lot of the UI stuff.

tạo ra một cửa hàng, nhưng thiếu rất nhiều thứ về giao diện.

Like, every product looked identical.

Ví dụ, mọi sản phẩm trông giống hệt nhau.

There was no labels.

Không có nhãn mác.

There wasn't even a hero image on the landing page.

Thậm chí không có hình ảnh chính trên trang đích.

So, we're going to run it again.

Vì vậy, chúng ta sẽ chạy lại.

We're going to hand the same prompt to Fable 5 on the left and Opus 48 on the right.

Chúng ta sẽ đưa cùng một yêu cầu cho Fable 5 bên trái và Opus 48 bên phải.

And we're going to give Opus a chance to redeem itself.

Và chúng ta sẽ cho Opus cơ hội chuộc lỗi.

I did also revise the prompt a little to give them more of a chance.

Tôi cũng đã sửa lại yêu cầu một chút để cho chúng có thêm cơ hội.

So calling out the product labeling this time and other stuff on the prompt so it avoids some of these egregious mistakes that I made last time.

Lần này tôi đã đề cập đến việc gắn nhãn sản phẩm và những thứ khác trong yêu cầu để tránh những sai lầm nghiêm trọng mà tôi đã mắc phải lần trước.

And this one build is going

Và bản dựng này sẽ

to test out a lot at once.

kiểm tra nhiều thứ cùng một lúc.

So we have landing page and e-commerce design.

Chúng ta có thiết kế trang đích và thương mại điện tử.

We have the database underneath.

Chúng ta có cơ sở dữ liệu bên dưới.

We have the entire architecture of all of this.

Chúng ta có toàn bộ kiến trúc của tất cả những thứ này.

So this could actually be useful especially if you're I don't know moving away from a platform like Shopify or building out features or trying to build out a whole ecom platform.

Vì vậy, điều này thực sự có thể hữu ích, đặc biệt nếu bạn đang chuyển khỏi một nền tảng như Shopify hoặc xây dựng các tính năng hoặc cố gắng xây dựng toàn bộ một nền tảng thương mại điện tử.

So we'll see how both of these do.

Chúng ta sẽ xem cả hai hoạt động như thế nào.

So here is the prompt.

Đây là yêu cầu.

Build me a complete e-commerce store for a fictional brand called Slowburn.

Xây dựng cho tôi một cửa hàng thương mại điện tử hoàn chỉnh cho một thương hiệu hư cấu tên là Slowburn.

a small batch candle company.

Một công ty nến sản xuất nhỏ.

Production quality mimicking a real Shopify store.

Chất lượng sản xuất mô phỏng một cửa hàng Shopify thực tế.

30 distinct products.

30 sản phẩm riêng biệt.

Every product image must be visually distinct.

Mọi hình ảnh sản phẩm phải khác biệt về mặt thị giác.

All text must be readable.

Tất cả văn bản phải có thể đọc được.

No low contrast text.

Không có văn bản có độ tương phản thấp.

Any of those pitfalls that I fell into last time hopefully will be missed.

Hy vọng sẽ tránh được những cạm bẫy mà tôi đã mắc phải lần trước.

And I do have a check in here, even though it's technically not a one shot, but I just want to see the different design directions that Fable 5 goes to versus Opus 48.

Và tôi có một bước kiểm tra ở đây, mặc dù về mặt kỹ thuật không phải là một lần duy nhất, nhưng tôi chỉ muốn xem các hướng thiết kế khác nhau mà Fable 5 đi so với Opus 48.

But that's the only tweaking we're going to do.

Nhưng đó là sự điều chỉnh duy nhất chúng ta sẽ thực hiện.

There's

Không có

no there's no other revisions.

Không có sửa đổi nào khác.

So, all right.

Vậy, được rồi.

It's already giving me quiet.

Nó đã bắt đầu đưa ra cho tôi những ý tưởng yên tĩnh.

Can't pronounce that.

Không thể phát âm được.

Apo apothecary, dark ritual, modern Wellness.

Apo apothecary, dark ritual, modern Wellness.

So started giving me ideas, whatever.

Vậy là nó bắt đầu đưa ra ý tưởng, sao cũng được.

Okay, so I guess yeah, fine.

Được rồi, tôi đoán là ổn.

I bet Opus4 is going to do the same thing.

Tôi cá là Opus4 cũng sẽ làm điều tương tự.

By the way, too, I built this usage tracker so we can see exactly the input tokens, output tokens, and the estimated costs if it were to be usage based pricing, which Fable 5 will go to in a couple weeks.

Nhân tiện, tôi cũng đã xây dựng công cụ theo dõi sử dụng này để chúng ta có thể thấy chính xác số token đầu vào, token đầu ra và chi phí ước tính nếu nó được định giá dựa trên mức sử dụng, điều mà Fable 5 sẽ áp dụng trong vài tuần tới.

So you can see

Vì vậy, bạn có thể thấy

the difference in costs there.

sự khác biệt về chi phí ở đó.

And I'll also let you know how long each of these builds take.

Và tôi cũng sẽ cho bạn biết mỗi bản dựng này mất bao lâu.

So we'll have it across the e-commerce store, 3D art museum, and Age of Empires.

Vì vậy, chúng ta sẽ có thông tin này cho cửa hàng thương mại điện tử, bảo tàng nghệ thuật 3D và Age of Empires.

This is funny, too.

Điều này cũng buồn cười.

Opus 48 give the exact same options.

Opus 48 đưa ra các tùy chọn giống hệt nhau.

Warm Apothecary, Dark Ritual, Editorial Comm as Fable 5.

Warm Apothecary, Dark Ritual, Editorial Comm như Fable 5.

Fable 5 is on the image generation step, waiting for an Asia to generate all 30 of these images.

Fable 5 đang ở bước tạo hình ảnh, chờ Asia tạo tất cả 30 hình ảnh này.

Claude

Claude

is still moving through the rest of this build.

Vẫn đang tiếp tục phần còn lại của bản dựng này.

So, Fable 5 is faster than Opus 48, dare I say, and Slowburn is live both from Fable 5 and Opus 48.

Vậy, Fable 5 nhanh hơn Opus 48, tôi dám nói, và Slowburn đang hoạt động từ cả Fable 5 và Opus 48.

So, we're going to look at Opus 48's output first.

Vì vậy, chúng ta sẽ xem đầu ra của Opus 48 trước.

Little link here for Opus 48.

Đường link nhỏ ở đây cho Opus 48.

And here is Slowburn rituals for people who work too much.

Và đây là các nghi lễ Slowburn dành cho những người làm việc quá nhiều.

Okay, not bad.

Được, không tệ.

It's a little bit better than the dynamic workflows example.

Nó tốt hơn một chút so với ví dụ về quy trình làm việc động.

At least the text is readable.

Ít nhất thì văn bản có thể đọc được.

However, I see some little things here and there already like small batch candle co.

Tuy nhiên, tôi đã thấy một vài thứ nhỏ ở đây và ở đó như small batch candle co.

It just doesn't read well.

Nó đọc không được hay.

The candle placement really should be placed on the right, not the left, cuz it's hard to read over the text.

Vị trí đặt nến thực sự nên đặt ở bên phải, không phải bên trái, vì khó đọc qua văn bản.

That's something that I don't know.

Đó là điều mà tôi không biết.

I feel like is relatively simple for the models to notice.

Tôi nghĩ là tương đối đơn giản để các mô hình nhận ra.

And then we kind of had this weird CTA here.

Và sau đó chúng ta có CTA kỳ lạ này.

I don't love that button, but let's keep scrolling.

Tôi không thích nút đó, nhưng hãy tiếp tục cuộn.

Okay, the slow burn idea.

Được rồi, ý tưởng slow burn.

You don't need another productivity app.

Bạn không cần một ứng dụng năng suất khác.

yada.

Vân vân.

Okay, so it breaks it out by categories.

Được rồi, nó chia ra theo danh mục.

All right, nice little nice little animation.

Được rồi, hoạt ảnh nhỏ đẹp.

Nothing real new there.

Không có gì mới thực sự ở đó.

Okay, the actual image generations.

Được rồi, các hình ảnh thực tế được tạo ra.

They look better.

Chúng trông đẹp hơn.

We actually have labels on these candles now.

Bây giờ chúng ta thực sự có nhãn trên những cây nến này.

Not like last time where there was no labels.

Không như lần trước không có nhãn.

And yeah, we got a nice little studio type setting.

Và vâng, chúng ta có một bối cảnh studio nhỏ đẹp.

Nice little animation, little hover animation on these.

Hoạt ảnh nhỏ đẹp, hiệu ứng di chuột nhỏ trên những cái này.

We've got the catalog here.

Chúng ta có danh mục ở đây.

We'll click that in a second.

Chúng ta sẽ nhấp vào đó trong giây lát.

Okay.

Được rồi.

And then we have some like, you know, classic proof points.

Và sau đó chúng ta có một số điểm chứng minh cổ điển.

I don't love these these section colors.

Tôi không thích màu sắc của các phần này.

And then nice lit clock out on a Tuesday.

Và sau đó là đồng hồ đẹp tắt vào thứ Ba.

And oh, clock out is the name of the candle.

Và ồ, clock out là tên của cây nến.

Got it.

Hiểu rồi.

And actually close my laptop.

Và thực sự đóng laptop của tôi.

First time in a month.

Lần đầu tiên trong một tháng.

Tired customer.

Khách hàng mệt mỏi.

Nice.

Tuyệt.

Okay.

Được rồi.

Nice little nice little touch.

Một chút chạm nhỏ đẹp.

And then we have footer here.

Và sau đó chúng ta có chân trang ở đây.

All right.

Được rồi.

Yeah, not bad.

Vâng, không tệ.

Let's check out the categories first.

Hãy kiểm tra các danh mục trước.

Okay.

Được rồi.

A little all over the place.

Hơi lộn xộn một chút.

Why would you think that this is a proper filter?

Tại sao bạn lại nghĩ rằng đây là một bộ lọc phù hợp?

I mean, these are just so many, but okay.

Ý tôi là, có quá nhiều thứ, nhưng thôi được.

We can filter by All right.

Chúng ta có thể lọc theo "All right".

That's kind of weird.

Điều đó hơi kỳ lạ.

Each of these blood orange did a good job of categorizing these candles.

Mỗi loại cam máu này đã phân loại những cây nến này khá tốt.

And then we

Và sau đó chúng ta

have these categories based on, I guess, your use case.

Có các danh mục dựa trên, tôi đoán, trường hợp sử dụng của bạn.

Morning ritual, deep work, unwind, sleep.

Nghi thức buổi sáng, làm việc sâu, thư giãn, ngủ.

That's not bad.

Cũng không tệ.

It's not bad.

Không tệ.

The featured tab here.

Tab nổi bật ở đây.

What else?

Còn gì nữa?

Okay, let's click into one of these candles.

Được rồi, hãy nhấp vào một trong những cây nến này.

All right.

Được rồi.

I mean, it's readable this time again.

Ý tôi là, lần này nó có thể đọc được.

And then we have this nice little see more at the bottom.

Và sau đó chúng ta có một nút "Xem thêm" nhỏ xinh ở cuối.

Add to cart.

Thêm vào giỏ hàng.

All right.

Được rồi.

Oh, nice.

Ồ, đẹp đấy.

Nice little nice little drawer open there.

Một ngăn kéo nhỏ xinh mở ra ở đó.

We have this cart here.

Chúng ta có giỏ hàng này ở đây.

Kind of looks like a trash can, though.

Tuy nhiên, nó trông hơi giống thùng rác.

It's a little confusing, but everything is readable.

Hơi khó hiểu, nhưng mọi thứ đều có thể đọc được.

This is a surprise.

Đây là một bất ngờ.

Okay.

Được rồi.

Navbar.

Thanh điều hướng.

All right.

Được rồi.

That's just terrible UX.

Đó là UX tồi tệ.

I don't know why it thinks that selecting these the knob bar are like that.

Tôi không biết tại sao nó lại nghĩ rằng việc chọn các thanh này lại như vậy.

Whatever.

Sao cũng được.

Okay, our story.

Được rồi, câu chuyện của chúng ta.

All right, not bad.

Được rồi, không tệ.

It was better than the last dynamic workflows demo.

Nó tốt hơn bản demo dynamic workflows trước.

However, let's see how Fable 5 matches up.

Tuy nhiên, hãy xem Fable 5 có sánh kịp không.

So, I got that link from cursor here and just open this up.

Vì vậy, tôi lấy liên kết đó từ cursor và mở nó ra.

Still that funky font, but way cleaner.

Vẫn là phông chữ kỳ quặc đó, nhưng sạch sẽ hơn nhiều.

We've got this nice little

Chúng ta có cái nhỏ xinh này

I don't know what you call this little notification thing at the top.

Tôi không biết bạn gọi cái thông báo nhỏ ở trên cùng là gì.

It's a classic ecom thing.

Đó là một thứ thương mại điện tử cổ điển.

We've got these nice flavors, I guess, kind of rotating much better buttons.

Chúng ta có những hương vị đẹp này, tôi đoán, các nút xoay tốt hơn nhiều.

We have this nice gradient here in the background.

Chúng ta có gradient đẹp này ở nền.

The header image calls out the candle like the CTAs as a whole.

Hình ảnh tiêu đề làm nổi bật cây nến như các CTA nói chung.

Yeah, this is just much cleaner of a header at least.

Vâng, ít nhất phần tiêu đề này sạch sẽ hơn nhiều.

Interesting.

Thú vị.

Yeah, even these images.

Vâng, ngay cả những hình ảnh này.

It's it's it's funny how the like model is smart enough to know how to prompt the image generation model in this case GBT image 2.

Thật buồn cười khi mô hình đủ thông minh để biết cách nhắc mô hình tạo hình ảnh, trong trường hợp này là GPT Image 2.

Like I didn't give any prompting on how to prompt the model, but it did a way better job of capturing this sort of candle aesthetic type shoot with these little, you know, these little branches and shadows and sun and textured backgrounds, all that kind of

Giống như tôi không đưa ra bất kỳ hướng dẫn nào về cách nhắc mô hình, nhưng nó đã làm tốt hơn nhiều trong việc nắm bắt phong cách thẩm mỹ nến này với những cành cây nhỏ, bóng đổ, ánh nắng và nền có họa tiết, tất cả những thứ đó

stuff.

Ngay cả màu sắc của nến trông cũng đẹp hơn.

Even the colors of the candles looks better.

Và sau đó là một hiệu ứng phóng to nhỏ tinh tế trên những cái này.

And then a just nice subtle little zoom in here on these.

Then we have a nice view all candles.

Sau đó chúng ta có một góc nhìn đẹp với tất cả nến.

Okay, this is nice too.

Được rồi, cái này cũng đẹp.

Shop by ritual, morning rituals, deep work, unwind.

Mua theo nghi thức, nghi thức buổi sáng, làm việc sâu, thư giãn.

What happens?

Chuyện gì xảy ra?

Okay, cool.

Được rồi, tuyệt.

So that's way better filters here as a whole.

Vậy đó là bộ lọc tốt hơn nhiều ở đây nói chung.

Nice little product call out go here.

Một điểm nhấn sản phẩm nhỏ xinh ở đây.

Nice.

Đẹp.

Looks good.

Trông ổn.

Very similar drawer.

Ngăn kéo rất giống nhau.

Nice little step one, two, three.

Các bước nhỏ xinh một, hai, ba.

Here's how to use a candle in case you didn't realize.

Đây là cách sử dụng nến trong trường hợp bạn chưa biết.

Nice little testimonial here.

Một lời chứng thực nhỏ xinh ở đây.

Email.

Email.

Ooh, I like that.

Ồ, tôi thích điều đó.

I like that footer.

Tôi thích phần chân trang đó.

That's a nice touch.

Đó là một điểm nhấn đẹp.

Okay.

Được rồi.

Yeah, I mean I think you see the difference here.

Vâng, ý tôi là tôi nghĩ bạn thấy sự khác biệt ở đây.

Our story.

Câu chuyện của chúng tôi.

Okay.

Được rồi.

Let's go to view all candles.

Hãy đến xem tất cả nến.

And then a nice beautiful little three column grid here with all of the different candles.

Và sau đó là một lưới ba cột đẹp tuyệt vời với tất cả các loại nến khác nhau.

I mean, just nice touch.

Ý tôi là, chỉ là điểm nhấn đẹp.

So, it like took this color from the candle and it knew to, you know, have something like with a similar

Vì vậy, nó như lấy màu này từ cây nến và biết cách, bạn biết đấy, có thứ gì đó với màu sắc tương tự.

color.

Màu sắc.

Just image prompting really well done.

Chỉ là tạo hình ảnh rất tốt.

Looking good.

Trông đẹp.

Look at all these.

Nhìn tất cả những cái này.

I mean, again, GPT image 2 just never ceases to amaze me.

Ý tôi là, một lần nữa, GPT image 2 không bao giờ hết làm tôi ngạc nhiên.

That's a completely separate aside, but yeah, this is a nice touch.

Đó hoàn toàn là một chuyện riêng, nhưng vâng, đây là một điểm nhấn đẹp.

Even like that the little like rainy day in the background.

Thậm chí như cái ngày mưa nhỏ ở nền.

Like, was it image prompting all of these as it went through one by one?

Giống như, nó đã tạo hình ảnh tất cả những cái này khi nó đi qua từng cái một?

Like, that is just freaking impressive.

Giống như, điều đó thật sự ấn tượng.

Nice filters

Bộ lọc đẹp.

here.

Ở đây.

That's not filtered by the flavors.

Cái đó không được lọc theo hương vị.

those ugly looking flavors that we had here.

Những hương vị xấu xí mà chúng ta đã có ở đây.

Just come on.

Thôi nào.

Come on, Opus.

Thôi nào, Opus.

What are you doing?

Bạn đang làm gì vậy?

So, I think we have a clear winner.

Vì vậy, tôi nghĩ chúng ta có một người chiến thắng rõ ràng.

Yeah, you can just see how Fable 5 is going the extra mile.

Vâng, bạn có thể thấy Fable 5 đang nỗ lực hơn.

And even the little stuff, the tiny details like image generation, like filtering the categories, the navbar at the top here, even this little notification here, it just kind of matched like a e-commerce type feeling site.

Và ngay cả những thứ nhỏ nhặt, những chi tiết nhỏ như tạo hình ảnh, lọc danh mục, thanh điều hướng ở trên cùng, ngay cả thông báo nhỏ này, nó chỉ giống như một trang web thương mại điện tử.

So, I think Fable 5 is the clear winner.

Vì vậy, tôi nghĩ Fable 5 là người chiến thắng rõ ràng.

Now, how much would this have cost me in usage based pricing?

Bây giờ, cái này sẽ tốn bao nhiêu tiền cho tôi với giá dựa trên mức sử dụng?

So, if we go to our tracker here, we can see that Opus48

Vì vậy, nếu chúng ta đến trình theo dõi của mình, chúng ta có thể thấy Opus48.

198,000 output tokens estimated $2141.

198.000 token đầu ra ước tính $2141.

And then Fable 518K output tokens, so a little bit less, more token efficient.

Và sau đó Fable 5 18K token đầu ra, vì vậy ít hơn một chút, hiệu quả token hơn.

$36.84 equivalent.

Tương đương $36,84.

Not bad for a entire e-commerce site.

Không tệ cho một trang thương mại điện tử hoàn chỉnh.

I mean, that's like what 1 month and a Shopify bill.

Ý tôi là, đó chỉ như 1 tháng và một hóa đơn Shopify.

And then speedwise, Fable 5 was probably 15 minutes faster than Opus 48.

Và về tốc độ, Fable 5 nhanh hơn Opus 48 khoảng 15 phút.

So, 35ish minutes.

Vậy, khoảng 35 phút.

whereas Opus 48 was like closer to 50.

Trong khi Opus 48 gần 50 phút.

So, Fable 5, at least for this build, despite what people are saying,

Vậy, Fable 5, ít nhất cho bản build này, bất chấp những gì mọi người nói,

seems to be faster than 48.

Có vẻ nhanh hơn 48.

1 / 3