Claude Design - CON QUÁI VẬT THIẾT KẾ CHO NGƯỜI BẮT ĐẦU

AI Coding www.youtube.com

Tóm tắt nhanh

Video này giới thiệu và hướng dẫn sử dụng tính năng Clot Design mới của Clot AI, tập trung vào việc tạo code cho các thiết kế. Clot Design không thay thế các công cụ thiết kế truyền thống như PowerPoint hay Canva, mà hướng đến việc tạo ra các bản thiết kế ban đầu, sinh code HTML, CSS, JavaScript. Video cũng trình bày cách tạo animated video, slide và landing page bằng Clot Design, đồng thời hướng dẫn cách tùy chỉnh và xuất các thiết kế này.

  • Clot Design là tính năng mới của Clot AI, tập trung vào việc tạo code cho thiết kế.
  • Có thể tạo animated video, slide và landing page.
  • Hướng dẫn tùy chỉnh và xuất các thiết kế.

Giới thiệu về Clot Design

Clot Design là một tính năng mới của Clot AI, ra mắt cách đây khoảng 2-3 ngày và đang thu hút sự chú ý lớn. Ba sản phẩm chủ lực của Clot AI bao gồm Clot Code (tập trung vào coding), Clot Core (tập trung vào document) và Clot Design (tập trung vào design). Clot Design không nhằm thay thế các công cụ như PowerPoint, Canva hay Figma, mà tập trung vào việc tạo code từ các định dạng như PowerPoint, video, landing page và prototype, tạo ra các code như HTML, JavaScript và CSS.

Hướng dẫn sử dụng giao diện Clot Design

Clot Design hướng đến việc hỗ trợ người dùng khi cần phát triển hoặc thiết kế một ý tưởng mà chưa có hình dung cụ thể. Tính năng này tạo ra một bản thiết kế ban đầu, cho phép người dùng thay đổi màu sắc, typography và chỉnh sửa trực tiếp. Hiện tại, Clot Design đang trong giai đoạn preview và chỉ có thể truy cập được khi sử dụng bản pro subscription. Để truy cập, người dùng cần bật VPN và kết nối đến một server ở Singapore hoặc Nhật Bản để tránh lỗi login. Giao diện của Clot Design bao gồm các phần như prototype, slide deck, template và các thông số khác.

Các ví dụ và tính năng của Clot Design

Clot Design cung cấp nhiều ví dụ để người dùng tham khảo, cho phép thay đổi các thông số như màu sắc, noise và chất liệu. Ví dụ, có thể thay đổi thiết kế của một tấm bài từ "quấn á" sang "K" hoặc "Q" một cách tương tác. Một ví dụ khác là thiết kế máy tính (calculator), cho phép chuyển đổi phong cách thiết kế sang kiểu phẳng (flat). Ngoài ra, Clot Design cũng có các ví dụ về thiết kế giao diện app chia sẻ xe đạp và hiệu ứng đặc biệt cho chữ như lửa, khói, gió và tuyết.

Đăng ký và các gói dịch vụ của Clot AI

Để đăng ký bản Plus Pro của Clot AI, người dùng có thể truy cập trang web và nâng cấp từ bản free trong phần setting. Thanh toán có thể thực hiện qua Google Pay hoặc thẻ Credit. Gói Pro rẻ nhất là 20 đô một tháng cộng thêm phí thuế, hoặc khoảng 18 đô một tháng nếu mua cả năm. Gói Max có giá 100 đô, và có thêm gói 200 đô. Clot AI cũng cung cấp các gói cho team và enterprise với nhiều quyền và tính năng hơn.

Thực hành tạo Animated Video với Clot Design

Clot Design tập trung vào các tính năng như tạo prototype, video không giới hạn, thiết kế landing page và giao diện mobile app. Hiện tại, Clot Design đang ở trạng thái research preview và có giới hạn sử dụng riêng biệt so với gói subscription đã mua. Người dùng có thể kiểm tra giới hạn này trong phần account setting. Để tạo animated video, người dùng có thể chat với Clot AI và cung cấp nội dung mô tả. Clot AI sẽ suy luận và tạo video với các chuyển cảnh và thông tin chi tiết.

Tùy chỉnh và chia sẻ thiết kế

Người dùng có thể tùy chỉnh slide và video bằng cách sử dụng các menu trên góc phải. Tính năng "Twick" cho phép thêm slider hoặc option. Tính năng "Comment" cho phép di chuột đến từng phần của video và gửi comment để Clot Design thay đổi nội dung. Tính năng "Edit" cho phép thay đổi background, phông chữ và kích thước chữ. Tính năng "Draw" cho phép vẽ trực tiếp lên thiết kế. Ngoài ra, người dùng có thể chia sẻ thiết kế bằng cách export sang file PDF, PowerPoint, Canva hoặc HTML.

Tạo Slide Deck với Clot Design

Để tạo slide deck, người dùng có thể vào phần prototype hoặc slidex và cung cấp thông tin chi tiết cho từng slide. Trong phần prototype, có hai lựa chọn: wifame (chỉ có layout) và high furity (có màu sắc và chi tiết). Người dùng có thể đặt tên cho slide deck và bắt đầu chat với Clot AI. Có thể design dựa trên context bằng cách đưa file Figma, codebase (HTML, CSS), screenshot hoặc design system vào.

Thực hiện Prom và Tùy chỉnh Slide Deck

Người dùng có thể tải file màu vào để Clot Design dựa trên đó thiết kế slide. Sau khi tạo slide, người dùng có thể tùy chỉnh bằng cách sử dụng các tính năng như "Twick" (tuy nhiên, tính năng này có thể chưa hoạt động ổn định), "Edit" (thay đổi phông chữ và kích thước) và "Comment" (thêm comment để thay đổi màu sắc). Sau khi tùy chỉnh, người dùng có thể reload để xem phiên bản mới.

Export Slide Deck và So sánh với PowerPoint truyền thống

Người dùng có thể export slide deck sang file PowerPoint (PPTX) và chỉnh sửa được. So với việc tạo PowerPoint thông thường, Clot Design cho ra design đẹp hơn, đặc biệt khi có design system để tuân theo. Clot Design tạo ra các tính năng đặc biệt và tốt hơn so với các công cụ khác để có thể cạnh tranh trên thị trường.

Kiểm tra giới hạn sử dụng và tạo Landing Page

Người dùng có thể kiểm tra giới hạn sử dụng Clot Design trong phần setting. Video tiếp tục demo việc tạo landing page cho công ty AI Coding về giáo dục. Người dùng cung cấp thông tin về màu chủ đạo, thông tin công ty, số điện thoại và yêu cầu thiết kế phong cách hiện đại và tối giản.

Kết quả tạo Landing Page và nhận xét

Clot Design tạo ra một landing page với các phần như hero, thống kê, giới thiệu, tin tức, khóa học và liên hệ. Thiết kế được đánh giá là hiện đại và đẹp mắt. Phần câu chuyện được tạo tự động với các thông tin như hack ca thông và hợp tác chiến lược. Phần bên dưới có đầy đủ email, điện thoại và địa chỉ. Người dùng có thể tải file HTML về để sửa đổi tiếp hoặc hand off cho Clot Code để phát triển thêm.

Tổng kết và so sánh Clot Design với các công cụ khác

Clot Design không thay thế các công cụ design khác, nhưng hữu ích cho người mới bắt đầu, đặc biệt là những người không phải designer. Clot Design tạo ra design ban đầu, sau đó người dùng có thể tùy chỉnh. Một điều cần lưu ý là Clot Design có thể đốt nhiều token. Video cũng chia sẻ về việc prom design dễ hơn prom code và thảo luận về các model của Clot AI, đặc biệt là Oppus.

Thảo luận về Model Oppus và Adaptive Thinking

Model Oppus được đánh giá là xịn nhất và được nhiều nền tảng khác sử dụng. Oppus có chức năng adaptive thinking, phân tích prom của người dùng để đưa ra kết quả tốt nhất. Tuy nhiên, một số người dùng có thể nhanh hết limit khi sử dụng Oppus. Video cũng thảo luận về context Windows của Oppus và các gói subscription của Clot AI.

Kết luận và lời chào

Video đã thực hành và xem qua các chức năng của Clot Design, bao gồm tạo video, slide và landing page, cũng như cách tùy chỉnh và export. Clot Design hữu ích cho startup và cho phép hand off cho Clot Code để tiếp tục phát triển. Cuối video là lời chào và chúc ngủ ngon đến người xem.

Summarize any YouTube video in seconds

Get summaries like this one for any video, in your language, with the free Summ app.

Download on the Apple Store
Get it on Google Play

Transcript

YouTube Transcript Generator

0:00 Ok, chúng ta sẽ bắt đầu lại từ đầu nhá. Đợi một chút xem cái này lên chưa. Alo. Ok rồi đấy. Ok nhá. Alo xin chào các bạn nhá. Ok xin chào các bạn nhá. Rồi thì cái buổi hôm nay chúng ta sẽ nói về cái phần ờ cross design. Đây là một cái tính năng mà thằng Clot AI mới ra mắt cách đây khoảng 2 3 ngày thì hiện tại nó đang khá là nổi nha.

