跟讀練習: Claude Design just got MASSIVE Upgrades (2.0 Update) - 通過影片學習英語口語

選擇練習模式

每種模式都會開啟全屏練習室。

157 句

如果句子過短或過長，請點選 Edit 進行調整。

So Antropic just gave Cloud Design some massive upgrades because when it first launched, the major problem was that a lot of people were hitting their usage limits with just a few prompts.

But with the updates rolled out this week, you're going to get much more use out of Cloud Design, which finally makes it usable.

They fully rebuilt their editor so you can now manually edit elements just like any proper design tool.

They also introduced new features to integrate seamlessly with Cloud Code,

as well as several other updates that legitimately make Cloud a proper design software that can automate and replace your other tools.

And if you're new here, my name is Jay.

I spent over a decade working with brands that you may know, have been in AI since my master's in data science.

Now I'm running an AI business and one of the largest AI communities globally.

Let's dive into it.

So when you now go to Claw Design, which you can just access by heading to this URL claw.ai slash design,

you can see they have a brand new interface here.

So it's quite similar to other AI chat apps that you may be used to.

But now what they are putting front and center are the different templates that you can start with.

So you can create prototypes of applications, you can create slides or PowerPoint packs, documents, wireframes, and even video animations.

So I'm going to give a few examples of that in just a bit.

But apart from the changes that Antropic made to Cloud Design's UI, I think what finally makes Cloud Design a bit more usable is the fact

that they have now pulled your account's usage limits across Cloud Design and Cloud Code.

So if you now go to your profile and click on the usage here, you'll now see just familiar usage limits for five hour current sessions, as well as your weekly limits.

And if we bring up Cloud Code real quick and just look at the account and usage, you can see that this is exactly the same rates that you have.

So it's much easier to manage now and honestly just makes a lot more sense that they unified this.

Because before when Cloud Design first launched with just one prototype, it is very common that you run into rate limits already.

So I'm glad that they finally fixed that.

Now to show you some of the new features that they introduced, unironically, one of the best ways and one of my favorite ways by

which to use Cloud Design is to create some slides.

Because in my view, with these features that they just added, I think you don't really need to use PowerPoint anymore.

So what I'll do here is just select the slides template

and I'll ask it to just build me a short slide deck about what's new in Cloud Design, some guidance on the slide opener.

And at the bottom, I gave it a few notes on what is new

so that it has some guidance on what it should highlight.

So when we send that over, what it now created for us is this five slide pack, which you can see is adhering to our robo design system,

which is this pixel style design that we're starting to use now with a lot of our visuals.

And in case you need a detailed guide of how to create your own design system, I will link this PDF guide down below, which you can just grab for free.

And that just goes through a lot of the principles as well as the skills

that I personally use in order to create great design systems.

So you can download this, redo it, or feed it to your cloud.

And that should get you well set up with best practices for creating your own design systems.

Now, if we just hide the chat window for a bit, you can see this is quite familiar, right?

This is exactly what you would expect in something like Keynote or PowerPoint.

And the great thing about it is not only can you present straight from cloud design.

So if I press on percent there, I can just present this full screen

and just shrug through these slides the same way that you would in PowerPoint or in Keynote.

But apart from that, they also built in this functionality, and I'll just drag that window here in a bit, where you have your speaker notes being shown on your other screen.

And this is exactly the core functionality that you would expect in a slide maker like a PowerPoint, right?

But obviously the big difference is with Cloud Design, all of the content in these slides, you can freely edit just by talking to Cloud.

And here at the bottom, you can see that you can freely edit those speaker notes.

And if in case you are required to use PowerPoint, let's say in your company, if you click on share and click on export,

there is actually an option here to export this via a PowerPoint X file.

Just note that if you use universal fonts, that will most likely change any fonts that you have in your design system here, especially if they're custom ones.

So what I would recommend here actually is just use the custom fonts feature.

And once you download that, what we now have here is a PowerPoint file that you can freely edit as well if you need it.

