三步将 Claude Code 变成设计天才

AI 没有品味。

你肯定懂这种感觉。打开一个网站，半秒内你就知道是模型做的。同样的字体。同样的紫色渐变。同样的圆角卡片漂浮在同样柔和的灰色上。没人告诉你这是 AI 生成的，但你就是能看出来。

有段时间我以为这是模型的问题。比如模型还不够好，再等一年。但这是错的。就算明天模型强十倍，也解决不了这个问题。结果只是“千篇一律“的样子换了个新位置。问题从来不在模型，而是 AI 没有品味，而且我们大多数人根本没给它任何品味。

我每周都会在 YouTube 刷视频，找那些真正经得起实战场考验的工作流。大部分都不行。直到我找到 Chase 的一个方法，专门解决 Claude Code 里这种“AI 垃圾“的问题。我在一个虚构的 SaaS 网站（一家假想的 AI 基础设施公司）上从头到尾跑了一遍，从一次性生成的垃圾基线到最终页面。这是第一个我试过、中途没有悄悄崩溃的设计工作流。

让我带你走一遍。我会告诉你我保留了哪些、改了哪些、哪里真正重要。因为我经营一家 MVP 机构，设计就是客户说“酷炫演示“和客户付钱之间的分水岭。

以下是完整的分解。

首先，“AI 垃圾“到底是什么

让我解释一下垃圾的真正含义，因为它不是人们想的那样。

垃圾不是 bug。不是布局断裂或拼写错误。网站运行正常。但就是千篇一律。它看起来像是模型见过的所有网站的统计平均值——实际上它就是。平均字体。平均间距。所有东西都是平均。回归均值，用 HTML 渲染。

关键在这里。你无法通过更用力地提示来修复千篇一律。“让它更高级“没有用，因为模型根本不知道“高级“对你意味着什么。它没有参照物。没有品味。它也在猜测“高级“的平均值。

解决办法说起来简单，做起来需要真功夫。你必须把你的品味注入到过程中。不是模型的品味。是你的品味。这就是全部的关键，也是让输出真正属于你而不是别人的东西。

这个工作流有三步：培养品味，给 Claude 合适的工具，然后用正确的方式搭建。

几乎每个人都会犯的错误

在讲步骤之前，先要纠正一个观念。

几乎所有人都把 Claude Code 当成老虎机。你输入“给我建一个高级 SaaS 着陆页“，拉下摇杆，祈祷。如果不好你就输入“让它更好“，再拉一次。这不是工作流。这是赌博。

我这样做了好几个月。失败的原因是你让模型凭空猜你的品味，一次一个提示。你永远赢不了。所以别再拉摇杆了，给它一些真实的东西来工作。

第一步：先培养你的品味

这是人们最想跳过的一步，也是最重要的一步。

你无法注入你没有建立的品味。所以在碰 Claude Code 之前，先去收集你真正喜欢的设计库。我用三个地方：Dribbble 找精致的着陆页，Pinterest 找你想不到的 hero 区域和布局，还有 X（老实说我最喜欢），因为那里的设计人正在做你在其他地方看不到的东西。

任务又蠢又简单：滚动，找到你喜欢的东西，截图。如果可以也保存链接。一直做到你有一个文件夹，这个文件夹基本上就是你的品味图片。

现在精彩的部分来了。不用把它们丢在一个随机文件夹里，让 Claude Code 给你建一个小网页应用，成为你的灵感库。它会按风格分组截图，标记每个设计的实际内容，并给你相应的词汇。这样截图不只是“看起来酷“，而是“体素渲染景观，暖色调，粗衬线“。那个词汇就是你后面要反馈给模型的东西。而且它可以直接从你保存的参考中生成图像提示和构建简报。

这就是旧方法和新方法的一次转换。旧方法：从零开始，寄希望于运气。新方法：从一个已经有效、已经属于你的精选素材堆开始。

第二步：给 Claude 它没有的装备

Claude Code 开箱即用还不错。但有一些技能和 MCP 能把它从“还不错“提升到真正的设计高手。这是我依赖的三个。

Impeccable。 这是目前最好的前端设计技能，没有之一。它是开源的，在 GitHub 上有超过 50,000 星，而且 GitHub 很喜欢它，把它纳入了自己的 AI 工具集。它是一个包含 23 条命令的技能。运行“bolder“可以让安全的设计向冲击力推进而不至于混乱。运行“overdrive“或“clarify“可以清理不同的东西。底层它会在七个领域猎杀垃圾：排版、颜色、间距、响应式、交互、动效以及页面上的实际文字。它甚至有一个实时模式，你可以逐个组件点击浏览你的网站，实时修复问题。这最接近用手设计而不是用终端设计。

Taste Skill。 如果你不喜欢 Impeccable，这是另一个我信任的技能。第二版刚刚发布，超过 68,000 星，工作方式一样。它会找到 AI 的痕迹，强化你的布局，修复排版和间距，把输出推向独特而不是模板。这两个都比 Anthropic 默认的前端技能高出一个档次。