0:52 >> [hắng giọng] >> Ok, thì ở trong cái buổi này chúng ta sẽ cùng nhau tìm hiểu về clot design. Đây là một cái tính năng mà clot AI mới ra mắt cách đây khoảng 2 3 ngày. Các bạn biết bây giờ ba cái sản phẩm chủ lực của clock AI nó sẽ bao gồm CL code này. Đấy, tập trung vào phần coding nhá. Tiếp theo là chúng ta sẽ có ờ clot cor. Đấy, chúng ta sẽ tập trung vào phần document. Tiếp theo là chúng ta sẽ có clot design. Thì đây là tính năng mới nhá.

1:40 Là tính năng mới của thằng à clot AI. thì thằng này nó sẽ tập trung vào design. Ồ, mọi người tự nghĩ nhá, bây giờ nếu mà thằng clot AI này nó ra cái thằng ờ clot design thì liệu nó có thay thế được ví dụ như kiểu PowerPoint, Microsoft, PowerPoint, Canva hay thậm chí là Figma hay không? Thì câu trả lời là không nhá. Bởi vì thằng này ấy nó sẽ tập trung vào gen ra code tất cả mọi thứ. Đấy ví dụ nhá từ PowerPoint này dạng PowerPoint thôi từ video đúng không? Tiếp theo là landing page này. Protyp thì tất cả nó sẽ tập trung nó sẽ ờ zen ra code nó tạo code. Ví dụ như kiểu HTML, JavaScript

2:26 cũng như CSS nó không thể nào nó thay thế được. Ví dụ như kiểu Microsoft, PowerPoint, Canva hay Figma. Thì hai thằng này nó sẽ là kiểu hai hướng đi khác nhau nhá. Thì ở đây cái clot design này nó sẽ kiểu hướng đến cho mọi người. Ví dụ như kiểu khi mà các bạn ờ cần phát triển, cần design một cái gì đấy chúng ta chưa có mường tượng đúng không? Thì cái thằng clot design này nó sẽ tạo ra một cái bản design ban đầu cho chúng ta. Ở trên đấy thì các bạn hoàn toàn các bạn có thể thực hiện thay đổi tick một số thông số ví dụ như kiểu color này, typography liên quan đến phần text và chúng ta có thể edit trực tiếp ở trên đấy. Chúng ta sẽ chat với con clot AI để nó có thể

3:12 thay đổi cái bản thiết kế của chúng ta. Ở trong giao diện của đây, ở trong giao diện của Clot AI nhá. Các bạn nhìn bên tay trái này. À hiện tại thì cái thằng à clot design này hiện tại thì nó đang ở cái quá trình preview. Ờ chỉ khi các bạn sử dụng bản thấp nhất là bản pro subscription thì chúng ta mới có thể truy cập vào để chúng ta có thể thử thằng clot design. Thì mình nghĩ rằng sau cái giai đoạn preview này thì bên cross AI người ta sẽ đánh giá và chúng ta sẽ có được một cái bản hoàn chỉnh hơn. Ok, bây giờ nhá, ở bên tay trái này mình đang sử dụng cái subscription pro thì chúng ta sẽ có một cái biểu tượng icon

3:58 đây, design này chúng ta sẽ click vào đây nhá. Hiện tại thì ở Việt Nam thì chúng ta khi mà chúng ta đang ở Việt Nam nhá, hiện tại ngay trong ngày hôm nay thì khi mà mình vào trong thằng à clos AI design này thì nó bị cái lỗi login nó sẽ kiểu quay vòng liên tục. Thì hiện tại chúng ta có một cái cách fix đơn giản là chúng ta có thể bật VPN lên. Đấy, ví dụ như kiểu các bạn có thể connect đến một cái server ví dụ như kiểu ở bịch Singapore hay ở Nhật để chúng ta có thể vào trong thằng clot design này và để chúng ta có thể trải nghiệm được nhá. Ok, thì đây chính là cái giao diện sau khi mình click vào thằng Cross Design. Mình có thể zoom nhỏ lại đây. Ok,

4:44 zoom nhỏ lại để cho các bạn dễ nhìn nhá. Thực ra đây mình đánh giá cái giao diện này nó chưa hoàn thiện. Ở đây nó sẽ có bốn phần này. Thứ nhất là phần prototype này. Tiếp theo là chúng ta sẽ có phần slide dex. Đấy, chúng ta có thể làm slide ở đây. Tiếp theo là chúng ta sẽ có phần template. Chúng ta sẽ bắt đầu với một cái template nào đấy và phần đấy. Những cái thông số khác. Còn ở bên tay phải này chúng ta sẽ có phần reason này. Những cái phần mà những cái project mà chúng ta vừa mới làm việc. Tiếp theo là những cái phần design của chúng ta. Phần example ở đây thì cloud code à à quên ở đây thì clot design này nó cung cấp cho chúng ta rất là nhiều các ví dụ nha. Để các bạn có thể vào trong đây xem một số ví dụ của clot design. Ví dụ ở đây như kiểu nó

5:31 đang design một cái tấm bài đúng không các bạn? Nhìn này. Đấy chúng ta hoàn toàn có thể thay đổi. Đây ví dụ như kiểu chúng ta đang có quấn á đúng không? Bây giờ chúng ta sẽ chuyển sang K này. Các bạn nhìn nhá. Đấy K này. Thấy chưa? Đây chúng ta sẽ chuyển sang Q nhá. Biến đổi luôn đúng không? Đấy rất là interactive. Ở phần bên dưới này chúng ta cũng hoàn toàn chúng ta có thể đổi màu sắc này các bạn nhìn này. Đây chúng ta có thể thay đổi cả phần noise. Đấy tăng giảm noise. Tiếp theo ví dụ như kiểu chúng ta có thể thay đổi cái chất ở trong này thay vì ở đây là chất bí đúng không? Chúng ta có thể chuyển sang ví dụ như kiểu chất row chẳng hạn. Ok chưa? Một ví dụ tiếp theo là chúng ta sẽ có

6:16 cái calculator kit này. Thì ở đây nó đang thiết kế một cái design này. Nó đang design cho chúng ta một cái calculator, một cái máy tính đúng không? Ví dụ ở đây chúng ta có thể chuyển sang cái phong cách thiết kế ví dụ như kiểu flash đi. Đây thiết kế kiểu phẳng. Ok nhá. Đây ví dụ như kiểu à đây ping các kiểu này. Đấy các bạn có thể thu nhỏ lại tăng giảm. Ở đây thì thằng clot design này có một số ví dụ khá là hay nhá. Đây mình sẽ kéo xuống cho các bạn cái phần ở đây nó đang thiết kế một cái app đây cái giao diện thôi. Giao diện chỗ app này tạo ra một cái simple iOS flow for buy sharing app. Đây thiết kế một cái

7:02 giao diện để nó sẽ thực hiện đăng ký cho một cái app chia sẻ xe đạp nhá. Ở bên dưới này cũng có một cái example này khá là hay. Take particle effect này. Các bạn nhìn này. Ví dụ như kiểu ở đây chúng ta sẽ có file thì nó sẽ có hiệu ứng của ngọn lửa. Có smoke này. Wind này chúng ta sẽ có gió này hoặc là chữ snow đúng không? Thì sẽ có tuyết rơi. Mua bản Plus Pro ở đâu? Ờ Hiếu à ở trên web thôi bạn. Bạn đã đăng ký cái clot AI thì nó sẽ mặc định là bản free nhá. Thì bạn sẽ vào web xong rồi ở phần setting thì các bạn sẽ bạn click vào phần upgrade.

7:50 Thì ở trong đấy thì các bạn có thể sử dụng kết nối với Google Pay hoặc bạn có thể sử dụng thẻ Credit nhá để có thể thanh toán. Bản Pro rẻ nhất là 20 đô một tháng cộng với hai phí tiền thuế. Nếu mà các bạn mua cả năm thì tính ra trung bình nó sẽ khoảng đâu đó 10 18 đô gì đấy. Tiết kiệm được một vài đô nếu mà bạn mua cả năm. Gói max thì nó sẽ rẻ nhất là 100 đô. Gói max 100. Còn bạn có tiền thêm thì có thể tham khảo thêm gói 200. Ngoài những cái subscription cho individual thì clot AI này nó sẽ có những cái gói cho team và cả cho enterprise cho tổ chức luôn.

8:37 Thì chúng ta có thể nó sẽ có nhiều quyền hơn, nó sẽ có nhiều tính năng hơn. Ok, bây giờ nhá mình sẽ quay lại cái phần clot design này. Ở đây thì clock code này khi mà ra thằng này nó sẽ tập trung vào một số tính năng như kiểu tạo ra prototype này, tạo ra video unlimited video này. Tiếp theo là có thể tạo ra thiết kế landing page cũng như tạo ra những cái thiết kế cho cái giao diện ở ở trên mobile app. Ok thì bây giờ nhá ở trong cái video này chúng ta sẽ cùng nhau đi thực hành cách chúng ta có thể sử dụng được thằng clot design. Ở đây các bạn cần chú ý một điều nhá. Hiện tại thì cái clot design này nó đang ở trạng thái research preview này. Các bạn nhìn ở bên tay trái góc trên