Now, if you need to apply tweaks or edits to whatever design that you create, whether it's a slide pack or a website landing page,

or even a dashboard, Cloud Design has different features for you to do that.

And the newest one, which I think is really useful, is this edit feature.

So if I click on that, you can see that this is quite a familiar interface for most designers, where if I go and click any of the elements here,

I can freely just change the text by typing it in.

I can change the font if I want to.

I can also increase the size of the letters.

And it's probably too big, so we can just resize that a bit.

And you can also bold some text, make some text italicized, and so on and so forth.

And so now what Cloud Design has become is a fully fledged editor for a lot of these assets

and creative presentations and communication materials, right?

Because with each of these elements now resizable and all of these text pieces freely editable by you,

you can pretty much replace a lot of the editing tools that you may be used to just by using Claw Design.

Apart from that simple edit, you can also click on this pro toggle and

that just gives you a layered view

that some people who may be used to something like Figma may be quite familiar with.

And let's say if I want to quickly just edit this piece of text here, that just directs me to the right element in this nested view.

And I can apply those same changes myself instead of having to prompt Claude every time and waste some tokens.

So let's say we want to change the color of Claude from this orange into, let's say, something a bit more yellow.

That's something that we can do now.

And also if I click on save, that will just take in all those changes into this final deck.

So very useful, especially if you are crafting a slide pack for clients

or for any type of communication materials that you would need.

Now, if you do want Claude to handle the editing for you

instead of you having to do it manually for your final tweaks, then Claude Design still has a lot of the features that let you do that.

My favorite way personally of giving feedback to Claude for specific items is this markup tool.

Because if I click on that, I can just choose the elements that I want to give feedback on.

And let's say I want to reword the body of this text and just say across all the slides, don't use em dashes.

Then I can just add that as a comment and that will create a running list of comments here on the left.

And you can continue marking things up, which apart from selecting things, you can also just draw on the screen here and give your comments that way.

The other feature that is really useful, especially when it comes to these visual assets, is that you can actually connect Cloud Design to third-party tools using MCP connectors.

And the way you do that is if you click on your profile and click on connectors, you'll be able to see all of the connectors

that you have set up in your Cloud desktop app or in your cloud.ai account here.

And you can see I have Higgsfield connected on my side here, which is pretty useful because

if you send a prompt like this where I'm saying to add a title slide

and use Higgsfield GPD Image 2 to generate an appropriate image, it was able to understand

that it found the right tool to use from within Higgsfield's MCP

and it actually generated an image which it included in this final title slide.

And so you can start to be creative with this

if in case you need more visuals or even videos for your assets, then connecting cloud design via MCP connectors is one way for you to do that.

And by the way, if you want to learn how to build and sell AI systems that businesses actually pay for, then that's pretty much all we do over at the RoboNuggets community,

where not only do you get access to the Cloud Living Masterclass, which we update every week and takes you from zero to mastery with the latest on AI, but you also get access to our Agents as a Service course,

which walks you through how to actually get paid for all these AI skills that you are learning.

You also get to be part of a genuinely great community of AI builders.

In fact, you can see just some of the recent wins our members are getting from the program right here.

So if you want to check that out, if it's for you, then it's just in the pinned comment below.

And if not, that's totally okay too.

Either way, I still appreciate the support you have here on the channel.

Now, you may be curious about this robo design system that I built.

100

And the way that I actually built this originally is I had this done from within Cloud Code.

101

And I used the new design sync feature in order to export this design system and port it over to Cloud Design.

102

And in case you're not sure what I'm talking about, essentially this design system feature, it's a pretty useful tool that Claude Design has introduced even when it first launched.

103

Because if you have a design system like this dialed in, then whichever template that you create, that will actually adhere to the design principles,

104

the fontage, and the colors of that system that you have selected.

105

And so to give you an example, these are some video animations that are adhering to that same design system.

106

This one's an instance of a dashboard that's also using that design system.

107

So you can see the same fonts, the same color palette is being applied.

