正在加载陈远的个人网站

Claude Design + Mobbin MCP：UI 设计的八成已被解决

Staltz 认为 Claude Design 配合 Mobbin MCP 对标顶级范例，加上品味与大胆删减，可解决八成 UI 设计。

提示词UI设计AI设计设计工作流设计工具MCP工具行业观察

原始内容

André Staltz@andrestaltz

I think UI design is 80% solved with: Claude Design plus Mobbin MCP ("compare your design against top examples found on Mobbin") plus a bit of good taste and aggressive deletes.

中文译文

机器翻译，保留原文供核对。

我认为 UI 设计已经被解决了 80%：Claude Design 加上 Mobbin MCP（“把你的设计与 Mobbin 上找到的顶级案例做对比”），再加一点好品味和激进的删除。

深度解析

是什么：开源开发者 André Staltz 的观点推文。他认为 UI 设计已有八成可被流程化解决：用 Claude Design 生成界面，用 Mobbin MCP 让 AI 把产出与 Mobbin 收录的顶级应用范例对标（原文直接给出提示词 "compare your design against top examples found on Mobbin"），再辅以个人品味和大量删改。

核心主张：关键是把「设计得好」变成可计算的对比。Mobbin 是收录一线产品真实界面截图的参考库，经 MCP 协议接入 Claude 后，「AI 生成—对标范例—迭代修正」即可逼近主流产品水准，设计参考语料由此变成一种工具。

关键洞察：剩下两成恰是人的价值所在——"good taste" 无法外包给模型，"aggressive deletes"（大胆做减法）是设计师最不可替代的动作：AI 擅长加法，人负责决定删什么。这一「范例库 + MCP 对标」思路还可迁移到文案、代码评审等领域。

边界与风险：80% 是修辞性估计而非实测；Mobbin 偏向热门消费级应用，长期对标易导致设计趋同；突破既有模式或强品牌诉求的设计仍在 AI 能力之外，品味仍是不可规模化的瓶颈。

精选追评与案例

  1. Stanislav Sorokin@stas_sorokin_ · 查看追评

    给出可量化的对比数据和“品味关卡”做法，补足原文空泛的“好品味”。

    @andrestaltz Taste is the 20% worth putting in a gate. One landing brief, Opus 5.5 in Claude Code: 29.2 design flaws a page without a taste skill, 2.2 with. Does Mobbin comparison catch spacing and hierarchy, or mostly layout? https://t.co/tQ0bDRzMTK

    中文译文 · 机器翻译

    品味是值得设一道关卡的那 20%。一个落地页 brief，在 Claude Code 里用 Opus 5.5：没有 taste skill 时每页 29.2 个设计缺陷，有则 2.2 个。Mobbin 对比能抓住间距和层级，还是主要只管布局？https://t.co/tQ0bDRzMTK

  2. Plan "B"@CarlWalkerPM · 查看追评

    提出关键边界问题：收益可能来自参考真实设计而非 MCP 工具本身。

    @andrestaltz The Mobbin comparison is the interesting part. How much of the win is the MCP itself versus just forcing Claude to look at real shipped designs before it generates?

    中文译文 · 机器翻译

    Mobbin 对比才是有意思的部分。这个收益里有多少来自 MCP 本身，又有多少只是迫使 Claude 在生成前先看真实上线的设计？

  3. Corey Thomas Davenport | Senior Product Designer@ctdvnprt · 查看追评

    指出参考库被 AI 生成内容污染后的退化风险，是重要长期边界。

    @andrestaltz Until it becomes Multiplicity. Mobbin will progressively become filled with screens of products that were thoughtlessly AI amalgamated and then AI will reference THOSE screens and each iteration will lose coherence and fidelity. https://t.co/IuGw3NUChH

    中文译文 · 机器翻译

    直到它变成“多重性”。Mobbin 会逐渐被那些未经思考、由 AI 混合生成的产品截图填满，然后 AI 又会去参考那些截图，每一轮迭代都会损失一致性和保真度。https://t.co/IuGw3NUChH

    Claude Design + Mobbin MCP：UI 设计的八成已被解决 · 追评案例，来源媒体第 1 张，共 1 张
  4. Guillaume Marc@madeinmarc · 查看追评

    从真实项目角度说明剩余 20% 的定制与 UX 工作才是商业价值所在。

    @andrestaltz Si tu veux creer une expérience, tu devras reflechir car chaque problématique est differente et on a toujours besoin d’adapter ou de creer des composants custom pour optimiser l’UX. Il fait 80% comme tu dis mais le plus long reste les 20% qui font qu’un client s’abonne.

    中文译文 · 机器翻译

    如果你想创造一种体验，就必须思考，因为每个问题都不同，我们总是需要调整或创建自定义组件来优化 UX。像你说的，80% 确实如此，但最耗时的是那 20%，正是它让客户愿意订阅。

  5. Sean Galt@seanaiux · 查看追评

    补充结果依赖方向与品味，并讨论设计生成商品化后的差异化转移。

    @andrestaltz 1. The actual results are really not that good, without direction and proper taste 2. If anyone one day would be able to generate a design that we now consider good in a prompt – then it’s value is the cost of tokens spent. Which will make a differentiation layer different.

    中文译文 · 机器翻译

    1. 如果没有方向和恰当的品味，实际结果真的没那么好。2. 如果有一天有人能靠一句提示词生成我们现在认为好的设计——那它的价值就是所花 token 的成本。这会让差异化层转移到别处。