9:25 cùng này đang ở trạng thái research preview nhá. Bây giờ mình sẽ quay lại chút một cái này. Đây mình sẽ quay lại cái này. Ở cái giao diện của clot AI này các bạn sẽ click vào phần account nhá. Click vào phần setting này ở bên trong này nhá. Các bạn sẽ xem cái phần usis này. Đây rồi. Hiện tại nhá. Bởi vì thằng clot design này nó đang ở trạng thái gọi là resource preview. Thì ở đây nó đang tính cái limit nó sẽ riêng biệt so với cái subscription mà chúng ta đã mua. Ok chưa? Ví dụ ở đây nhá. Cái phần current section của mình là nó sẽ liên quan đến

10:12 cái phần subscription pro của mình đã mua. Ở đây nó có một cái phần này cross design này. Đây chính là cái phần limit mà thằng này nó sẽ giới hạn cho chúng ta. Hiện tại ở đây nó đang bảo mình sẽ reset vào thứ hai. Hôm nay thứ mấy nhỉ? Hôm nay thứ ba nhỉ? Ừ thứ hai tuần sau. À thứ hai tuần sau chứ nhở. Hình như một tuần. Ừ đúng rồi. Một tuần đây. Weekly remit này. Đấy thì hôm nay mình đã thử mình đã tạo ra một cái unimited video này nó mất khoảng 13%. Cái video của mình khoảng 40 giây. Đây các bạn tính xem 40 giây nhá. Thì chỗ này mất khoảng 13%. Hiện tại ở đây thì nó sẽ không liên quan gì đến cái gói subscription mà chúng ta đã mua. Thì sau có thể là sau cái thời

10:59 gian preview này thì cross AI này nó có thể tính vào cái subscription nha. Ok, bây giờ mình sẽ quay lại phần design nhá. Mình sẽ show hàng cho các bạn luôn chính cái video hôm nay mình đã tạo. Nhìn lag mắt luôn. Đơn giản lắm. Đây các bạn có thể xem nhá. Ok. Cùng xem cái prom của mình thôi. [tiếng cười] Nhìn chất luôn. Đẳng cấp luôn các bạn. Nhìn này. Xời thấy chưa? Đi bách khoa nội này. Chương trình kỹ sư tài năng nhá. Tiếp theo đại học MI liên bang. Chuẩn không?

11:45 Có hình nguyên tử các kiểu này. Xong rồi thêm cả chu thích. Bước ngoặt. Ở đây có từ bước ngoặt này, từ vật lý hát nhân đến công nghệ thông tin. Và cuối cùng chúng ta sẽ có cái senior AI engineer này. Có những cái kinh nghiệm đúng không? Có những cái domain mà mình đang làm ở đây nó còn có cả kiểu neural network. Ok chưa? Các bạn thấy cái slide này ấn tượng chưa? Không phải slide mà animated video. Thì ở đây cực kỳ đơn giản nha các bạn này. Ở đây thì mình vào phần chat thôi. Đây vào phần chat xong rồi mình prom cho nó tạo animated video cho cái nội dung sau. Cái nội dung này là cái thông tin mô tả của mình ở trên Udemi thôi. Đây mình copy mình paste vào đây.

12:31 Thì đây các bạn có thể nhìn thấy cái quá trình mà nó suy luận này. Đấy có cả update to do này. Đây ví dụ như kiểu những cái công việc cần làm ví dụ như à đã làm chứ ví dụ như kiểu tạo ra cái unlimited intro video in Vietnames này. Nha nó thiết kế này, design sense này, education này. Tiếp theo đến phần physic iti skill và cái phần kết thúc. Đấy các bạn nhìn nhá. Ở phần này này nó có những cái thông tin về những cái chuyển cảnh này. Thấy không? Đấy ví dụ như kiểu cảnh này thì về những cái thông tin gì, thời gian là bao nhiêu đúng không? Có thời điểm này khiếp mình đầu tiên ấy mình tạo ra cái này ấy thì mình cực kỳ khoái luôn. Nhìn

13:18 chất thật. Ok. Thì bây giờ nhá cái tính năng chính các bạn nhìn này. Tính năng chính nha. Khi mà các bạn tạo slide này, các bạn tạo video nha thì các bạn hoàn toàn các bạn có thể tinh chỉnh được. Ở đây thì mình sẽ hướng dẫn các bạn cách mà có thể tinh chỉnh được cái slide, cái video mà thằng clot design vừa tạo ra cho chúng ta. Ở đây nhá. Ở trên góc trên bên tay phải này, các bạn có thể nhìn thấy này. Ở đây chúng ta sẽ có một số menu. Cái Twich này đây. Mình click luôn. Twick này đây chúng ta sẽ ví dụ như kiểu hỏi clock code để có thể add thêm cái slider hoặc option. Ok tạm thời mình sẽ cancel đi phần comment này. Comment nhá thực chất đây mình các bạn có thể khi mà các bạn nhấn vào phần comment nhá. Rồi

14:04 các bạn sẽ di chuột đấy đến từng phần của cái hiện tại của cái animated video hiện tại. Ví dụ như kiểu ở đây mình đang click vào phần Hà Nội đúng không? thì mình có thể đại học ME Phi này. Đấy, sau khi mình click vào đại học MEFI, các bạn có thể comment vào đây rồi các bạn sẽ gửi cho thằng Cross Design để nó có thể thay đổi cái nội dung. Ok chưa? Tiếp theo nhá. Hết phần comment thì chúng ta sẽ có cái phần edit này. Đấy, các bạn sẽ click vào phần edit. Edit thì ở đây chủ yếu là ba thông số. Thứ nhất là background. Đây chúng ta có thể thay đổi màu của background này. Tiếp theo là chúng ta có thể thay đổi cái phông đấy ví dụ như kiểu phông của mình đang là Tamil Roman. Và tiếp theo

14:50 là chúng ta có thể thay đổi cái basize. Cái này nó chính là phông size nhá. Ok mình sẽ click vào phần edit này. Tiếp theo là chúng ta sẽ có phần draw. Draw thực chất thì chúng ta có thể vẽ ở trên này. Đấy, chúng ta có thể vẽ ở trên này. Đấy, đây là những cái tính năng chính nha. Tính năng chính ở trong cái phần giao diện chat. Đấy, chúng ta hoàn toàn chúng ta kiểu chat như kiểu với thằng clot AI một cách thông thường thôi. Rồi ở trên cùng nha, ở trên cùng này nó có cái phần share này. Thì ở đây chúng ta sẽ hiển thị một số option ví dụ như kiểu export sang cái file PDF, export sang file PowerPoint này hoặc có thể kết nối gửi vào Canva để

15:36 các bạn có thể tiếp tục à chúng ta thực hiện design nhá. Tiếp theo là phần export sang cái file HTML. Rồi các bạn chú ý nhá. Đây các bạn có thể nhìn này. Các bạn có thể nhìn ở phần bên trên nha. Đây nó đang tạo ra cho mình một cái file là intro video HTML. Đấy nó toàn code thôi. Còn HTML này CSS đợt trước mình có gen nó tạo ra cả cái file js gsx.jscx. Thì đây là cái file ấ nó viết Java để nó có thể viết cả HTML. Đấy, kết hợp cả hai thằng thì về cơ bản đấy, nó thằng clot AI này nó đi theo một cái hướng là nó sẽ tạo ra code. Thì code ở đây đúng không? Nó sẽ HTML, CSS, JavaScript. Thì ở đây nó có thể biểu thị như kiểu slide như

16:23 kiểu dạng PowerPoint đúng không? Hoặc là unlimited video. Thì cái này những cái ngôn ngữ đấy nó làm được đấy. Thay vì như kiểu các bạn à ví dụ ở trên Canva hay là chúng ta vào trong a Microsoft PowerPoint đúng không? Thì chúng ta sẽ ví dụ như kiểu chúng ta sẽ kéo các cái hình khối vào đúng không? Shave các kiểu chúng ta thay đổi màu sắc này, chúng ta thay đổi phông chữ. Thì ở đây ờ thằng à clot design này nó đi theo một hướng đấy. Nó sẽ tập trung nha. Ren code các bạn chú ý nhá. Zen ra code các bạn cứ thử đi. Các bạn cứ thử khi mà nó tạo ra thì các bạn nhìn cái đuôi file mà nó tạo ra đúng không? nó sẽ toàn kiểu file HTML hay là có kiểu JSX. Nói chung là nó sẽ liên quan đến