108

Now, in version one of Cloud Design, the way that you created these design systems, if you go to the design system toggle here at their homepage, is if you click on create design system,

109

you used to only have this option where you can create here, where if you click that, that just gives you this interface, which is still pretty useful if you want to just describe your company name,

110

if you have code from GitHub, let's say, that has that design system, or if you want to upload some files like a Figma file

111

and other assets that you think would be useful to craft this design system.

112

So you can, of course, still do that, especially if you don't have a design system yet.

113

But what you now have the option to do is to create a design system straight from using CloudCode.

114

So if you click on that option, all that really shows is this sort of snippet by Antropik,

115

where they're saying that they now have this slash design sync skill that will be available to you by default in CloudCode.

116

So this is pretty useful if in case you have already built some sort of design system in CloudCode.

117

To give you one example from our side, you can see here at CloudCode, I already have this robo design system that we made and

118

if you look at the sort of brand book

119

that we have here it is already well made it is already ready to import

120

and all i really did is to use slash design sync

121

and what cloud code did is port over this whole design system

122

and make it available in cloud design in fact to show you how easy

123

that is earlier

124

when i was testing this out again i just asked cloud code to try a design sync

125

and to make a design system that has the aesthetic of Apple.

126

And because Entropic rolled out this capability now, you can see that Cloud Code is telling me that it created a new project, this Apple design system on our Cloud AI org account.

127

And if I look at the design system here, you can see there's six pages or six different artifacts that it can pull from.

128

It has this hero page, it has this navigation bar, and a couple of other design elements that it can now use whenever I need to make animations,

129

whenever I need to make slides or any dashboards that are in the Apple aesthetic.

130

And so if you're a heavy Cloud Code user, this is just a nice way for you to work more seamlessly between Cloud Code and Cloud Design.

131

And speaking about that Cloud Code connection, you can actually go the other way as well, where you start with a front end design right here in Cloud Design.

132

And once you're satisfied with the look and feel of this, let's say this dashboard is what you're creating and you are, let's say, okay with this look,

133

then what I would now do as a next step here is to port this over to CloudCode

134

and actually wire it to the actual backend of the database of this dashboard so that these demo numbers,

135

I'd probably ask CloudCode to connect to a database like Supabase and set up that scheduled routine to update it, let's say daily, in order to make sure that the dashboard

136

that we are going to ship is live and working and is useful.

137

And so the way you do that from CloudDesign is you just click on share, you just click on send to.

138

And here you can see the cloud code is one of the destinations here.

139

If I click on send, that will just give me a prompt that I can just copy.

140

And if I go back to cloud code, wherever you are using it, you just send over that prompt.

141

And in that session, cloud code will now be able to work on this front end design

142

and just ask it to wire it to whatever live database

143

that you have and set up that routine to refresh the dashboard on the regularity that you wish.

144

And with this sort of workflow, you can sort of see where cloud and Anthropic is going with this right.

145

Because right now, Cloud Design is only available in the web, but I wouldn't be surprised

146

if they actually fold in a lot of the capabilities here right from within the Cloud desktop app, because it just makes sense.

147

And like I mentioned before in this channel, and often in our community, I think what a lot of the AI labs are doing is they're trying to create the super app,

148

the everything app, where with just one application, which is Cloud in this case, you can do your design, you can do your coding, you can build software, you can build slides, and pretty much anything that you want really.

149

And so a lot of these improvements that they have made in claw design are pointing toward that direction.

150

So there you go.

151

Kudos to the claw design team because I definitely think

152

that a lot of the improvements that they made just made claw design a bit more usable.

153

And I think they're headed towards the right direction here.

154

I hope that was useful.

155

And as always, thanks for watching until the end and I'll see you all next time.

156

Thank you.

157

Thank you.

下載應用

流利口語所需的一切

AI 發音評分逐句打分

音標練習掌握每個音

詞彙學習建立你的詞庫

詞彙遊戲邊玩邊學

掃碼

