00:00:00Claude Code 的前端设计能力很烂，但这其实是你的错，
00:00:04不过这个问题可以通过一份简单的路线图来解决。
00:00:07你只需要知道前进的方向。
00:00:09在这段视频中，
00:00:10我将拆解 Claude Code 前端设计的七个等级，
00:00:13并解释在每个等级中你可以期待什么、
00:00:16需要避开哪些陷阱，
00:00:18以及晋升到下一个等级需要做些什么。
00:00:21到最后，
00:00:22你将掌握一套简单且可重复的流程，
00:00:25利用 Claude Code 创造出不再是那种
00:00:28千篇一律、枯燥乏味的前端设计。
00:00:30今天视频的案例研究对象是
00:00:33我们虚构的 SaaS Web 应用，名为 Argus。
00:00:36Argus 将是一款社交媒体情报应用。
00:00:41基本上就是让内容创作者或任何用户，
00:00:43都能去寻找其领域内趋势话题的地方。
00:00:48我们将通过 Argus，
00:00:49走完整个七个等级的流程。
00:00:52那么，让我们从第一级开始。
00:00:53遗憾的是，很多人其实都困在了这一级。
00:00:55这一级只有你和一段提示词。
00:00:57你打开 Claude Code，然后随口说一句，
00:00:59“嘿，”
00:01:01“帮我给 Argus 创建一个落地页吧，”
00:01:02“这是我的社交媒体应用，是一个情报工具，”
00:01:05“帮助内容创作者寻找和识别其领域内的趋势话题。”
00:01:08现在，
00:01:09即便我这样做并开启计划模式（Plan Mode），
00:01:12我们得到的东西也会非常平庸。
00:01:15为什么？因为我们根本没有给它任何设计方向。
00:01:18我们完全依赖 Claude Code 去填补
00:01:20“什么是好看的设计” 这一空白。
00:01:22你经常听到这种说法：AI 没有审美。没错，
00:01:26但事实上大多数人也没有审美。
00:01:28正因为存在这个问题，
00:01:31他们无法向 Claude Code 清晰地表达设计需求，对吧？
00:01:33如果你自己都不知道什么是好的设计，
00:01:35又怎么能指望 Claude Code 凭空琢磨出来呢？
00:01:37所以在最基础的这一级，我们需要
00:01:39开始掌握几项技能。
00:01:41这三项技能分别是：撰写描述性提示词、
00:01:43指定框架并理解这些框架是什么，
00:01:46以及开始建立基础的设计词汇量。
00:01:50在这个过程中，只要简单使用计划模式，
00:01:53你就会开始建立其中的一些技能，因为
00:01:55它会问你一些问题，比如你想用什么技术栈
00:01:57来开发这个落地页？
00:01:58是 Next.js、原生 HTML 还是 Astro？
00:02:00你可能根本不知道这些是什么意思，
00:02:02但通过简单地打字询问
00:02:05“这些框架都是什么”，
00:02:07你就能开始在这个领域
00:02:11建立起一定程度的胜任力，
00:02:13关于框架之类的问题，你只需要开口问就行。
00:02:14计划模式还会迫使你思考设计决策
00:02:17以及你网站的实际目标，
00:02:19因为仅仅说“嘿，
00:02:20我想要一个 Argus 的落地页”是不够的。
00:02:21这样做意义何在？
00:02:23你追求的实际成果是什么？
00:02:25在当前的案例中，
00:02:26我们既想要候补名单注册，又想要产品展示。
00:02:29然后它会明确地询问我们
00:02:32关于风格的问题。现在，你马上就能发现，
00:02:35它给出的这些视觉风格再次
00:02:38显得很平庸，比如“深色科技感”、“简洁极简风”，
00:02:41对吧？
00:02:42这种描述还不够具体，无法让我们获得理想的效果。
00:02:45这也是大家都停步不前的地方。
00:02:47这就是为什么做出来的东西看起来都那么普通。
00:02:49对于我们来说，先选一个“简洁极简风”，
00:02:52然后只做首屏、
00:02:53功能介绍和行动召唤（CTA），然后提交。
00:02:55你现在可能在想：如果这一切都很基础，
00:02:58那我该如何写出描述性的提示词
00:03:01并建立基础的设计词汇量呢？
00:03:03说实话，
00:03:04这需要一些时间和经验。
00:03:06你接触得越多，
00:03:09看多了什么是“正确”的创意前端设计，
00:03:12你就越能领悟其中的精髓。
00:03:13我们会在后面的等级中详细讨论这一点。
00:03:16让我们看看它造出了什么——天呐，简直是 AI 垃圾。
00:03:20太丑了，对吧？简直平庸到了极点。
00:03:24甚至还带了紫色的渐变，
00:03:27不知道为什么 AI 迷之喜欢这种颜色。到底怎么了？
00:03:30哪里出了问题？即便用了计划模式，结果也就这样。
00:03:32事实就像你已经知道的那样，
00:03:35Claude Code 以及泛指的 AI，
00:03:37并不擅长前端设计。
00:03:38如果你给它的是那种缺乏描述性、枯燥的提示词，
00:03:42得到的就是这种产出，对吧？
00:03:44然而这种东西在各处都随处可见，
00:03:46顶多有一点点差别。那我们能做什么？
00:03:48怎样才能逃离第一级，摆脱这种设计地狱？
00:03:51但在那之前，
00:03:52先插播一段大家都喜欢的赞助商广告：我自己。
00:03:55我不久前刚刚发布了 Claude Code 大师课。
00:03:59这是从零起步成为 AI 开发者的最佳途径，
00:04:02特别是如果你没有技术背景，
00:04:04我每周都会更新课程。自发布以来，
00:04:07我们已经增加了超过一小时的新内容并更新了
00:04:1020 多个模块。如果你想参与其中，
00:04:13可以在 Chase AI 中找到它。
00:04:14置顶评论中有链接，
00:04:17但如果你完全是 AI 小白，
00:04:18觉得那个门槛太高了，
00:04:19那一定要加入免费的 Chase AI 社区。
00:04:22描述栏里有链接。
00:04:24好了，进入第二级，
00:04:25我们需要给 Claude 上一堂设计课。
00:04:28这是我们开始引入“技能（Skills）”的地方。
00:04:30我们开始带入外部的专业提示词，
00:04:33告诉 Claude Code 如何更好地设计。
00:04:36我们依赖的这些技能，比如“前端设计技能”
00:04:39和“UI UX Pro Max 技能”，将为我们承担
00:04:41大部分的繁重工作。
00:04:42它们会将这些提示词注入 Claude Code，
00:04:45告诉它：“嘿，如果你正在为这个行业创建网页，”
00:04:49“你应该关注这些方面。”
00:04:51“这里有一份 AI 垃圾设计的避雷清单，”
00:04:55“避开这些坑。”
00:04:56所以本质上，它会大幅强化我们的提示词。
00:04:58即使我们的原始输入很简陋，也能得到好结果，
00:05:00这就是 UI UX Pro Max 技能的样子。
00:05:03这是 GitHub 上的一个开源仓库，有 5.2 万个星标。
00:05:07我们可以进入里面的技能文件夹，
00:05:09查看一切是如何设置的。如果你想写，
00:05:12它其实全是文本提示词，是一堆
00:05:15充当 Claude Code 检查清单的文本提示词，
00:05:17再次强调，是为了让它摆脱那种平庸感。
00:05:19这样我们就不会被困在这里。现在要安装这个
00:05:21特定的技能，以及所有类似的技能，
00:05:23都非常简单。在 GitHub 页面上，
00:05:26已经为我们列出了说明。
00:05:27我们只需要输入 `/plugin marketplace`，
00:05:30添加技能，然后安装技能。
00:05:32我们直接在 Claude Code 终端运行这个命令。
00:05:35如果这听起来太深奥了，没关系，
00:05:37你随时可以复制这个页面的 URL，
00:05:40丢给 Claude Code 然后说：“嘿，”
00:05:41“我想安装这个技能。”
00:05:42现在让我们测试一下这个技能。
00:05:44我通过正斜杠（/）加载了该技能。
00:05:46你也可以使用自然语言说，
00:05:47“嘿 Claude Code，使用 UI UX Pro Max 技能。”
00:05:50然后我们会说，
00:05:51“我要你用这个技能重新制作这个落地页。”
00:05:54“需要什么尽管问我。”
00:05:55现在，类似于标准的 Claude Code 计划模式，
00:05:57它会问我们一些关于风格的问题。
00:05:59这次我们就按它的建议来，好吗？
00:06:03选一些特定的排版？没问题，听起来不错。
00:06:05然后是 CTA 的颜色。我们选橙色吧。
00:06:07我们要不惜一切代价摆脱那该死的紫色。
00:06:09Claude Code 完成了重新设计。让我们来看一看。
00:06:12这就是使用了 UI UX Pro Max 技能后的落地页。
00:06:15一眼看上去，进步巨大，对吧？
00:06:18我们终于有了像样的背景，还加了这些小方格装饰。
00:06:22按钮本身有了微妙的光泽，甚至在鼠标
00:06:25悬停时还会改变颜色。
00:06:27我们有了配图，而且不同版块之间的颜色也有了变化。
00:06:30所以这比之前好太多了，尽管它
00:06:33依然疯狂迷恋紫色。话虽如此，
00:06:36这还是能一眼看出是 AI 做的，对吧？
00:06:38这还不是那种让你看一眼就感到惊艳的
00:06:40作品。它看起来仍像是一个 AI 模板。
00:06:43一个设计过的 AI 模板，
00:06:46但本质上还是 AI 模板。归根结底，
00:06:48它和你之前看到的网站没什么两样，
00:06:49只是加了一点点表面装饰。
00:06:51那么我们该如何改进呢？
00:06:52如何从第二级晋升到第三级？
00:06:55因为这些“技能”固然不错，
00:06:56它们带来了一些色彩理论、排版、
00:06:59间距和通用的布局设计，但本质上，
00:07:02这依然很平庸。
00:07:04事实是，在需要掌握的技能中，
00:07:07最重要的一项是：
00:07:08我们如何用设计师的眼光来评估这个产出，
00:07:11然后将这些点评转化为提示词？
00:07:13这仍然是一个提示词问题，但问题在于，
00:07:16也就是我们要提到的陷阱，
00:07:18我们的描述能力是有上限的，
00:07:21特别是当我们刚起步的时候，对吧？
00:07:23我们缺乏足够的知识来准确
00:07:27表达问题所在，对吧？
00:07:27我在试图用文字去解释一种视觉媒介
00:07:31和一个视觉问题，这本身就会有信息损耗。
00:07:34那我们能做什么呢？嗯，
00:07:36我们需要开始向 Claude Code “展示”。
00:07:39我们需要给 Claude Code 演示
00:07:41我们想要达到的实际案例。对吧？
00:07:44所以要解锁第三级，
00:07:46我们就得开始摆脱纯文本提示词，
00:07:49进入视觉媒介的领域，对吧？
00:07:52我们要开始展示，而不仅仅是口头描述。
00:07:54第三阶段就是你成为视觉导演的阶段。
00:07:56在这个阶段，我们开始给 Claude 提供代码，
00:07:58以及我们想要达到的效果的详尽示例，对吧？
00:08:01这样我们就不仅仅是依赖文本和技巧了。
00:08:03我们现在要结合使用文本、技巧和视觉示例。
00:08:07这会有两个重大的突破。第一，
00:08:09相比于你对图像的文字描述，Claude 代码
00:08:12显然能更好地模仿你展示给它的图像。
00:08:15但其次，因为我们使用了图像，
00:08:17这意味着我们在参考其他网站，我们现在
00:08:20能够再次看到“什么是正确的”，
00:08:23业内真正的专家是怎么做的，以及我们如何模仿他们？
00:08:25现在，
00:08:26有很多地方可以为你的前端设计寻找灵感，
00:08:28我会列举其中的四个。
00:08:31第一个是 Awwwards。就是带有三个 W 的那个 awards。
00:08:34人们在这里提交他们的前端作品并
00:08:37接受评分。所以它非常有创意倾向。
00:08:40第二个是 godly.website。
00:08:42它是一个无限滚动的网站，你可以在那里
00:08:45看到一大堆不同的设计。第三个是 Pinterest，
00:08:48令人惊讶的是，它上面有一些非常酷的东西。
00:08:49在这里我只是搜索“SaaS 落地页”。
00:08:52当我找到一个喜欢的，
00:08:53我也能看到一大堆类似的。
00:08:56最后，我们有 Dribbble。就是带有三个 B 的那个 Dribbble。
00:08:58在这里我输入了“SaaS 落地页”。再次强调，
00:09:01我看到了很多看起来非常酷的东西。
00:09:04假设我看到了像 Open Hands 这样我喜欢的网站。
00:09:07我喜欢那种，你知道，
00:09:09顶部带有“成熟工作流”的滚动效果。
00:09:11我挺喜欢这种与众不同的配色方案。
00:09:14它让人一眼就觉得非同寻常。
00:09:15他们有社交证明，而且总的来说，
00:09:19我很喜欢这种风格，对吧？举个例子。所以，
00:09:22我要做的非常简单。
00:09:23我只需截取这个网页的一堆截图，
00:09:26把它们丢进 Claude 代码里并说：“嘿，这就是我想要的视觉风格。”
00:09:29在 Claude 代码里，我说：
00:09:31“实际上，我希望我们的网站匹配 Open Hands 的风格。”
00:09:34我给了它 URL。然后我说：
00:09:36“这里有一些截图供参考。”
00:09:38我把所有的截图都传了上去。
00:09:40现在它有了具体的视觉参考依据。
00:09:43至少对我来说，用文字来描述我想要的效果
00:09:45会相当困难，
00:09:47即使有“UI/UX 专家”这种技巧的帮助也是如此。
00:09:51正是通过这个过程，
00:09:52我们将开始挑选出真正优秀的视觉参考。
00:09:55外面有太多的优秀案例了。
00:09:57一旦你开始看得越来越多，
00:10:00像之前那种糟糕的东西就会让你完全没胃口。你会觉得：
00:10:03“当有这么多酷炫的东西可用时，我为什么要做出那种玩意儿？”
00:10:05随着你看的参考资料越来越多，
00:10:07尽管我们只是给 Claude 代码发截图，
00:10:09但这将帮助你更具体地表达你的需求，
00:10:12因为
00:10:12当你浏览这些参考资料时，你会反复看到
00:10:14同样的设计元素。
00:10:16而且你接下来还需要开始做的就是
00:10:18结合来自多个网站的参考，对吧？
00:10:21即使我们在这里使用了 Open Hands，
00:10:23我也可能在 Pinterest 或
00:10:26godly.websites 上发现了其他酷炫的东西：比如我想从这里借鉴这个，
00:10:28再从那里借鉴那个，对吧？
00:10:29我想提取所有这些不同网站的精华
00:10:32并将它们融合。然而，
00:10:33在这个阶段非常容易陷入一个特定的陷阱。
00:10:36我想说大多数人就止步于第三阶段了，他们明白“我得使用技巧”。
00:10:39虽然 Claude 代码起步很烂，
00:10:41但有了技巧和截图，我能走得很远。
00:10:42事实是这里有一个天花板，因为
00:10:45我们会有点卡在“审美差距”上。
00:10:49你会看到它生成的结果。
00:10:50它会变得“有点接近”，对吧？
00:10:52但它不会是完美的，因为再次强调，
00:10:55依然存在那种损耗效应，
00:10:57也就是我告诉 Claude 代码（它是完全基于代码的），
00:11:01给它看一张视觉图像并说：“嘿，把视觉效果翻译成代码。”
00:11:03这就是很多前端设计的问题所在。
00:11:05它是一种视觉媒介，
00:11:08但我却试图通过文本来打字描述它，同时，
00:11:10如果我扔给它视觉截图，
00:11:12仍然存在那个翻译环节。
00:11:15它究竟如何才能准确执行呢？嗯，
00:11:17事实是它是有极限的，我们可以
00:11:18在这里看到这个极限，
00:11:20因为这就是它根据那些截图创建出来的东西。
00:11:22这边是原版，这边是我们的版本。
00:11:24正如我过去说过的，
00:11:28这就是人们卡住的地方。
00:11:31因为如果我们滚动查看，比如，
00:11:32如果你眯起眼睛，
00:11:33你大概能看出它想要表达什么。
00:11:36大概完成了 50% 的效果。
00:11:37有些地方我们确实喜欢，
00:11:39但人们现在的做法是回到这里，
00:11:41再给 Hero 区域截一张图。好吧。
00:11:43让我们反复打磨 Hero 区域，
00:11:46进行大量提示，截图，重试。截图，重试。
00:11:49这会耗费很长时间，而且你永远无法真正做到完美。
00:11:51对吧？
00:11:53因为这涉及从截图到代码的翻译问题。
00:11:56所以，要从第三阶段跃升到
00:11:57第四阶段，
00:11:59我们不能只看这些网站的表面
00:11:59并从中获取灵感。
00:12:02我们需要学习如何真正地克隆它们，
00:12:03获取支撑像 Open Hands 这样网站的底层代码。
00:12:06这不仅仅是说，“哦，
00:12:08我们只是想克隆它，我们在抄袭。”
00:12:11不是的，克隆并弄清楚如何
00:12:15复制这些东西的过程能带给我们巨大的好处，
00:12:18不仅是因为模板化非常棒，
00:12:20而且你会接触到表面之下
00:12:23正在运行的真实代码，从而从
00:12:26第三阶段晋升到第四阶段。
00:12:30我们现在必须超越仅仅为了灵感
00:12:34而看网页截图的表面层次。
00:12:36我们现在需要学习如何深入表面，
00:12:38揭开幕布，看看这些网站
00:12:41在实际的代码组件、HTML、
00:12:44CSS 和 JavaScript 方面是如何构建的。
00:12:48所以，第四阶段就是“克隆者”。
00:12:51这是我们通过“偷师”专家来学习的阶段。
00:12:54让我把话说明白。
00:12:56这个阶段并不是说，“哦，
00:12:59我们要去剽窃别人的网站，直接照搬并说成是自己的。”事实并非如此。
00:13:02真实情况是，我们会找到喜欢的网站，
00:13:04对它们进行解构，然后将它们作为
00:13:05构建我们自己作品的模板。在这个过程中，
00:13:08我们会学到很多东西，就像学习任何领域的任何技能一样。
00:13:10你如何变得更强？看专家是怎么做的。
00:13:13尝试去模仿他们。
00:13:16通过努力追随他们，你会学到海量的知识。
00:13:20随着时间的推移，你会加入自己的风格，创造出
00:13:24原创的东西。这就是这个阶段的全部意义。
00:13:27为了真正从中获益，
00:13:28我们需要开始理解前端设计是怎么一回事。
00:13:30简单来说，前端设计可以分为三个部分。
00:13:33首先是 HTML。
00:13:35把它想象成网站的骨架，对吧？
00:13:37它是如何具体构建的。接着是 CSS。
00:13:39那是网站的样式，对吧？
00:13:42把它想象成网站穿的衣服。
00:13:45然后我们还有 JavaScript。
00:13:47把 JavaScript 想象成肌肉，对吧？
00:13:50它是当你点击按钮或执行操作时，真正让事情发生的部分。
00:13:52正是通过观察网站的这三个部分，
00:13:55我们才能够 A：更好地克隆或套用网站模板，
00:13:56B：理解它们是如何运作的，对吧？
00:13:59也就是解构网站并学习他们做法的整套理念。
00:14:01那么我们该怎么做呢？
00:14:02我们该如何解构，比如 Open Hands 呢？
00:14:05显然截图是不行的，因为那不是一回事。
00:14:08嗯，这相对简单。要获取 HTML，
00:14:10我们只需访问该网站，然后按 Ctrl + U。
00:14:13你所看到的就是完整的 HTML。
00:14:15我们要做的就是复制这个，
00:14:17对吧？我们要复制这整个内容。
00:14:21然后将其粘贴到 Claude 代码中。
00:14:25在这种情况下，内容通常会非常大。
00:14:28它有 1,152 行 HTML。现在在
00:14:33最最底部，
00:14:37你可以看到这里还有指向 CSS
00:14:39文件以及 JavaScript 的链接。
00:14:42这就是我在这里突出显示的部分。
00:14:44基本上在所有这些 HTML 文件的底部都会有这些，
00:14:48我把视图缩小一点。
00:14:50可能有点难看清，但在底部，
00:14:54我们有 JavaScript 也有 CSS。
00:14:56这些都是包含海量代码的实际文件。
00:14:58所以我们要做的就是在给它 HTML 之后，
00:15:01我们还要告诉 Claude 代码：嘿，
00:15:04看看 JavaScript，也看看 CSS，
00:15:06从而真正理解发生了什么。所以我写道：
00:15:09“也请查看 CSS 和 JS 文件。” 现在你可以在这里停下。
00:15:13它会自己使用 web fetch 来查看那些文件。
00:15:17问题是 web fetch 的工作方式是 Claude 代码调用 web fetch，
00:15:19它会调用一个较小的模型来代劳，对吧？
00:15:22所以当前的 Claude 代码实例并没有实际去访问那个网页。
00:15:24它使用的是一个小模型。小模型查看并总结，然后
00:15:29反馈给 Claude 代码。
00:15:31问题在于 CSS 和 JS 文件非常大，它们包含
00:15:35这个网站搭建过程中大量非常具体的细节。
00:15:39所以我们要的是全部，对吧？我不想要这些文件的摘要。
00:15:42因此，我创建了一个技巧，让 Claude 代码能更好地完成这项任务。
00:15:46它本质上是一个增强型提示语。
00:15:47它会根据需要抓取尽可能多的 CSS 和 JavaScript。
00:15:51所以我只需说：“使用站点拆解 (site tear down) 技巧。”
00:15:54我会把这个站点拆解技巧放在免费学校社区里，
00:15:58链接就在描述中。
00:16:03你只需要加载它，你也能做到这一点。
00:16:04总而言之，我都说了什么？我说：“这是 Open Hands 的 HTML。”
00:16:07“同时也查看 CSS 和 JS 文件。”
00:16:12“使用站点拆解技巧，并利用这些信息更好地克隆原版 Open Hands 网站。”
00:16:16现在，这如何能教育我们呢？首先，
00:16:18你可能完全不知道我是如何做出像这样的背景的，对吧？
00:16:21你可能并不真正理解，甚至不知道该用什么样的词汇
00:16:25同时也看下 CSS 和 JS 文件。
00:16:28使用“网站拆解”技能，利用这些信息来更好地克隆原始的 Open Hands 网站。
00:16:31那么，这能教给我们什么呢？首先，
00:16:36你可能完全不知道像这样的背景是怎么做出来的，对吧？
00:16:39对吧？
00:16:40你可能并不真正理解，甚至不知道该用什么样的词汇
00:16:43来让它更好地模仿这个效果，对吧？
00:16:46当我们只给它截图时，得到的是这种“嗯，你知道的，
00:16:50有点像，但又不完全是”的东西，
00:16:52但通过让 Claude Code 实际查看底层发生了什么，
00:16:56我们现在可以依靠 Claude Code 来教我们这些东西，因为现在 Claude Code
00:17:01已经从代码层面理解了其运行逻辑。
00:17:04我们现在可以与 Claude Code 进行深入对话，问它：“嘿，
00:17:07他们是怎么做到的？那是什么意思？什么是 GSAP？”
00:17:11比如：“他们是怎么做滚动动画的？这个是怎么做的？
00:17:13那个又是怎么做的？”
00:17:14随着时间的推移，当你克隆了越来越多的网站，并把它们
00:17:18当作自己项目的模板时——再次强调，
00:17:19你总会加入原创的创意。
00:17:21你只是把这当作一个基础。
00:17:23你的前端设计能力会日益精进，
00:17:26就像掌握其他任何技能一样。
00:17:29这就是你不仅接触到、而且开始将
00:17:31专业技术融入到你作品中的过程，
00:17:34但要达到更高的水平。就像我说的，你不能只是
00:17:38守在 Claude Code 键盘前的“搬砖工”，
00:17:41就像我们之前讨论过的一切。不能只是不停点击“接受”、“下一步”，
00:17:43因为那样你如何体现出差异化呢？
00:17:46所以在这个过程中我们需要掌握哪些技能？
00:17:48我们需要学习阅读并理解源代码。
00:17:51Claude Code 在这方面能帮到我们。
00:17:52我们需要识别出哪种技术对应哪种效果，因为
00:17:57在某种程度上，我们必须能够看到这些网站
00:18:02并立刻识别出：“哦，这就是正在发生的事情。”最后，
00:18:04我们需要学习如何将这些克隆模式适配到我们自己的设计中，对吧？
00:18:09我们不是在抄袭，而是在寻找灵感。
00:18:12如果你不掌握这些技能，
00:18:13你就会陷入这个陷阱：克隆天花板。
00:18:16你只会复制，却无法创造。
00:18:18你不会想要去理解背后的原理。
00:18:20所以你会遇到瓶颈。
00:18:22最终，我可以用街上的任何一个人取代你，
00:18:25只要告诉他们执行步骤一、二、三就行了，对吧？
00:18:27那没法让你达到想要的高度。
00:18:29所以让我们看看在给 Claude Code 提供了所有这些额外的代码上下文后，它构建了什么，
00:18:32这就是更新后的版本。
00:18:35显然这个版本看起来和原版非常接近，
00:18:39尤其是现在的背景看起来非常有质感。
00:18:41如果我们现在对比这两个，虽然还没做到百分之百还原。
00:18:45这基本上是它的第一轮尝试，但已经好得多了，
00:18:48非常接近我们的目标。
00:18:50如果我们想在此基础上继续迭代，
00:18:54让它更符合我们的喜好，那就容易多了，对吧？
00:18:57因为现在它本质上是在参考和 Open Hands 同样的“菜谱”，
00:19:01我们可以说：好，改一下这里，
00:19:04改一下那里。我看明白他们是怎么做的了，我们可以这样模仿。没错。
00:19:07再说一次，这就是学习过程的开始。例如，
00:19:10这个酷炫的背景是怎么实现的？
00:19:12以及我们如何实现和 Open Hands 一样的效果，即鼠标滚动时
00:19:17会消除部分背景。
00:19:19你只需要问 Claude Code：“背景是怎么实现的？
00:19:22我们怎样才能匹配那个效果？”每当你这样做，
00:19:25你就在你的工具箱里增加了一件工具。
00:19:27于是 Claude Code 解释了这个效果的原理，更好的是，
00:19:32它现在在我们自己的背景上也实现了正确的效果。非常棒。
00:19:35但出于显而易见的原因，我们不想停留在第四阶段。
00:19:38我们不想只做一个“克隆者”，对吧？
00:19:42我们想加入自己的想法，把它变成我们自己的东西。该怎么做？
00:19:45我们如何开始进入第五阶段，加入自己的特色？
00:19:48这就是我们开始玩转组件和自定义资产设计的地方。
00:19:53这是我们引入自己元素的时候，不再只是完全复制
00:19:56其他网站的做法。
00:19:57开始尝试最简单的方法之一就是在像 21st.dev 这样的网站上寻找优质组件。
00:20:02从很多方面来说，这和我们寻找网站灵感并借鉴其部分内容类似，
00:20:04但在微观层面，也就是组件层面。
00:20:11例如，在 21st.dev 这样的地方，
00:20:14我可以看左边的“按钮”等分类。
00:20:17我会看到一堆不同的
00:20:21按钮设计。如果我发现一个喜欢的按钮设计，比如
00:20:26类似这样的。那么我只需复制这个提示词，
00:20:29带入 Claude Code 并说：“嘿，我们把这个按钮设计整合进来。”
00:20:33这适用于任何类型的按钮，对吧？
00:20:36我们有轮播图、滚动区域、地图、
00:20:40导航菜单、图像等等，应有尽有。
00:20:42而且不局限于 21st.dev。我们还有像 CodePen 这样的网站，对吧？
00:20:46CodePen 也有很多酷炫的设计供我们借鉴。
00:20:50Monet 是另一个非常酷的网站。事实上，
00:20:52有很多地方可以找到这类酷炫的组件，
00:20:57并开始将它们集成到你的网页中。
00:20:59但如果我们想要更定制化的东西呢？
00:21:01我不想只是复制一堆从别处找来的随机组件。
00:21:04我该如何实现真正的原创？你有两个选择。
00:21:08第一种是仍然使用 21st.dev 的组件，
00:21:11但我们通过提示词让 Claude Code 去修改它。毕竟它只是代码。
00:21:14这段提示词会给我们准确的代码，然后我们可以根据心意
00:21:18进行微调。或者我们完全可以亲自动手创建。我是说，
00:21:21如果我们在 Pinterest 上看到像这样非常有艺术感的
00:21:25酷炫着陆页，那么，没有理由说
00:21:29我们不能用 AI 来创建类似的图像，
00:21:34让它成为人们访问我们页面时的视觉焦点。
00:21:36而且这些不仅限于静态图像。我是说，
00:21:39我们完全有能力在背景中添加视频，
00:21:42并将其与特定的滚动动画挂钩，再次
00:21:45利用我们在第四步中发现的想法，并将其转化为自己的东西。
00:21:49那么让我们实际操作一下。让我们快速重新设计我们的网页，
00:21:53摆脱这个 Open Hands 克隆版，去设计一些酷炫的
00:21:57AI 艺术作品，让它成为你进入我们网站时首先看到的内容。
00:22:01现在的流程你已经很熟悉了，
00:22:02首先我们需要寻找灵感。在 Pinterest 上刷了一会儿后，
00:22:07我看到很多网站在首屏（Hero Section）背景中使用这种
00:22:10近乎卡通化或风格化的图像。
00:22:14然后我们会在左边放一些文字。
00:22:16现在你可以开始引入一些视觉叙事了，对吧？
00:22:19我们要创建的 App 叫 Argus，对吧？
00:22:22我们需要想出一个理想的标语，
00:22:27最好能与图像本身相呼应。比如对于 Argus，我们想表达什么？
00:22:30Argus 是神话人物，有一万只眼睛。
00:22:33我们谈论的是社交媒体。
00:22:34我们谈论的是在他人之前发现事物。
00:22:37所以我给出的标语是：预见未来。很简单。
00:22:41很简洁。你知道是谁帮我想出来的吗？
00:22:44显然是 Claude Code。然后我对 Claude Code 说，
00:22:47我说：“嘿，
00:22:49我们在这里讨论的是视觉叙事。”
00:22:51“在图像方面我们能有什么创意？”对吧？
00:22:54因为在这个阶段，我们要加入原创元素，对吧？
00:22:57我可以借鉴这里看到的布局概念，
00:23:01但图像必须是我自己的。再说一次，
00:23:04拥有能与你的应用程序实际功能
00:23:07挂钩的视觉叙事，会非常非常有说服力。
00:23:10所以我最终根据 Claude Code 给我的建议
00:23:15创建了一张图，我用了 Midjourney。当然，
00:23:18你可以使用任何你喜欢的图像生成器，
00:23:21无论是 Nano Banana Pro 还是 Seed Dream，都无所谓。
00:23:24我真的很喜欢用 Midjourney 来制作这种类似概念艺术的作品，
00:23:28因为 Midjourney，尤其是版本 7——
00:23:31我还没怎么测试过版本 8。
00:23:33你可以给它一个有点奇怪的提示词。比如我给出的提示词是：
00:23:38“我需要一张背景图片，作为一个叫 Argus 的网站的着陆页。”
00:23:41“标语是：预见未来。”
00:23:43就凭这样一个非常简单、甚至有点模糊的提示词，
00:23:47我得到了很多很酷的选择。
00:23:50我看到这个，觉得：“哇，这看起来太酷了，对吧？”我现在就能想象出，
00:23:55把信息放在左边，
00:23:59顶部放一些东西。我可以玩出花样。我觉得
00:24:02这非常酷。也许我们甚至可以在某个点加点动画。
00:24:06一旦有了图片，剩下的就很简单了。
00:24:10我下载这张图，把它给 Claude Code 并说：“嘿，
00:24:13我想用这张图片作为背景重新构思首屏页面。”
00:24:17在 Claude Code 中我说：
00:24:19“我想彻底改变前端。”
00:24:21“我想用这张图作为首屏背景。”
00:24:24“把 Argus 应用的信息放在左侧，”
00:24:27“右侧留白以展示图片，标语设为‘预见未来’。”
00:24:30我们来看看效果。再说一次，
00:24:34在这个层面上，你需要开始让你的创意流淌出来，
00:24:37因为直到现在，
00:24:39你已经接触到了许多不同的前端设计，
00:24:43而不是每个 SaaS 模板里都能看到的平庸内容。
00:24:46这意味着一些酷炫的艺术，无论是什么，再次强调，
00:24:48视觉叙事就是我们的目标，它会真正提升你的水平。
00:24:52这就是我们更新后的首屏部分，使用了全新的
00:24:56背景图。我把它缩小了一点，
00:24:58这样你就能看到全貌。Claude Code 同时也
00:25:02更新了所有的配色。当然，这只是第一轮尝试。
00:25:06我们只是添加了这个背景，但立刻，
00:25:09你会觉得它更有原创性、
00:25:12更有创意，脱颖而出了，对吧？
00:25:15现在我们开始添加更多个性化的元素。
00:25:19首先可以简单地放大这张图片。你可以
00:25:21在 Midjourney 里操作，因为正如我们所见，
00:25:24图片感觉有点拉伸，细节不如预期，
00:25:28或者我们可以增加动效。
00:25:30背景不一定要是静止的。
00:25:32我们实际上可以在后面放一段视频。
00:25:34把它转换成视频非常简单。
00:25:36你只需前往 Kling 3.0 或 Veo 3.1 等工具，
00:25:40任何可以设置起始帧的地方。
00:25:41理想情况下，你也可以设置结束帧。就像你在左边看到的，
00:25:45这样它就不会产生奇怪的动作，因为你得记住，
00:25:49理想状态下它应该是一个完美的循环。
00:25:52有时很难让 AI 图像完美循环。
00:25:55所以次优的选择是创建一个较长的视频，大约 15 秒。
00:25:59而且你希望动作是细微的。就像你在这里看到的，对吧？
00:26:03如果我把这作为背景，即使鸟儿完全不动，
00:26:07也没关系，就像一种视差效果。
00:26:11既然是首屏页面，而视频时长 15 秒，
00:26:14用户不太可能盯着看 30 秒来发现破绽。
00:26:18所以就算结尾处有一点不连贯，
00:26:22也完全没问题。幸运的是对于这一张，
00:26:24因为动作非常微小，
00:26:25你几乎感觉不到第 15 秒切回第 1 秒时的变化。
00:26:29所以我们就用这个。你可能还会问，
00:26:31性能方面怎么办？关于桌面端的性能，
00:26:35视频完全没问题，但我们会告诉 Claude Code：“嘿，
00:26:38如果是手机用户访问移动端网页，”
00:26:42它就不会为他们加载视频，而只会加载那张静态图片。
00:26:45所以我把新加的高清图片给了它，并说，在移动端使用这张图。
00:26:50然后我给了它视频链接并说，嘿，
00:26:52把 Hero 区域的内容替换掉。
00:26:54现在来看看加入了动效后的页面，
00:26:58对吧？我觉得看起来非常棒。另外一点是它很微妙，对吧？
00:27:02你肯定不想做那种疯狂的动效，让背景看起来像个完整的电子游戏，
00:27:06除非你很清楚自己在做什么，
00:27:07但像这样有着微妙云朵移动的效果，
00:27:11底部还有流水在波动，对吧？这再次赋予了，
00:27:14赋予了你的网页，
00:27:15一些性格，而赋予网页某种程度的原创性格正是第五级所关注的。
00:27:19就像我一直说的，前四个级别，我们是在学习基础，学习专业人士的做法。
00:27:22在第五级，我们实际上是在进行自定义。所以就像你处理 Hero 区域那样，
00:27:25你也需要开始这样去处理每一个其他部分，对吧？
00:27:28比如这些卡片，这些卡片太丑了。这里的背景也有点无聊。
00:27:32每次都是一模一样的东西。那么我要怎么做呢？
00:27:36我会去寻找灵感。我会去 21st Thought Dev，我会去 Awwwards。
00:27:38我会把灵感带入 Claude Code。然后我会不断地迭代、迭代、
00:27:42再迭代，直到把它调整到我真正满意的程度。现在在这个阶段，
00:27:45当你进行所有这些视觉编辑时，你会觉得坐在 Claude Code 里，
00:27:48会感到有点受限。再次强调，
00:27:51在终端里使用文本与尝试在视觉媒介中摆弄事物之间，
00:27:54总是存在某种张力。所以在第六步，
00:27:58我们要开始稍微跳出 Claude Code，因为在第六级，
00:28:03我们开始引入一些外部工具，让我们能够更具体地
00:28:06控制这些视觉元素的组合方式。
00:28:11我们有很多可以使用的工具。
00:28:14比如 Paper.design，有 Stitch，还有 Figma，对吧？
00:28:17还有 Pencil.dev。
00:28:21现在你已经具备了构建能力和技巧，可以引入这些外部
00:28:22程序来进行更多磨合，而一个非常值得尝试的工具，因为它非常推崇 AI，
00:28:26且简单易用，那就是 Stitch。它还是免费的，对吧？
00:28:29这是 Google 推出的，本质上是给我们提供了一个处理前端设计的视觉画布。
00:28:33我在这里做的并不是从零开始。
00:28:37我们是在做重新设计。所以我给了它我们网站的截图，
00:28:38包括 Hero 页面和剩下的部分。
00:28:42我说这是目前的网页设置。我非常喜欢 Hero 区域，
00:28:45我喜欢那里的审美和配色，
00:28:47但我想要更新我们网站的整个下半部分，好吗？
00:28:51感觉太单调了，对吧？
00:28:53我想引入上面这里的意象和色彩。看看你能设计出什么。
00:28:57所以让我们来看看它为我们生成的重新设计方案。
00:28:59这就是我们的成果。
00:29:03Stitch 的酷炫之处在于，我可以让它对重新设计方案再次进行重新设计。
00:29:05如果我选中这个，
00:29:08你可以看到它在下方展开，我可以像对任何聊天机器人一样对它下指令。
00:29:10我还可以右键点击它并转到 "变体"，再次
00:29:14更改布局、配色方案、图像等等。
00:29:15因为这是在 Stitch 中进行的重新设计，而不是从头构建，
00:29:18所以这只是它创建的一张图片。
00:29:22但这是我可以完全右键复制的东西。
00:29:24然后把它带回 Claude Code 并说，嘿，
00:29:28你觉得这个怎么样？再次强调，
00:29:30这些视觉编辑器工具非常适合构思过程。
00:29:34而且这种工具还有很多。Pencil.dev 是另一个，
00:29:37你会到处看到它。
00:29:38如果你在使用 Cursor 或 VS Code，这个工具效果非常好，
00:29:43因为你可以直接调出画布并实时编辑内容。
00:29:46这个领域有很多工具，而且每周都有更多新工具上市。
00:29:47所以我把那张图片丢回了 Claude Code，大概意思是，嘿，你觉得这个怎么样？
00:29:50你觉得我们用背景图片做的这种毛玻璃效果怎么样？咱们试试吧。
00:29:54这就是你从现在起直到网站达到你满意的程度
00:29:58所要做的事情，
00:30:01因为这是前端设计中你不断磨合的阶段。
00:30:03你要反复地雕琢、雕琢、再雕琢。
00:30:06到目前为止，你已经建立了识别目标的能力，
00:30:08但这只是一个极其反复的过程，没有什么真正的捷径。
00:30:12但再说一次，你现在拥有了所有可以支配的工具，
00:30:12无论是寻找灵感还是实际操作。
00:30:15在我自己雕琢了大约 20 分钟后，
00:30:16这就是我用 Argus 得到的成果。首先，
00:30:21你会注意到一些细微的变化，它们赋予了页面重量感，
00:30:25给人一种更高级的感觉。首先是加载部分，对吧？
00:30:27当我刷新这个页面时，你看到了什么？
00:30:31你会注意到在所有文本加载之前有一种停顿感，
00:30:34它赋予了页面分量，让它感觉更有质感。
00:30:37你还会注意到我更改了字体。字体非常重要。排版至关重要。
00:30:40你可以去哪里查看不同的字体并获取一些灵感呢？
00:30:43一个绝佳的地方是 Google Fonts。
00:30:45他们有无数种字体，全部免费。
00:30:49它们按不同类型分类，Claude Code 可以使用其中的任何字体。
00:30:52所以如果你在想，“啊，我不确定该用哪一个”，一定要去看看 Google Fonts。
00:30:57我们在下面添加了一个滚动区域。
00:31:00我们底部加了这个滚动条，它同时也充当了
00:31:03视频和下面的图片背景之间的边界。之前
00:31:06这种从视频 Hero 区域到相同图片背景的过渡
00:31:08非常突兀，但这样处理后有了一个非常自然的边界。
00:31:11你还会注意到我们从 Stitch 带过来的变化。
00:31:14我们现在有了这种毛玻璃效果，不过我们还需要再稍微调整一下。
00:31:19你会注意到它在回弹时可能会被切掉一点，
00:31:25但它再次展示了赋予我们作品性格的背景艺术。
00:31:30然后你还能看到一些微妙的细节，对吧？
00:31:35如果我在这里刷新，
00:31:38你会注意到计数器直接从 0 快速增加到 1000 万。我是说，
00:31:41这些边际上的小细节表明你确实用心在做这个网站，
00:31:44并带有一种专业上的自豪感。
00:31:48你甚至会注意到这种扫光效果划过“AI 工具”和“内容策略”。
00:31:52再次强调，就是这些小细节。
00:31:54正是这些细微之处，说实话，大多数人甚至可能根本不会注意到。
00:31:59然而当你把所有这些结合在一起时，
00:32:03你最终得到的是一个连贯的作品，一个你倾注心血创作的作品，
00:32:07无论你是否使用了 AI 作为工具。
00:32:10关键在于它是经过精心雕琢的。它包含了所有那些小细节。
00:32:12我是说，甚至像顶部的滚动条，对吧？你看它是如何推进的。
00:32:16再次重申，全是这些非常微小的细节。那么我是怎么写提示词的呢？
00:32:20嗯，坦白说，
00:32:24这只是我们到目前为止讨论的所有内容的结合。比如，
00:32:27我看到了我喜欢的那种东西。
00:32:31我会截图并把它们带入 Claude Code。但更重要的是，
00:32:34我并不是网页设计专家。所以我针对某些事情做了处理，
00:32:38比如我立刻就知道，嘿，
00:32:40我喜欢我们在 Stitch 中看到的毛玻璃卡片，对吧？
00:32:42因为记住，是 Stitch 先给了我们这个灵感。
00:32:45而 Claude Code 最初做出来的卡片只是平面的，对吧？
00:32:48它们没有任何那种跳出页面的质感。所以我说，嘿，
00:32:52让我们给它们一点分量，让它们从页面上“跳”出来。
00:32:53但我同时也告诉了 Claude Code，我说，嘿，
00:32:57我希望你在做这些事情时，
00:32:59去网上搜索一下关于网页设计的最佳实践。
00:33:03除了想出“我们想让这些卡片如何弹出并赋予它们分量”之外，
00:33:06再想出一些其他能让我们的网站看起来更高级、
00:33:08但又不失微妙的方法。它随后提出了一堆不同的想法。
00:33:12我让它过了一遍所有的想法，舍弃了一些，保留了一些，
00:33:17但这就是大致的创作节奏，对吧？
00:33:20你不必完全依赖自己。
00:33:22Claude 可以去网上查看最佳实践，但请记住，
00:33:25控制权始终在你手里。
00:33:29你坐在驾驶座上，不要害怕在其中寻找乐趣。
00:33:32就像我说的，所有这些小细节，这就是你再次赋予它性格的地方，
00:33:36也是你让它真正属于你的地方，对吧？
00:33:40我们越能让它成为你在这片领域中创作精神的反映，
00:33:41它看起来就会越好。真的，
00:33:45因为如果它是你以及你想要呈现在屏幕上的内容的反映，
00:33:47那么很难称之为“AI 垃圾（slop）”。
00:33:50也很难称之为 AI 模板，因为它是属于你的。
00:33:53虽然这一级表面上是关于如何使用 Stitch 这样的外部工具，
00:33:57但我认为第六级其实就是我刚才所说的一切。
00:34:02比如利用 Stitch 这样的外部工具进行迭代。
00:34:04但最终在这个层级，
00:34:08你终于能够进行创造性思考，在前端设计领域表达自我，
00:34:11并将 Claude Code 作为工具；而在最初的几个层级里，我们只是在跟着走。
00:34:14这让我们来到了最后一层，第七层，对吧？那里又是怎么回事？
00:34:17那些关于 3D 的东西是什么？嗯，剧透一下。
00:34:19这大概是一个我们大部分人都不会去涉足的领域。
00:34:23没错。当我们谈论“前沿”、“架构师”和 3D 内容时，
00:34:25那是“大人物”玩的游戏。
00:34:27这并非我们目前能轻易做到的。我认为直到今天，
00:34:312026 年 3 月下旬，
00:34:34我不确定这是否真的进入了我们的能力范围，因为这时我们开始谈论
00:34:37自定义 WebGL、着色器（shaders）和 3D 体验。
00:34:41这就是我们要讨论的内容。
00:34:45比如那些看起来简直像电子游戏的网站。我是说，以这个网站为例。
00:34:51你觉得这是那种我们可以直接按 Ctrl+U、Ctrl+A，
00:34:55查看一下 HTML 和 CSS 就能弄明白是怎么回事的东西吗？
00:34:57不，不，这全是，这就像是艺术，对吧？
00:35:02这是一个设计师团队花了很长、
00:35:05很长时间组合而成的，它绝对华丽。现在，
00:35:07理论上 AI 能做到吗？也许吧，但我实话实说。这，
00:35:12这已经远远超出了你我的水平。
00:35:13我把它放进来纯粹是为了向你们展示什么是有可能的。
00:35:17因为当你看到这样的网站时，如果你想看更多，
00:35:20去我之前提到的 Awwwards，
00:35:25去看他们的“每日最佳”或“每月最佳”站点，它们都有共同点，
00:35:30即全都是高度定制化的东西。
00:35:34也许在几年后，AI 会允许我们进入这个领域玩耍。
00:35:37但它真的非常酷。
00:35:41整个网站设计领域真的太有趣了。
00:35:45这些东西简直就是艺术。就像我说的，
00:35:47当你刚进入这个领域时，
00:35:50你只会一遍又一遍地看到相同的 SaaS 套路。
00:35:53但当你看到这种作品，你的思维会被震撼。
00:35:54这就是非常典型的第七级。
00:35:57如果你知道如何利用 AI 做出这种效果，那嘿，
00:36:00你应该去 YouTube 上发视频。
00:36:03因为我也很想学，但是，
00:36:07我设置这一级纯粹是为了展示这个 Igloo 网站。
00:36:09因为它太酷了。所以，
00:36:12一定要去看看，让它震撼你的大脑，
00:36:16并思考未来你可以做些什么。
00:36:17在我们利用 Claude Code 探索前端设计七个层级的最后，我就在这里止步。
00:36:19我希望你从中获得的最重要的，
00:36:22是掌握这些技能以达到这种水平的进阶思路。
00:36:24因为这是完全可行的。思路是，
00:36:27首先我们要看到我们喜欢的东西，
00:36:29然后我们要学会如何去解构它。
00:36:30我认为“克隆网站”的完整理念非常、非常重要，对吧？
00:36:34因为通过让 Claude Code 引导你了解别人是如何创建你所喜爱的网站的，
00:36:38你会学到很多东西。在这个过程中，
00:36:42你会接触到你以前甚至不知道可以实现的所有这些不同技术和效果。
00:36:43然后，你就可以回到自己的网站，
00:36:46并以你的创作风格去应用它们，对吧？这才是真正的目的。
00:36:51重点不在于，嘿，
00:36:56有一项超特别的技能，你在 Claude Code 里用了它，
00:36:58然后哇，看这网站。实话实说，如果真有那么简单，
00:37:01那每个人的网站都会很好看。但事实并非如此。
00:37:03所以很明显，这并不容易，对吧？里面还有很多学问。我是说，
00:37:06关于 AI 没有“审美（taste）”的说法，
00:37:10我认为有一定的道理，
00:37:14但我认为更准确的说法是，
00:37:18我们很难清晰地表达自己的审美，而我们难以表达，
00:37:21是因为我们甚至不知道该使用哪些准确的词汇，
00:37:26因为我们不是网页设计师。我们不了解那些专业词汇。
00:37:30我们不知道相关的术语。
00:37:33事实上，在所有的 AI 领域，这都是很普遍的现象，不只是网页设计。
00:37:37对于任何编程相关的事情也是如此。
00:37:40如果你不是出身于这个领域，
00:37:44你就是不知道该如何从字面上“说这种语言”。所以这就导致了，
00:37:47你与 Claude Code 之间存在一种翻译劣势，
00:37:48最终结果就会变得平庸和大众化。但希望通过走完这条路线图，
00:37:53你能看到一条随着时间的推移，逐步缓解这些问题的道路。
00:37:57希望你能有所收获。我做这个过程非常开心。嗯，
00:38:02一如既往，请在评论区告诉我你的想法。记得去看看
00:38:05Chase AI Plus，如果你想学习 Claude Code 大师课，
00:38:06我们非常欢迎你的加入，我们回头见。
00:38:10en général, pas seulement pour le design web. Hum, ça s'applique aussi à tout ce qui touche au codage.
00:38:13Si vous ne venez pas de ce milieu,
00:38:15vous ne savez tout simplement pas comment parler la langue, littéralement. Et cela crée une sorte
00:38:19de désavantage de traduction, vous savez,
00:38:21entre vous et Claude Code, et le résultat final devient quelque chose
00:38:25de bâclé et de générique, mais j'espère qu'en suivant cette feuille de route,
00:38:29vous verrez un chemin pour atténuer certains de ces problèmes au fil du temps.
00:38:32J'espère donc que vous en avez tiré quelque chose. J'ai eu du plaisir à faire ça. Hum,
00:38:37dites-moi ce que vous en avez pensé dans les commentaires, et comme toujours, n'oubliez pas de jeter un œil à
00:38:40Chase AI Plus, si vous voulez mettre la main sur la masterclass Claude Code,
00:38:43nous serions ravis de vous y accueillir et je vous dis à bientôt.