17:08 JavaScript, CSS và HTML. Ok, mình đang nói giở phần share nhỉ. Hôm nay thì mình có thử export cái này ra. À đợt trước ấy mình có tạo ra cái file PowerPoint mình định export ra cái file PPTX này nhưng mà không được. Nhưng mà các bạn hoàn toàn các bạn có thể export sang cái file đây, file HTML sau đó chúng ta có thể tải về đúng không? Và tất nhiên là khi mà chúng ta có cái file HTML này rồi thì ví dụ như kiểu ở đây ví dụ như kiểu từ senior AI engineer đúng không? Chúng ta có thể tìm ở trong cái file của mình đúng không? File HTML thì sau đó chúng ta có thể thay đổi nội dung đi. Còn tất nhiên khi mà chúng ta muốn thay đổi cái design ấ cái layout ở trong

17:54 này thì nó sẽ phức tạp hơn đúng không? Thay vì thay đổi chúng thay vì chúng ta thay đổi cái nội dung đơn giản chúng ta kip cái layout thôi. Đấy khá là hay nhá. Mình thấy khá là hay. Ok bây giờ mình sẽ thử demo cho các bạn cái phần đây là cái animated video nha. Mình cực kỳ mình thích cái này. Bây giờ mình sẽ thử demo cho các bạn à tạo slide nhá. Đây tạo slide. Bây giờ mình sẽ quay trở lại. Mình sẽ click vào góc trên. bên tay trái này. Back to project này. Ở đây thì tạo slide các chúng ta có thể vào phần prototype hoặc phần slidex cũng được, không quan trọng. Bởi vì mình thấy khi mà chúng ta vào ấy thì nó đều ra đều mở ra một cái cửa sổ chat để chúng ta có

18:41 thể đưa prom vào đấy. Ok. Ở đây nhá thì mình sẽ lấy cái gì nhỉ? Mình có thể vào phần slidex cũng được. Đây nha. Prot cũng được. Bây giờ chúng ta sẽ cần có cái thông tin đi chính xác. Ừ, chúng ta sẽ cần có cái thông tin để chúng ta có thể paste vào đây. Ok, đây nhá. Ờ mình sẽ lấy cái đây mình sẽ xem lại cái của mình đây. Mình lấy cái này đi. Mình lấy ba cái slide đi. Ba cái slide

19:27 thực chất là ba cái nội dung. Đấy mình nhờ thằng clot nó chỉnh sửa lại cho mình nhá. ở trong phần này đúng không? Khi mà chúng ta tạo cái slide đúng không? Tạo cái slide deck này thì mình nghĩ tốt nhất thông thường là chúng ta nên dàn ra cái nội dung trước cho từng slide chúng ta có tiêu đề các kiểu nha. Ở đây thì mình muốn chia sẻ thêm nhá. Ở trong cái phần prototype này nó có hai phần thứ nhất là wifame này và thứ hai là high ờ furity. Thì thông thường ở trong thằng high frame này chúng ta chỉ sẽ chỉ có layout thôi. Đấy, chúng ta viết gì ở phần này, phần này chúng ta có gì, layout như nào. Tuy nhiên đối với cái phần ở bên tay phải này, phần mặc định nhá, high furity này thì chúng ta sẽ có kiểu đây các bạn

20:13 nhìn này, màu sắc các kiểu. Đấy, chúng ta sẽ gần như có một cái design thật chi tiết để ra một cái sản phẩm mà chúng ta gần như có thể sử dụng được luôn. Ok, thì bây giờ mình sẽ vào phần kích vào phần slidex cũng được nha. để mình sẽ slidex cho chuẩn. Ví dụ mình đặt tên à ở à đây mình đặt tên đi clot này design nhá. Rồi đây nhở. Ok rồi mình sẽ nhấn create nhá. Rồi đây đây chính là giao diện của thằng à ờ clot design khi mà chúng ta ở trong cái phần chat nhá. Ở trong cái phần chat này các bạn có thể nhìn thấy ở bên tay trái này nó có cái

20:58 phần start with context này. Ở đây thì chúng ta có thể design dựa trên cái context mà chúng ta có thể đưa vào. Ví dụ như kiểu chúng ta có thể đưa cái file Figma vào nha các bạn. Hoàn toàn các bạn có thể attach cái codebase vào. Ví dụ như kiểu có file HTML hay là CSS cũng được đúng không? HTML CSS thì nó sẽ thực hiện layout cũng như thực hiện style thì thằng này nó cũng sẽ hiểu. Tiếp theo là các bạn cũng có thể add cái screenshot vào. Tại chúng ta có thể đưa ảnh vào nha. Và cả cái design system đấy. Ví dụ như kiểu màu sắc, cái tipography, chữ như nào ấy, kiểu như thế. Ok. Thì ở bên dưới này góc dưới bên tay trái thì chúng ta sẽ có cái phần ờ chúng ta sẽ thực hiện chat nhá.

21:45 Ở đây ở phần giữa này chúng ta sẽ có cái phần start with sketch này để chúng ta có thể vẽ ở đây. Tuy nhiên mình sẽ không thực hiện cái này. Tiếp theo ở bên dưới này đấy chúng ta có thể đưa những cái file vào ví dụ như kiểu image này, reference này. Có thể đưa cả vào cái đường link đến fixma. Ok. Thì ở đây mình sẽ đưa một cái file màu vào nhá. Đây. Thực ra cái file này là cái ờ cái file mà mình export ra từ trên Figma mình lấy mỗi cái màu thôi. Đây các bạn có thể mình kéo vào đây nhá. Rồi ok. Thì sau khi mình kéo vào đấy nhá nó tạo ra cho mình một cái upload folder này. Ở bên trong cái upload folder thì mình

22:31 đang có một cái file PNG. Cái file này nó chứa một số màu thôi. Đây thì thông thường ở đây nó đang có khá là nhiều màu. Thông thường thì chúng ta sẽ để ít màu. Đấy. Xe thì thằng clot design này nó sẽ dựa trên những cái màu sắc như này để nó thiết kế ra cái bản slide cho mình nhá. Ok bây giờ mình sẽ ở bên trong này mình sẽ zoom to này cho các bạn dễ nhìn. Đây tạo cho tôi ba slide này. Rồi dựa trên nội dung sau. Ở đây mình chỉ định tạo ba slide bởi vì cái thông tin của mình ban đầu mình đã define sẵn là có ba slide với từng tiêu

23:17 đề rồi. Đấy mình paste vào đây thôi đúng không? Ở đây ví dụ như kiểu mình có slide 1 đi để mình đổi tên slide 2. Rồi tiếp theo slide 3. Ờ slide 1 này. Ok. Slide 2, slide 3. Ở đây thì là những cái thông tin nó sẽ liên quan đến cái phần chính là cái phần clot design này. Ok nhá. Rồi mình sẽ zoom nhỏ lại một chút. Bây giờ chúng ta có thể nhấn sen này. Rồi x nhá. Rồi xem chuyện gì xảy ra. Hy vọng nó không bị quá nha. Đây các bạn có thể click vào phần bánh răng ở bên dưới cùng này.

24:04 Ối trời ơi đây chúng ta đang có rất là nhiều các model nha. Ví dụ như kiểu cross oppos 4.7 này. Cross sonet 4.6 đấy. Oppus 4.6. Ừ biết thế mình đổi sang thằng oppus 4.7 chạy cho nó ngon. Này ở trong cái phần này cái phần design file này các bạn có thể nhìn thấy nha. Nó vừa tạo ra cho mình một cái file dexstate. Này đây không các bạn thấy không? Nó đang sử dụng JavaScript. Tất cả nó tập trung ở code nha các bạn. chú ý tất cả nó sẽ dựa trên code, không còn là cái thiết kế thuần túy nữa. Ở đây mình đang a confuse một cái là khi mà chúng ta có nó tạo ra mình một cái

24:49 design đúng không? Khi mà chúng ta thay đổi kiểu đơn giản thôi, chúng ta muốn modify một cái text nào ở trong đấy thì liệu rằng cái thằng CL code này nó có đọc lại khá là nhiều cái nội dung ở trong đấy không? Thì cái việc nếu mà nó đọc lại khá là nhiều thì nó sẽ tốn khá là nhiều token. Thì sau này khi mà chúng ta sử dụng thì nó ừ nó sẽ nhanh hết đấy. Rồi nhanh phết nhờ. Ba cái rồi. Thấy không? Vừa tạo ra một file HTML này ở trong cái thư mục design file này. Đây HTML chưa? Bên cạnh cái thằng dexstate. Này ok đây sang bên này nó vẫn đang edit nhá. đang verify này. Màu sắc tí nữa mình có thể sửa đổi được ấy.

25:36 Đợi một chút để cho nó chạy cái verify. Bây giờ chúng ta có thể lướt qua một chút nha. Thiết kế còn bị giới hạn. Không phải vì thiếu ý tưởng mà là thiếu công cụ để thực hiện hóa chúng. Đúng rồi. Đấy. Sứ mệnh của thằng Cot Design này kiểu như vậy. Mọi người khi mà chúng ta thiết kế đúng không? Thì chúng ta những người ví dụ kiểu amat chẳng hạn mọi người chưa có cái mường tượng nào về cái phần thiết kế đúng không? Chúng ta chưa biết vẽ cái gì ra thì ok để chúng ta có thể cho thằng clot design nó tạo ra một cái mẫu trước đã thì sau đấy chúng ta có thể thực hiện thay đổi. Ok rồi mình sẽ click vào phần này nha. Cái phần clot này xem kỹ phần này nó đang nói cái gì. ờ xem cái image mà mình vừa tải lên đúng

