我用 Claude Code、Codex 和 GitHub Copilot 构建了同一个复杂仪表盘，结果赢家出乎我的意料

AI 编程工具可以在几分钟内生成一个落地页，但这并不能让我了解它们如何处理真实项目。我想来点更有难度的，所以我让 Claude Code、Codex 和 GitHub Copilot 为我即将进行的房屋翻新构建同一个复杂的财务仪表盘。

我给每个工具提的要求都一样，然后对比它们各自在项目规划、代码结构、UI 细节处理，还有最终体验打磨上做得怎么样。我一开始心里是有预期的，但最后胜出的工具并不是我猜的那个。

先聊聊提示词的事

以及用了哪些编程模型

为了保持比较的公平性，我给这三个工具完全相同的提示词，并要求它们构建一个财务仪表盘，用来跟踪我为期 10 个月的房屋翻新项目。

需求里包括了每个房间的预算、承包商档案、采购记录、待付款项、发票、支出类别、筛选器、图表和详细报告。

我还明确表示，我想要的是一个可用的应用程序，而不是另一个看起来精致、但按钮点了没反应的花架子原型。

对于 Claude Code，我使用了最新的 Fable 5 模型，而 Codex 用的是 GPT-5.6 Sol。在 VS Code 中，我使用了最新的 Agents 视图，并通过 GitHub Copilot 选择了 mai-code-1-flash，这是一个专门为写代码打造的模型。

GitHub Copilot

还不错，但远非赢家

我从 GitHub Copilot 中的 mai-code-1-flash 开始，它毫无疑问是三者中最快的，而且甩开另外两个一大截。给它一个初始提示，它几乎马上就搭出了一个能用的仪表板，第一眼就让人眼前一亮。

深蓝色主题看起来很精致，圆角卡片赋予了它现代 SaaS 风格的外观。我要的那些板块基本都在了。我可以记录支出、查看图表、监控预算，并一眼看清整个翻新项目的情况，而无需太多额外工作。

然而，但一看主页以外的地方，这个仪表板就显得有点单薄了。房间和承包商部分显示了有用的信息，但无法创建新条目或编辑现有条目。有几个地方更像是摆着看的静态演示，而不是真正能用的完整功能。

这是一次扎实的尝试，用来做个快速展示绰绰有余，但要想跟本次测试中更强大的编码工具掰手腕，还差了些精细的细节和更深的功能。

Claude Code

功能丰富且全面，但界面看着有点老旧

在此次对比中，搭载 Fable 5 的 Claude Code 妥妥是最慢的那个。光是规划加搭建这个仪表盘就花了明显更长的时间，而且整个过程几乎把我能用的 token 全烧光了。到最后，我已经快撞上五小时的使用上限了，整个体验比我预想的要累得多。

尽管如此，最后做出来的东西远比 GitHub Copilot 所生成的要完整得多。Claude Code 把我提示里那些细枝末节都照顾到了，并把大部分模块都做成了真正能跑起来的功能。

当我打开房间或承包商菜单时，我可以创建新条目、编辑现有信息并填写相关字段，而不是只能看看不能动的卡片。费用这块也做得挺清楚，筛选器很实用，操作选项也够用，日常记账用起来很顺手。

遗憾的是，界面让它没能成为明显的赢家。排版感觉有点过时，多处间距不一致，整体设计缺乏我所期待的现代、精致感。

功能上确实让人印象深刻，比 Copilot 强不少，但在视觉上，它让我失望。Claude Code 的表现其实不差，但还不足以赢下这次测试，这让我挺意外的，因为我本来以为 Fable 5 会拔得头筹。

ChatGPT Codex

精致、完整、考虑周全，但很吃资源

搭载 GPT-5.6 Sol 模型的 Codex 无疑是三者中最好的。它在视觉上的精致感、功能的丰富程度和对细节的把控之间找到了很好的平衡。从我打开它的那一刻起，仪表盘看起来就很现代，配色干净、圆角设计、间距一致，整体布局更像是成熟的 SaaS 产品，而不是 AI 生成的原型。

它甚至在左下角加了一个很实用的工作进度指示器，让我一眼就能看到改造的进度。

更重要的是，Codex 并没有止步于构建好看的摘要卡片和图表。无论我是添加一笔支出、一笔采购、一个房间还是一位承包商，它都提供了所有相关字段，让我能创建详细、数据充实的记录。

实际用下来，感觉完全能撑得住一个为期 10 个月的翻新项目的日常使用。

我唯一真正想吐槽的就是 Codex 这个应用本身。它在后台跑着的时候，我的 Mac 比用 VS Code 和 Claude 时发热更严重。

幸运的是，token 消耗比 Fable 5 少，这点让我挺欣慰的。尽管存在散热问题，Codex 的仪表盘是这几个里最完整、最精致的。

一款工具把设计拿捏了

这次测试让我意识到，速度快、功能深、打磨精，这三样很少能凑齐。GitHub Copilot 速度快，demo 做得很有说服力，但编辑流程缺了一块，用起来总觉得不完整。

搭载 Fable 5 的 Claude Code 功能做得最深，但设计过时、间距有问题、token 吃得又多、跑得还慢，这些都拖了后腿。

搭载 GPT-5.6 Sol 的 Codex 既有最好的 UI，工作流也完整，还加了些贴心的小功能，而且 token 用得比 Claude 还少。