本文评测了多款AI编程助手在复刻App界面设计方面的能力。通过对比Trea、VSCode+qwen3-coder以及Cursor+claude-4-sonneet，作者发现AI在理解图片细节、生成原生SwiftUI代码方面展现出显著进步。特别是Cursor结合claude-4-sonneet，能够高度还原原图布局，并可通过追加提示词解决交互和适配问题，为开发者提供了一种高效的界面开发新思路，预示着未来编程将更加便捷。

🤖 **AI 辅助界面设计能力初探**：文章以一张精美的App界面设计图为例，旨在测试AI编程助手（Agent）根据图片生成原生SwiftUI代码的能力，特别是能否实现类似Stable Diffusion的“风格迁移”效果，让开发者轻松复刻心仪的界面。

❌ **Trea 的局限性**：在初步的测试中，Trea工具表现不佳，无法读取和分析图片内容，直接给出了错误提示，显示其在图像理解方面尚有不足，无法满足直接根据图片生成代码的需求。

✅ **VSCode + qwen3-coder 的表现**：通过将图片嵌入提示词，VSCode结合qwen3-coder模型能够生成具有一定相似度的SwiftUI界面，布局基本可用，且支持视图滚动和暗色主题，展现了AI在代码生成方面的潜力。

🌟 **Cursor + claude-4-sonneet 的卓越效果**：Cursor IDE凭借其直接上传图片辅助开发的功能，结合claude-4-sonneet模型，在复刻界面方面表现尤为出色，生成的SwiftUI代码与原图高度一致，几乎达到“一毛一样”的程度。通过后续提示，更能解决滚动和交互问题，甚至能进行暗色模式的适配，显示出强大的AI能力。

💡 **AI 编程的未来展望**：文章最后指出，Cursor与claude的“双剑合璧”组合，使得复杂SwiftUI界面的开发变得异常轻松，无需手动编写大量代码。这预示着未来编程将更加高效和惬意，AI将成为开发者强大的助手，能够轻松将优秀的UI设计转化为实际应用。

概述

当列位秃头小码农们无意间瞥见一个 UI 美轮美奂的 App 时，是否有种深深“羡慕嫉妒恨”的感觉，“如果我能自己撸出这样美妙的界面就好了”，微秃码农们如是说。

你还真别说，借助于当今大红大紫的 AI 编程智能体（Agent）也许真的会让宝子们美梦成真呢？

在本篇博文中，您将学到如下内容：

照葫芦画瓢：一张原图不太给力的 TreaVSCode + qwen3-coderCursor + claude-4-sonneet

想学会类似 Stable Diffusion（SD) 触及灵魂般“风格迁移”的绘画超能力吗？心动不如行动，让我们马上来探究一番吧！

Let's go！！！;)

---

1. 照葫芦画瓢：一张原图

下图是从网上随机找到的一张 App 界面设计图片，我们想尝试一下众多号称自己“无敌是多么寂寞”的 Coding 智能体到底有没有像它们自己吹的那么厉害。

注意，我们希望 AI 用 SwiftUI 框架给出 iOS 上原生的 Swift 实现，并不是什么所谓的 html + css 概念代码。

2. 不太给力的 Trea

首先，来试一下 Trea。

不幸的是，Trea 好像没有读取和分析图片内容的能力，无论用什么模型都会给出如下错误提示：

一个红绿灯就搞的我们热血沸腾，实在让宝子们觉得有些失望。希望 Trea 能再接再厉早日加入分析图片的功能。

3. VSCode + qwen3-coder

虽然在 VSCode 中也不支持直接上传图片，但是作为变通，我们可以将对应的图片作为引用嵌入到提示词的输入界面中：

然后，选择号称撸码能力仅次于 claude 编程大模型的 qwen3-coder，妥善输入提示词来一窥究竟：

可以看到，qwen3-coder 生成的 SwiftUI 界面虽说与原图从布局上还有一定差距，但基本有模有样，而且视图中的标签卡片是可以实际滚动的。

更令人惊喜的是，qwen3-coder 生成的 SwiftUI 界面默认就很好的支持了暗色主题，非常 Nice！

4. Cursor + claude-4-sonneet

最后，我们来看看被无数秃头码农们捧上神坛的 Cursor，它在输入界面中可以非常方便的上传任意文件来辅助开发，图片自然也是不在话下：

用 Cursor 自然绝对少不了它的“好闺蜜”大模型 claude-4：

在输入完全一样的提示词后，小伙伴们简直不敢相信自己的眼睛：生成的 SwiftUI 界面几乎与原图一毛一样！

这可是正经八百 Swift 代码构建的哦：

但别高兴的太早，这里有一个问题：就是生成的 SwiftUI 界面无法滚动，而且底部标签栏中的元素也无法点击。

不过，我们只需再补充一句提示词给 AI 即可妥妥的解决：

此时，挑剔的宝子们如果将 iOS 设置为黑暗模式（Dark Mode）就会发现上面生成的视图界面却不会有任何变化。

检查 AI 生成的 SwiftUI 代码可以发现：这是因为 AI 太过纠结于完成我们的任务，以至于它将 UI 中所有前景、背景色以及其它元素都用固定颜色和风格限制死了。

幸运的是，通过简单的提示， claude 即可心领神会，灵巧的修复这一问题：

当然，小伙伴们还可以进一步通过提示词让 AI 完善我们的界面。但是，claude 从目前看来已经碾压一切了：要知道，这个还算复杂的 SwiftUI 视图我们还没有手动写过一行代码呢！

由此可见，未来撸码将会是一件多么惬意的事。

Cursor + claude “双剑合璧”组合就像是 SD 中对图片的风格迁移，下次当我们无意看到别人设计精妙绝伦的 App 界面时，我们就可以不费吹灰之力地将其收入囊中了，棒棒哒！💯

总结

在本篇博文中，我们比较了几种 AI IDE + 编程大模型对于 iOS 原生 SwiftUI 界面仿制能力的“孰是孰非”，宝子们可以任性选择哦！

感谢观赏，再会啦！8-)