26:23 không? Rồi copy starter này ghi vào cái file HTML này sửa cái file design.html edit. Ok đấy. Ok nó tạo ra cái file HTML đúng không? Phần core đấy như mình chia sẻ đúng không? JavaScript CSS và HTML. Ok bây giờ chúng ta sẽ xem qua nhá. Ở bên này này, trang thứ hai đúng không? Chúng ta sẽ có clot design này. Thiết kế qua hội thoại, mô tả ý tưởng. Sau khi có ý tưởng đúng không? Tạo ra rồi tạo ra một cái design ban đầu thì chúng ta tiếp tục là có thể tinh trình linh hoạt đúng không? Thực hiện comment, edit hoặc các bạn hoàn toàn các bạn có thể thực hiện chat thêm ở bên góc dưới bên tay trái

27:09 này. Đấy các bạn chưa vừa ý đúng không? Thì chúng ta có thể chat thêm. Tiếp theo cái số 3 này, áp dụng design system đúng không? Chúng ta hoàn toàn có thể đưa màu sắc tipography hoặc cái design system của cái tổ chức của chúng ta lên để cho thằng Cross Design này nó hiểu đúng không? Để nó có thể thiết kế nó dựa theo cái đấy nó thiết kế ra. Ok mình xem cái slide thứ ba nhá. Dành cho tất cả mọi người. Designer này đây. Prototype tương tác khám phá nhiều hướng thiết kế. Tiếp theo là chúng ta sẽ có product manager đúng không? Wif frame tính năng bán giao cho dep. À đấy cái wifame mình vừa chia sẻ đúng không? Chúng ta sẽ có phần layout thì sau đó ông dep ông có thể thực hiện decorate thêm màu mè đấy.

28:02 Nó sẽ chi tiết hơn nhá. Founder này marketer ấy cho marketing có thể tạo ra các cái landing page ảnh mạng xã hội, tài liệu chiến dịch ứ prototype đây có cả voice audio 3D AI đây cái phần voice này. Đấy các bạn ở bên góc dưới bên tay trái này. Ok bây giờ nhá chúng ta sẽ cùng thử tinh trình một chút. Thực ra ở đây nhá, nếu mà cái tác vụ mà các bạn truyền vào nó phức tạp ấy thì trong quá trình mà thằng clot design này nó tạo ra nó có thể hỏi các bạn một đống question nhá, rất là nhiều các question để nó có thể dựa trên những cái thông tin đấy nó đưa ra cái bản design ngon hơn. Bây giờ chúng ta sẽ cùng nhau đi tw

28:50 ở trên góc trên bên tay phải ấy. Đầu tiên chúng ta sẽ click vào phần tw này. Ở đây chưa có nhở màu sắc. Chính ra thằng này nó cần phải tạo ra một cái màu cho mình. Ở trước mình có một cái mình thử một cái trước này nó tạo ra một cái phần ở góc dưới bên tay phải này. Đấy mình có thể chọn màu sắc các kiểu khá là dễ. Tuy nhiên ở đây chưa có. Ok mình sẽ tạm thời bỏ qua phần này. Edit nha. Bây giờ cái phông này phông này nhìn đang ví dụ như kiểu hơi khó. À đây phần đấy. Ui xời ra nhiều chưa? Phông này để mình xem này. Ví dụ chuyển qua HVA đi. Rồi các bạn chú ý nhá. Đây rồi vẫn đang bị kill à đưa vào kill à.

29:37 Khi mà chúng ta click một cái edit đúng không? Thì ở bên này nó lại đang chạy này. Đây các bạn nhìn này. Ở bên tay trái này. Ok. Đợi một chút này. Đây ví dụ như kiểu phần text này trong cái phông chữ này như kiểu nó đang a hiển thị nó chưa chuẩn lắm. Phông đã được chuyển qua Henve chica. Bạn muốn chỉnh gì thêm nữa không? Ờ tuy nhiên chưa có vẻ chưa chưa chưa được apply nhỉ. Được rồi, đợi mình sẽ thử chuyển qua đây thử mở lại xem là open đây. Ừ, bọn này nó vẫn đang ở trong quá trình

30:23 research preview thôi. Một số tính năng thì nó cũng chưa được mature nha. Cái này thì ở trên mấy hội nhóm cũng đã chia sẻ rồi. Hôm trước còn bác nào ở trên Redit còn bảo thằng này nó nó gì nhỉ? Nó ăn vào cái phần subscription của bác ấy. Nhưng mà mình nghĩ là có thể bác ý nhầm lúc đấy mình check đúng không? của mình check thì nó sẽ đang cái phần sử dụng của cái thằng clot design thử nghiệm này nó đang nằm riêng một cái phần nó không liên quan gì đến cái subscription nữa. À hùng à đúng rồi cái này nó đang lỗi ở Việt Nam nha các bạn nhá. Bạn vào thì bạn cần phải vào ở VPN

31:09 bạn bật VPN bạn bật VPN lên thì nó sẽ được nha. Đây ví dụ như kiểu mình đang bật mình connect đến Nhật Bản thì ok. Lúc đấy thì mình vào ở Việt Nam thì nó bị khi mà chúng ta click vào phần clot design thì nó sẽ quay quay liên tục. Bạn thử đi. Sử dụng VPN nhá. Ok. Phần đây. Bây giờ chúng ta thử cho phần phông si to lên một chút nha. Ví dụ 20 đi. 20 rồi quay trở lại bên này. Chưa thấy gì nhỉ? Chính ra phải nhảy luôn. Ok 100% này comment. Bây giờ mình sẽ thử tí nha.

31:54 Comment ok cảm ơn bạn nha. Ok dạ Hùng. Mình nghĩ chắc đội Cross AI này nó cũng fix sớm cái này thôi. Có thể đang trong quá trình preview mình thấy cũng kiểu mọi người cũng đang vào thử nghiệm khá là nhiều mặc dù ở trong những cái gói từ pro trở lên. Ok thì chúng ta sẽ thử cái tính năng comment ở đây nhá. Ví dụ như kiểu ở đây chúng ta đây các bạn có thể đi vào từng slide này. Ở trong này nó có sẽ có từng component nhá. Đây ví dụ như kiểu ơ chưa à đây mình đang tắt cái này đây. Ví dụ nó có sẽ có từng component nhá. Ở đây thì các bạn có thể click chuột vào. Đấy bây giờ các bạn click chuột này.

32:43 Lag lag nhỉ. À khi mà chúng ta thực hiện à chúng ta phải nhấn comment trước thì chúng ta có thể click vào được. Rồi sorry. Đây mình sẽ nhấn vào phần comment trước. Khi mà nó đổi màu sang màu cam này. Đấy thì chúng ta mới có thể click vào từng phần ở trong này. Ok chưa? Ok này. Ví dụ ở đây mình sẽ bảo nó gì nhỉ? Ừ đây mình sẽ click vào phần comment nhá. Click vào phần thiết kế còn bị giới hạn. Mình sẽ bảo nó ừ gì nhỉ? À ở đây đi. Cái phần này nhỉ cho cái màu mè đẹp đi. Đây màu này đi. Đổi lại thành màu

33:31 xanh ngọc cho đẹp mắt đấy. Rồi ok mình sẽ send to clos nhá. Đây thì sau khi mình comment đúng không? Thì ở bên này nó cũng chạy rồi. Tí nữa để chúng ta xem xem chúng ta tạo ra ba cái slide như này thì chúng ta sẽ mất khoảng bao nhiêu cái phần trăm ở trong cái phần limit nhá. Ok rồi nó đã đổi panel sang màu xanh ngọc rồi. Bây giờ mình sẽ cần phải reload for new version. Reload đây. Ok. Ứ. Đấy. Thấy chưa? Khá là ngon đúng không?

34:19 Thực ra mình vẫn khóa cái video này trước. Mình vẫn khóa cái video trước. Nó làm khá là đẹp. Unimated video đúng không? Thực ra cái video đấy chúng ta hoàn toàn chúng ta có thể làm các bạn nào mà đã từng sử dụng Microsoft PowerPoint cái phần Animation rồi thì những cái chức năng kiểu như thế thì chúng ta hoàn toàn chúng ta có thể làm được. Tuy nhiên ở trong cái slide đúng không? Ở trong một slide mà nó có quá nhiều các cái component như thế thì khi mà chúng ta thiết kế cái animation chúng ta cần phải define cho từng cái đúng không? Nó chạy hướng như thế nào, thời gian như thế nào thì nó sẽ mất khá là nhiều công. Đấy mình thấy cái un animated video đấy nếu mà chúng ta cái đầu vào ấy chúng ta có cái nội dung ok rồi chúng ta hoàn toàn