Higgsfield MCP。 这个给 Claude 一个它自己完全没有的能力：制作图像和视频。我主要用它来生成 hero 图像。安装一次，它就把 Claude 连接到几乎所有图像和视频模型，现在当你的页面需要一个 hero 背景时，Claude 直接生成，而不是你去寻找一张半合不上的库存照片。

还有一个更低调的：21st.dev，用于单个组件。按钮、定价区域、卡片。找到你喜欢的，复制提示，粘贴到 Claude。和你的品味库思路一样，只是聚焦在小部件上。

现在是诚实的警告，因为 Chase 提到了这一点，他是对的。不要掉进工具兔子洞。很容易以为你离完美设计只差一个神奇的技能。不是的。那些花哨的一招鲜技能都给你一模一样的一种外观，只是更花哨的垃圾。我坚持用 Impeccable 和 Taste Skill 是因为它们灵活，而不是规定性的。单靠它们不会给你一个优秀的网站。那仍然来自你的品味和你的提示。

第三步：先铺开，再收窄

这一步改变了我的做法。

不要再试图一次性完成。真的。做法是先撒一张大网，然后收拢。现在当我开始做一个页面时，我不会要求一个版本。我会要求五个，五种不同风格。同时呈现，在一个屏幕上。

为什么五个？因为我真的不知道我想要什么，直到我把它和其他选项放在一起。坐在终端里试一个、再试一个、再试一个——又慢又盲目。让我并排看到五个方向，十秒钟后我就知道往哪走了。

所以我选择一个感觉对的方向。比如它是个安静、极简、编辑式的风格。然后我要求三个不同正文布局的版本。从这三个中选一个。现在我已经从空白页面到真正的方向，只用了两轮，一次都没有赌博。

然后我引入 Higgsfield，生成 hero 图像。我会要求四个选项，选一个，再对这一个要求几个颜色变体，选最终版。同样的先宽后窄，只是针对图像。

最后一部分，这个很好。不用一遍遍输入“把标题放大“来猜字体和颜色，我让 Claude 在开发服务器上直接建一个调整栏，就像 Claude 自己的设计工具里那种。字体、大小、强调色、动效、间距，全部用滑块和开关。现在我不需要要求十次重建。我拖动滑块，看着它实时变化，直到看起来对。

就是这样。看到你的选项，选一个方向，实时调整。不用祈祷。

而且这不止一次有效。我用同样的工作流又做了一次，为一个虚构的汽车品牌，从一次性模板到最终页面，得到了同样的飞跃。一次提示给了我一个暗色模板、青柠按钮和用 CSS 画的卡通汽车。工作流则给了我一个电影般的金色时刻 hero，看起来像真正的汽车广告。

什么时候停止调整

简单提一下，因为这点经常让人卡住。

你可以调整到永远。别这样。一旦 hero 落地，正文有了观点，就发布上线。滑块是用来找到外观的，不是让你瞎折腾三个小时的。我的规则很简单：当我停止发现明显错误的东西，开始寻找可能稍微更好的东西时，我就完成了。那就是界限。

需要注意什么

跑完这个工作流后，几个诚实的注意事项。

如果你的品味库很薄，工具也救不了你。垃圾参考进去，平均网站出来。在第一步上花真功夫。

规定性的一次性技能是陷阱。它们在演示中看起来很棒，但每次给你一模一样的一种外观。跳过它们。

还有，这不是魔法。它是一个灵活的过程，不是一个按钮。不需要逐字照做。关键是现在你在掌舵，而不是拉摇杆然后祈祷。

这到底意味着什么

这是我反复思考的部分。

过去两年整个讨论都在问“AI 能不能建出东西“。这个问题基本上已经死了。它能。现在谁都能建。所以建不再是你护城河。

品味才是。

当每个人都能用一个提示发布一个可用的网站时，区分演示和付钱客户的唯一标准就是它看起来是否像一个在乎的人做的。就这些。在我们的机构里，这正是“看起来酷“和有人付钱之间的精确界限。设计不再是最后的 10%。它是全部的竞争优势。

所以如果你一直让 Claude 一次性生成你的页面，却好奇为什么感觉千篇一律，这就是解决办法。建立你的品味。给模型真正的工具。先宽后窄。你将不再输出垃圾。

我们还在非常早的阶段。大多数人甚至不知道这是一项可以培养的技能。

TLDR

→ AI 没有品味。更好的模型不会修复它，它们只是移动“千篇一律“的定义。

→ 你无法通过提示逃离它。你必须注入你自己的品味。

→ 第一步：建立一个灵感库，然后让 Claude 把它变成一个带标签的品味应用。

→ 第二步：添加 Claude 没有的装备。Impeccable（51,013 星）、Taste Skill（68,083 星）、Higgsfield MCP（用于图像）、21st.dev（用于组件）。

→ 第三步：绝不一次性完成。五种风格，选一个，三个版本，选一个，用调整栏实时调整。

→ 不要追求魔法技能。它们只给你一种外观，只是更漂亮的垃圾。

→ 当每个人都能建时，品味就是护城河。

全部功劳归 Chase 的原始工作流。他的视频值得一看：https://youtu.be/7FU98O0JLHs

LFG.