正在加载陈远的个人网站

Claude Design 搭配 Mobbin MCP 的 UI 重设计提示词

Staltz 分享截图重设计提示词,用 Mobbin MCP 对标顶级案例做对抗式评审,称 UI 设计八成已被解决。

提示词软件工程提示词AI 应用前端工程

来源摘录

This works SOOO well. Prompt: "Here a screenshot of my app's current UI. I need you to redesign it for the highest possible quality design. /design:design-critique Compare your designs adversarially against top examples on Mobbin (use MCP) Aim for AAA minimalist, elegant, sharp, simple, beautiful, perfect"

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.

— @andrestaltz(André Staltz)的引用原文

深度解析

是什么:Staltz 分享的一条实战提示词与工作流:把应用当前 UI 截图交给 Claude Design,要求按最高质量重设计,并通过 Mobbin MCP 拉取顶级设计案例做对抗式评审,目标锁定「AAA 级极简、优雅、锐利、简单、完美」。他据此断言 UI 设计已被解决八成。

核心方法:这条提示词的巧思在于引入外部基准——不是让模型自由发挥,而是强制其与 Mobbin 上的头部案例对抗比较,用人类策展的真实优质设计作为评审锚点,矫正模型自身审美的漂移;「aggressive deletes」则指向减法原则,靠删除冗余换取质感。

关键洞察:AI 设计的瓶颈往往不在生成能力,而在评判标准。把标杆案例库接成 MCP 工具,等于给模型装上「品味参照系」,形成生成—对标—修订的闭环;再加少量人类判断,即可逼近专业水准。这也是「提示词 + MCP + 好品味」这类组合式工作流的典型样本。

边界与风险:「80% 解决」是个人体感而非严格评估;流程明显偏向极简审美,大规模套用易导致界面同质化;效果依赖截图质量、Mobbin 覆盖度与 MCP 可用性;本次无实际产出图佐证,落地前需自行验证。