35:05 chúng ta có thể làm cái kiểu video quảng cáo hoặc giới thiệu sản phẩm gì c cũng được tiếng thì hiện tại chưa có đúng không? Chúng ta hoàn toàn chúng ta có thể lồng tiếng ghép tiếng ghép cái voice của chúng ta vào. Đấy. Ở đây cái phần à cái phần mà nó tạo cho mình cái slide này cũng hay nha các bạn. Các bạn chú ý nha. Các bạn chú ý chúng ta không có sẵn một cái file PowerPoint đâu nha. Để mình thử export nhá. Export hiện tại thì mình thấy nó chưa hoạt động. Đấy, mình đã test rồi. Bây giờ mình thử test lại cho các bạn xem nhá. Export. Thì bây giờ mình sẽ có phần đây. Universal đi. Ok. Mình sẽ click vào phần generate pptx nhá. Đây vẫn đang thh kinh tiếp.

35:51 Nhiều khả năng lại phải gọi sang cái thằng à thằng gì nhỉ? Gọi sang cái skill để tạo power point. Ôi nhanh phết rồi. Ồ maybe là lúc sáng mình test cái chức năng này nó bị lỗi. Ok mình sẽ click nha. Rồi. Ok. Ngon luôn. Đây sửa được. Úi trời. Úi giời ơi. Sửa được. Hội thoại này. Sửa được. Sửa được nha các bạn nhá. Chuẩn đấy. Được đấy. Có thể là lúc sáng cái server cái tính năng đấy nó bị lỗi trải nghiệm của mình nhá. Đây mình sẽ

36:36 chia sẻ trải nghiệm luôn so sánh cái thằng này với cái việc mà chúng ta tạo PowerPoint thông thường thông qua cái giao diện chat của clot AI nhá không phải thằng clot design này thì mình thấy cái thằng này nó cho cái design nó khá là đẹp đặc biệt trong trường hợp nha các bạn hoàn toàn các bạn có thể đưa thêm cái design system để nó có thể tuân theo cái design đấy sorry một chút. Còn ở trên ở trên cái clot AI ấy, giao diện web ấy mình cũng thỉnh thoảng mình tạo cái PowerPoint ở trên đấy. Thì mình thấy nội dung thì ok đúng rồi. Nội dung thì mình có rồi, màu mè cũng ok

37:22 nhưng mà nó kiểu không mình cảm giác nó không kiểu chuyên nghiệp như đội này. Tất nhiên thì thằng Cross AI này nó tạo ra một cái tool mới thì nó cũng phải có những cái tính năng nó đặc biệt, nó ngon hơn so với những công cụ khác thì những cái tool này nó mới có khả năng đứng vững được đúng không? Bây giờ mình thử thêm một phát nhỉ. Ờ đây mình quay lại phần CR Design nhá. À trước tiên đi, trước tiên mình quay lại luôn đi xem nó hết bao nhiêu rồi. Xem hết bao nhiêu limit rồi. Ok. Mình nghĩ chắc cũng hết nhiều nhiều đấy nhá. Rồi setting này usis này. Ơ ui trời mới có 2%. Ui thoải mái các

38:10 bạn. Úi giời thoải mái luôn. Trong một tuần thì ừ trong một tuần nếu mà các bạn như kiểu gen cái video hôm nay của mình khoảng 40 giây thì maybe là các bạn có thể tạo ra được khoảng 7 bả cái video. 7 8 cái video đấy. Slide thì cứ nhân lên thôi. Ok quay lại phần design nhá. Thử một cái nữa. Chúng ta đã có slide rồi đúng không? Đấy slide này đâu rồi? Đây slide nhá. Prom cực kỳ đơn giản thôi. Tạo cho tôi ba slide dựa theo nội dung sau. Tiếp theo là chúng ta sẽ có gì nhỉ? Make video rồi đúng không? Đây tạo animated video cho nội dung sau.

38:57 Rồi tiếp theo bảo nó tạo cho mình một cái landing page đi. Mấy cái này đặc biệt mấy cái bác mà hay buôn bán bất động sản thì rất là khoái đúng không? Ví dụ như kiểu landing page đi rồi landing page. Ok. Vẫn để haiity nha để nó có thể tạo ra màu mè các kiểu chúng ta có thể sử dụng luôn. Design tạm thời thôi mình sẽ không cần click vào create. Ok. Ở trong này chúng ta thực hiện prom thôi. Màu sắc nhá. Cái màu sắc này có thể quan trọng ví dụ như kiểu các bạn à buôn bán ở trong công ty nào đấy môi giới bất động sản đúng không? Thường nó sẽ có những cái màu chủ đạo thì các bạn ví dụ

39:43 như kiểu có ấy màu ấy thì các bạn có thể chụp hoặc ví dụ như kiểu có code thì các bạn có thể upload lên để cho nó sẽ tham khảo vào những cái file đấy nhá. Ok tạm thời đây thì mình freestyle thì mình không cần upload cái file lên đấy. Chúng ta sẽ cùng nhau thực hiện prom xem. Tạo cho tôi một landing page này. Ừ. Cho công ty về thôi. Đây không phải không cần phải buôn bán có đất đúng không? Cho công ty về giáo dục đi. Cho cho công ty đây. Cho công ty chém gió luôn. Ai coding luôn.

40:32 AI Coding về giáo dục này. Rồi hai chấm nh mình sẽ shift enter mình xuống này. Ở đây thì mình sẽ có thể đưa ra một số yêu cầu thêm ví dụ như kiểu ok mình thêm màu sắc luôn. Màu chủ đạo là màu xanh nước biển này. Landing page này thông thường mình sẽ có kiểu gì nhỉ? Ừ ví dụ như kiểu mình sẽ có một số thông tin chung đúng không? thông tin chung về công ty này. Có địa chỉ để mọi người có thể liên lạc số điện thoại các kiểu và một số cái kiểu một số cái textbox và một số kiểu ảnh được hoặc

41:19 hình để có thể giới thiệu về công ty nhá. Đơn giản vậy thôi. Vậy sau này như kiểu các bạn muốn thêm chi tiết gì thì chúng ta hoàn toàn có thể đưa vào trong cái prom này. Ở dưới đây là một số thông tin này cho việc xây dựng landing page. Rồi xuống dòng tiếp này. mình sẽ ờ rồi công ty AI Coding ví dụ hoạt động trong lĩnh vực giáo dục nha.

42:06 Lập trình này. Ok. Kiểu như vậy. Chụ tạo cho tôi ừ ba nhỉ? Mình sẽ lấy ba cái ba cái khung mình chẳng biết gọi là gì nhỉ. Ba cái khung chứa tex này chứa nội dung các bài viết về hoạt động của công ty. Hoạt động của công ty. Nội dung bạn tự tạo đấy. Cho nó tự fake cái nội dung đi.

42:51 Rồi tiếp theo là sẽ có thông tin về email, số điện thoại nha. để mọi người có thể liên hệ thiết kế phong cách hiện đại đi nhưng tối giản nhá chém gió tí. Ok bây giờ mình sẽ nhấn xem nhá. Rồi xem nó tạo ra cái gì cho mình đây. Về cơ bản là chúng ta sẽ có là gì nhỉ? Chúng ta sẽ có slide này, chúng ta sẽ có video landing page, có cả tạo ra cả cái design system nha.

43:38 Cái này nó cũng có thể tạo ra cho chúng ta được. Color xong rồi cả tex nữa. Đúng rồi. Color chipography ấy. Đông từ mọi người gọi chipography. Ai thằng này nó cũng côn ra một cái skill này. Đây front design này. Được đấy. Cái này thì anh em nào sử dụng craw code đúng không? mà làm frontend thì có thể sử dụng cái thằng skill này c để thằng này nó sẽ viết ra cho chúng ta một cái design nó viết code. Ok. Ồ cái cam này các bạn không nhìn thấy mặt mình thì bảo mình cái

44:26 vẫn đang viết vào cái file index.html. mấy cái file mà mấy cái landing page mà của những cái trang mà bull má bất động sản ở những cái dự án mới thì thông thường mình cũng thấy toàn một một file duy nhất thôi và file đấy dài lắm từ đầu đến cuối này giới thiệu dự án này mặt bằng các kiểu các tiện ích ở phần bên dưới thì có phần liên hệ đấy số thông tin số điện thoại thôi mỗi thế thô bây giờ mà như kiểu mọi người mà viết một cái landing page này trước thì mọi người có để đi thuê đúng không? Đi thuê mọi người không biết giá khoảng bao nhiêu nhưng mà bây giờ đầy đủ thông tin mà nhờ E2 một phát nó viết cho có mỗi một cái trang HTML xong thì quá nhanh luôn nhỉ.

45:13 Xong rồi vứt deploy lên một cái nào free cũng được chẳng cần phải tố tiền. Cái này đúng như kiểu lấy lấy việc của mọi người. Ôi giời viết nhiều đây à thằng này nó đang chém gió này. Hack cao thông này. Giời chém gió nhiều đấy. Hợp tác chiến lược với gì đây? Google á. [tiếng cười] hợp tác chiến lược với 20 doanh nghiệp các kiểu chẳng tốn tiền thì ai á đấy thì mình bảo đấy ông nào ông nào tự mày mò xong rồi

