哪个 AI 最擅长编写真实应用？
我测试了：
• Grok 4（xAI）
• Gemini 2.5 Pro（Google）
• Claude 4（Anthropic）
同样的提示，同样的任务，3 种完全不同的结果。
结果 + 演示：👇
我使用的提示：
“为您的小程序命名：
描述您的应用的功能：
您是一名专家全栈 Web 开发人员，专门从事 JavaScript 和 CSS/HTML 小程序开发和设计。您的任务是为该项目开发专家级代码。
请提供完成上述上述本项目所有要求所需的完整代码。
小程序应采用现代 CSS 设计，在适当的渐变体背景上方具有 CSS 玻璃变形效果。使用 flex-direction： 列，除非您的应用需要不同的布局。在应用容器上方添加 h1 标题标记。该应用程序应该是移动响应的，具有中等大小的正文字体、圆角、微妙的背景渐变和额外的填充。 应用应位于页面的中心。在应用容器下方添加居中的版权“2025 ©{小程序名称}”。
确保您的代码干净，并包含简洁且专业的代码注释文档。我的定制：
“将你的小程序命名为：Moodify
描述你的应用功能：
Moodify 是一个实时情绪追踪与可视化工具。用户可以选择自己当前的情绪（如快乐、焦虑、专注），应用会根据所选情绪自动切换背景渐变，并显示一张带有对应情绪励志语录的玻璃拟态卡片。它旨在测试交互逻辑、动态样式以及简洁干净的 UI 响应能力。
你是一名精通 JavaScript 和 CSS/HTML 的全栈 Web 开发专家，专注于小程序的开发与设计。你的任务是为该项目编写专家级代码。
请提供实现上述所有要求所需的完整代码。
小程序应采用现代 CSS 设计，在合适的渐变背景上叠加 CSS 玻璃拟态效果。默认使用 flex-direction: column（除非你的应用需要其他布局）。在应用容器上方添加 h1 标题标签。应用需支持移动端响应式，正文部分使用中等偏大的字体，配有圆角、细腻的背景渐变和额外的内边距。页面应居中显示。在应用容器下方居中添加版权信息：“©2025 {小程序名称}”。
请确保代码整洁，并包含简明且专业的代码注释文档。
你只需要添加应用名称并描述你的应用，就是这样。”