Download on theApp Store Get it onGoogle Play

FOR YOU

為什麼要通過這個影片練習口語？

在學習英語時，口語能力的提升至關重要。通過觀看這段影片，您可以在真實的語境中聽到自然流暢的表達。影片中講述了最新的雲設計升級，這為英語學習者提供了一個很好的溝通背景。您可以模仿說話者的語調和速度，這樣有助於您理解日常對話，並提高您的發音技巧。使用 shadowspeak 技術進行跟讀，能有效增強您的流利度和自信心。觀看 看YouTube學英語 的影片不僅能幫助您吸收新的知識，還能讓您在實踐中靈活運用新的語言技能。

語法與表達在語境中的應用

使用現在進行時: 說話者在描述更新時使用當前進行時，例如“they are putting front and center”，這表明目前發生的事情很重要。
條件句的使用: 說話者提到“if you click on share and click on export”，這種條件句結構讓聽眾明白在特定情況下會發生什麼，這有助於使用更復雜的句型。
強調重要性的副詞: 說話者多次使用“now”來強調變化的重要性和時間的緊迫性，例如“now you can see”。這有助於加強資訊的傳遞力度。
直接引語的應用: 通過引入具體的指令和建議，例如“you can access”，增強了交流的互動性。

常見發音障礙

在影片中，有些詞對於非母語者可能會造成發音困惑，特別是一些技術術語。例如，“prototype”這一詞，音節較多且不常見，對於學習者來說可能需要多加練習。另一個可能的發音挑戰是 “functionality”，它的音節較長，音節之內的母音發音可能不夠清晰。同時，學習者還需注意說話者的口音，以提高自身的 提高英語發音 能力。通過 shadow speech 練習，您可以聽出細微的發音差異，進而糾正自己的發音。

影片中的語法

說話人最常用的結構，並附上影片中的原話：

結構	影片中的用法
條件句 if + 從句，will/would + 動詞 — 條件及其結果	if you use universal fonts, that will most · if I click on save, that will just · If I click on send, that will just
現在完成時 have/has + 過去分詞 — 過去發生但與現在仍有關聯的事	have been · have now pulled · has become
定語從句 who / which + 從句 — 補充說明人或事物	people who may · here, which is · interface, which is
被動語態 be + 過去分詞 — 強調發生了什麼，而不是誰做的	being shown · are required · being applied

什麼是跟讀法？

跟讀法 (Shadowing) 是一種有科學依據的語言學習技巧，最初開發用於專業口譯員的培訓，並由多語言者Alexander Arguelles博士普及。這個方法簡單而強大：您在聽英語母語原聲的同時立即大聲重複——就像是一個延遲1-2秒緊跟說話者的影子。與被動聽力或語法練習不同，跟讀法強迫您的大腦和口腔肌肉同時處理並模模擬實的講話模式。研究表明它能顯著提高發音準確性，語調，節奏，連讀，聽力理解和口語流利度——使其成為雅思口語備考和真實英語交流最有效的方法之一。

影子跟讀法: 閱讀完整分步指南 →

跟讀練習: Claude Design just got MASSIVE Upgrades (2.0 Update) - 通過影片學習英語口語

選擇練習模式

下載應用

推薦影片

NEW Claude AI Can Create Faceless Youtube Videos In MINUTES!

System Design Was HARD - Until You Knew the Trade-Offs

Figma Finally Launches Folders! + More New Updates

I Rebuilt My Entire Website in Astro… Was It Worth It?

Version 2.4 REVIEW! — Roblox SCR

Tools I use to make MY APPS

Video

Finally, A Desk That Feels Different

introvert diary 🎧 productive days in my life, tech internship, cooking & pharm rotation results

Google Just Dropped NEW AI Updates!🔥

User Flow vs Task Flow in UX Design

Can This Vibe Coder Beat a Senior Developer?

為什麼要通過這個影片練習口語？

語法與表達在語境中的應用

常見發音障礙

影片中的語法

什麼是跟讀法？