46:01 lại tìm cái nào deploy free luôn những cái file theo hiểu những cái kiểu đấy nó đội đấy nó cũng không cần trong một thời gian nó chắc khoảng vài tháng nó hoạt động cái đấy n chủ yếu nó có thông tin liên hệ thôi biết thông tin dự biết thông tin về dự án. Ui xời i nhìn đã nhờ trời. Cái này chắc mình phải gửi cho các bạn này đã thật đấy. Nhìn trời ơi. Ui giời ơi. Anh em thấy thiết kế quà này ổn không? Nhìn nhờ. Mình cũng không làm các kiểu đâu nhưng mà thấy mấy quả kiểu này nhìn trông hiện

46:48 đại đẹp nhỉ. Đây landing page này đã hoàn thành có các phần luôn. Hero này thống kê giới thiệu, tin tức, khóa học liên hệ. Trời chẳng Đây xem nào. Úi giời cứ tưởng thôi một pha được. Cái này thực ra lên đây quảng cáo khóa học các kiểu cũng được. ở trong phần đăng ký này nhở trong ký trong phần đăng ký này link đến một cái một cái đường dẫn bên ngoài ví dụ như kiểu vào cost của mình các kiểu. Tất nhiên ở đây một cái file này thì chúng ta muốn đặt nhiều thông tin thì kiểu lại phải kéo dài thôi từ đầu đến cuối. Ui phần này hay thật đấy.

47:41 Ờ ok để mình xem xem là bạn landing page gì đây. Landing page thì nhiều công ty cũng ổn khá lâu. Nói chung class ờ mới tách thành feature riêng. Ờ công nhận mình ờ mình thấy công nhận cái L page Page này bây giờ nó gen ra một phát tại vì kiểu đặc trưng của những cái đấy đặc trưng nó kiểu có một trang thôi. Một trang làm sao kệ thôi. Ông kéo dài bao nhiêu, kệ ông kéo dài bao nhiêu. Ở trên đấy nó có đầy đủ thông tin về dự án xong rồi nó có những cái thông tin liên hệ là ok rồi. Gần như đấy là cái mục tiêu của những cái người đấy thôi. Màu sắc đẹp đẹp tí nhưng mà công nhận mình

48:28 nhìn vào cái design này công nhận nhìn ngon nhỉ. Mình cũng không phải kiểu dân design các kiểu đâu. Ví dụ như kiểu mọi người hay có kiểu một số cái phong cách design các kiểu đấy. Nhưng mà nhìn màu sắc, nhìn phông chữ ở đây, nhìn nó cách ờ căn thấy khá là chuẩn nhá. không phải khá là chuẩn đối với mắt mình thì mình nhìn thấy khá là ok. Đây phần câu chuyện này mình bảo nó gen ra chém gió cho mình ba câu chuyện hack ca thông rồi hợp tác chiến lược 20 doanh nghiệp ra mắt lộ trình engineering đợt trước thì mình thì không làm front end cũng không back end trước thì hay

49:15 kiểu viết cái gitub page ừ sử dụng cái host hosting miễn phí ở trên GitHub đang định chuyển qua cái thằng à Viral nhở sử dụng Hugo nói chung cũng kiểu up mà up mấy kiểu bài viết về tex thôi. Xong rồi kiểu quảng cáo các kiểu ấ chứ up bài viết về tích viết mdown thôi. Mình cũng không phải kiểu design nhiều. Viết mỗi MD xong rồi nó gen ra cái file đấy. Trước cái trước làm cái GitHub cũng kiểu như vậy. Đây phần bên dưới này thì khá là ngon này. Phần bên dưới ngon thật. Đầy đủ email, điện thoại, địa chỉ.

50:03 Email có gửi tin nhắn. Chỗ này chủ đề gửi tin nhắn có email ở đây. Ở gửi tin nhắn này nó phải có một cái chỗ để lưu. Tất nhiên ở trong một cái file HTML này thì cũng chưa làm được gì. Phần bên dưới mấy cái này cũng click hết được. Xem qua cái file HTML nhá. Đây. Ờ file này lại phải tải xuống. Ừ được. Ok. Tải xuống. Về cơ bản đúng không? Các bạn có cái file này rồi các bạn hoàn toàn các bạn có thể tải xuống để chúng ta có thể sửa đổi tiếp nhá. Ở trong này ấy ở bên ở phần bên tay phải này các bạn có thể click vào phần share này. Nó có một cái phần đâu nhỉ? Đây. Hand off to cloud code. Đấy, clock code này các bạn hoàn toàn có thể tiếp tục để chúng ta có thể thực hiện phát triển với thằng clock

50:49 code nhá. Bây giờ chỉ cần biết tiếng Anh [tiếng cười] ông nói thế thôi. Nói thế thôi. Làm mấy cái đơn giản thì làm mấy cái đơn giản thì ấy thôi. Còn m ừ đúng làm mấy cái đơn giản hoặc là ừ đơn giản hoặc là kiểu gì nhỉ? thì có thể ra luôn được. Tuy nhiên làm vẫn phức tạp thì mình nói chung mình vẫn khuyên mọi người là phải vẫn phải học phải học kiến thức nền chắc chắn rồi. Bạn cứ nghĩ đơn giản nha. Ví dụ như kiểu một một người ví dụ như kiểu ông code back end, ông code frontend đúng không? Ông có nền rồi lúc mà ông thực hiện prom cho con AI nó đã khác rồi. Thực hiện ít

51:35 prom đi nó đã tiết kiệm bao nhiêu tiền rồi đúng không? Ông thực hiện prom vớ va vẩn xong rồi ra một đống bấc xong rồi cuối cùng không không fix được ấy không fix được xong rồi cuối cùng vẫn phải kêu ai fix cuối cùng có fix được không ví dụ như kiểu có nhiều cái nó mới mới kiểu ít người gặp phải à ừ ok chuẩn rồi đấy thì đây là một số cái tính năng a ờ chính của cái thằng C design này nó cũng không thay thế cho những cái công cụ design khác đâu. Nhưng Canva, Microsoft, PowerPoint cũng như Figma. Nhưng mà mình thấy đấy đối với những kiểu người mà mới ấy, đặc biệt mới không

52:23 phải designer đi không phải designer. Thông thường những ông designer thì đã có ở trong đầu những cái mindset rồi, tưởng tượng ra cách layout các kiểu rồi. Nhưng mà với một người bình thường đúng không? Chúng ta có thể nhờ thằng clock design này để tạo ra một cái design ban đầu. Sau đó chúng ta có thể thích, chúng ta có thể ờ thực hiện thay đổi được. Một điều mà mình phân vân mình khá phân vân ấy khi mà sử dụng thằng này là có thể nó sẽ đốt khá là nhiều khá là nhiều token. Đốt khá là nhiều token đấy. Để mình sẽ thử tải file này về xem nào. Phải gen power point po xong rồi ấy biết

53:10 đồ t đùa. Đợi mình đợi mình chút nha. Xem lại xem cái này là bao nhiêu bao nhiêu dòng. Ui giời [tiếng cười] hơi sốc đấy các bạn này. Kinh luôn. Chỗ này bao nhiêu đây? Nghìn dòng à? nghìn dòng luôn đấy. Uầy nghìn dòng ở trong này vừa có cả đây đầy đủ luôn. Ui giời ơi. Xời ơi khiếp. Đây bao gồm cả

53:56 HTML này cả CSS rồi xong rồi cả JavaScript 1000 dòng ấy các bạn biết gen ra cái này cũng ác phết đấy. Toần nhỉ? Chỗ này không biết tính ra khoảng bao nhiêu nhỉ? Nhưng mà khá khá khá. Chỗ này mới bao nhiêu nhỉ? Chỗ này mới này. Đây mình sẽ xem lại chỗ này. Trang này nó cũng khá đơn giản đúng không? Đây quên click vào trong phần này luôn đi. Đấy nhìn cho nó hoành tráng. Đây 1 phân J này. 2 phân J này. Ba phát thôi. Ba phát bốn phát. Chỗ này 1000 dòng token không biết bao

54:43 nhiêu để xem xem không không biết cách cái thằng Cross A này nó sẽ tính tiền khi mà chúng ta sử dụng thằng Cross Design như nào. Nếu mà như kiểu nó cho cái phần limit cho một tuần kiểu kia thì khi mà chúng ta tích hợp vào trong những cái gói subscription của chúng ta thì nghe vẻ cũng căng đấy. Prom design dễ hơn prom code à? [tiếng cười] Ờ dễ hơn dễ hơn dễ hơn. Tất nhiên dễ hơn. Chắc chắn nó dễ hơn rồi.

55:31 Ừ. Design mình cũng nghĩ là rằng sẽ dễ hơn mà. code mà ví dụ như thường à thằng à thằng gì nhỉ? Thằng kể cả như kiểu ngon như kiểu cross AI này sử dụng có một cái nhược điểm ví dụ mà mình à mình nhận ra khi mà sử dụng thằng Cross AI ấy. Thực ra bất kỳ mấy con AI hiện tại nó chưa nó chưa có một cái gọi là ờ phân tích để tối ưu ngay từ đầu. MB là có thể sử dụng ở trong cái chế độ plan mode của thằng CL code nhá. Đấy nó sẽ phân tích mọi thứ trước khi mà nó làm ấy. Cái này đợt trước mình có sử dụng cái thằng Grock nhỉ. Thỉnh thoảng có mấy cái T gì khó tự nhiên vứt cho

56:17 thằng Grock của thằng của Elomus ấy. Thằng đấy cũng phân tích cũng hết đấy. Nhưng mình chia sẻ nha. có một số tas đi. Ví dụ như kiểu chúng ta mà chưa thực ra là gọi chưa define kỹ, chưa define kỹ chưa defile kỹ những cái những cái nội dung ví dụ như kiểu mình có một cái chức năng chức năng nào đấy nhá. Nhưng mà mình mới chỉ nói kiểu qua ví dụ có 10 phần thì mình sẽ nói tầm năm phần. Nhưng mà có những cái phần mà cái phần quan trọng nhất ví dụ như kiểu phần 6, phần 7, phần 8, phần 10 ấy. Đấy thì nó lại không nó không nói đến cái phần đấy. Thì khi mà implement ấy thì ra thường nó sẽ kết quả nó sẽ không được tốt lắm.

57:04 Thì những cái phần đấy maybe là khi mà chúng ta bật cái chế độ clo code đi thì nó có thể thực hiện hỏi lại chúng ta những cái thông tin cần thiết thêm. Mình hy vọng là những cái kiểu những cái tính năng như thế nó sẽ giải quyết, nó sẽ thêm những cái tính năng như thế. Thì khi mà chúng ta thực hiện code ấy thì đặc biệt là cho những cái người ví dụ như kiểu B yếu đúng không? Chúng ta chưa chưa nắm vững cái phần kiến thức ở đấy thì nó có thể đưa ra những cái gợi ý thì sẽ tốt hơn. Ừ đúng rồi. Thằng clot oppos là đánh giá xịn nhất rồi. Bây giờ kể cả mấy cái nền tảng khác ví dụ như kiểu ctiravity hay

57:49 GUP compiler thì mấy ông cũng hay sử dụng những cái model thẳng từ clot mà toàn côn oppus. Con này thực ra đây này. Ví dụ như kiểu ở trong này ấy, ở bên tay trái góc dưới này. Ở đây mình đang click số nét đúng không? Nhưng mà thông thường nó để mặc định là phần hai cu à quên opus 4.7 7 thì con này mới ra thì con này nó có một cái chức năng gọi là adaptive thinking thì thông thường chúng ta cái phần ting mode ấy thì chúng ta bật hoặc chúng ta sẽ xét cái mức độ thì ở đây nó sẽ adaptive nó sẽ dựa trên cái task của chúng ta gần như kiểu đầu vào nó ở đây nó gần như kiểu nó có một cái giống kiểu một cái gì nhỉ router đấy đấy nó sẽ phân tích trước cái phần prom của chúng ta để đánh Cá

58:42 nhanh limit à đúng rồi nhưng mà có thể bạn dùng a quá dùng a quá ở đây xem ở đây thỉnh thoảng ví dụ ở trên TikTok mọi người cũng hay comment k ở đây mình có thểu hiểu mọi người khi mà thực hiện prom đúng không mọi người có thể prom một cái task nó cực kỳ phức tạp này xong rồi trong quá trình đấy ví dụ như kiểu sai sửa các kiểu ờ có thể chữ tối ưu thì nó sẽ nhanh hết limit 20x á ghê ấ x20 là dùng max 200 àẹ max 200 mà hết được kinh đấ

59:35 MX 200 thì lại gen raen một phát chắc phải mấy project to luôn. Nhưng mà thông thường mình hay kiểu ờ kiểu thường những cái project nó có sẵn rồi ấy. Đấy thường sẽ không phải kiểu mà design từ đầu hay là viết những cái gì nó quá là phức tạp. Thông thường một cái feature nào đấy, một cái function nào đấy cũng khoảng vài trăm dòng code thôi các kiểu. Bốn project một lúc. Kinh. Ờ thế khủng rồi. Ui giời khiếp. Max 200. Max 200 dùng bao giờ cho hết nhỉ? Nhưng mà một cái một cái thằng CLI một cái là một cái mình rất không thích nhá.

1:00:22 Ví dụ như kiểu thằng Oppus ấy, cái contex Windows của nó max 1 triệu đúng không? Nhưng mà cho cái bản Pro nó chỉ cho 200k. Xong rồi muốn contex Windows 1 triệu đúng không? Đấy mày phải lên gói Max đi mới được sử dụng 1 triệu. Contex Windows gần như những cái gần như những cái feature đúng không? Những cái tính năng của bản Pro với cả bản Max thì mình thấy nó chẳng có gì khác nhau cả. Ví dụ ông X5 tiền đúng không? X5 tiền thì ông a ờ X5 một lần sử dụng. X10 tiền thì X10 lần sử dụng. Bây giờ hình như nó cho thêm 20 nhỉ. 20 lần à.

1:01:08 Ok. Thì ở trong cái phần này đúng không? Chúng ta đã cùng nhau tìm hiểu ấy khá là nhiều. có video rồi có SL rồi có landing page rồi cách mà chúng ta có thể twe này chúng ta có thể thực hiện comment edit ở đây rồi export ra những cái định dạng thì đây là chúng ta sẽ có một cái overview gần như hoàn chỉnh cũng như hands on cách mà chúng ta có thể sử dụng thằng clot design này. Cái này bạn nào mà như kiểu startup các kiểu nhỉ? Landing page đây có thể cho nó design ở đây các kiểu xong ngồi sửa. Bởi vì thằng này nó hay một cái là chúng ta hoàn toàn đây ở cái phần share đúng không? Chúng ta có thể handsop cho thằng clock code hoặc có thể chúng ta có thể tải file về ở đây in index html này về ờ cloud code để chúng

1:01:57 ta có thể tiếp tục thực hiện coding để hoàn thiện cái dự án. ở đấy hơn nhau token đi. Ờ tất nhiên model thì chẳng thế đi mua tự nhiên mất tiền mà không được sử dụng mấy model tốt nhất thì thôi chứ nó nhảy qua mấy nền tảng khác ngay. Ôi xời ơi hay phết nhở chỗ này. Cái này nó quay trở lại à không click không à. Uiời ừ đúng rồi. Một trang chưa có gì nhỉ? công nhận kiểu nh mấy cái kiểu mình thì

1:02:46 viết bài mình mình đợt trước mình hay kiểu viết bài về ai lắm về kiểu mấy algorism ấy nhưng mà toàn chủ yếu viết bằng ma ở trong đấy thì có viết mấy công thức latech thôi cũng không cần phải kiểu trang web về nhưng mà nhìn trông thích nhở kiểu mấy trang web bây giờ hiện đại mọi người thiết kế nhìn đẹp. Ok, thì ở trong cái video này chúng ta đã cùng nhau ờ thực hành qua và xem qua một số cái chức năng đúng không? Ở trong thằng clot design này. À cho các bạn xem lại cái video mà mình tạo. Xời

1:03:32 mê luôn. Cái video này quà này mình sẽ làm kiểu quảng cáo bằng video này cũng được. Hay phết. Mình thấy ok. Không cần không cần sửa luôn nhá. Không cần sửa luôn. Ok nhỉ. Thôi ôi gần 10:30 rồi. Thôi muộn rồi. Mình giờ chắc phải đi ngủ thôi. Có thể hẹn các bạn vào buổi khác nhá. Có thể vào cuối tuần. Ở trên YouTube này mình live thì có vẻ hơi ít người xem hơn trên TikTok nhưng mà được cái ở trên YouTube này à mình có thể ờ sử dụng toàn màn hình này và các bạn có thể xem nó sẽ dễ hơn đúng không?

1:04:17 Xem xem cái phần coding cái phần mà thực hành này nó sẽ dễ hơn. Ở trên TikTok xem tự nhiên ở trên cái điện thoại nhỏ nhỏ nhỏ tí dí mắt vào xem chẳng thấy gì. Trên đấy chắc ngồi chém gió được. Mình nghĩ ngồi ngồi kiểu ngồi chém gió. À quả landing page kết hợp với bạn modal 3D. Đúng rồi. Hình như thằng này nó tạo ra được cái 3D đấy. Hôm trước có thấy cái ấy 3D không biết nữa. Toàn animation nhỉ. Thấy hôm thấy hôm trước thấy có cái ví dụ.

1:05:04 Thôi chào anh em nhá. Mình xuống đây không muộn quá rồi. Mai phải đi ngủ. Ngồi chém gió thế thôi nha. Ok bye bye nhá. Chúc mọi người ngủ ngon nha. Yeah.

Share

YouTube Video Summaries