因为预约了通义的代码模式，于是测试下claude.ai和GPT的版本先。尤其在我的印象中,Claude一直是比较强的 （注意图片有水印遮挡避免个人隐私 - 翻墙使用了三方设备)
本文主要是为了后续和千问对比，提前准备下资料
Claude.ai UI基础
对话区域
主要是用于输入提示词和对话历史
编辑器区域
用于显示代码 + 预览等功能
代码生成
提示词输入
输入：
生成一个web版本贪吃蛇小游戏
响应输出
我来创建一个简单但完整的贪吃蛇游戏网页版。这个游戏将包含基本的移动、吃食物和计分功能。
<文件>Snake GameClick to open website
我已经创建了一个完整的贪吃蛇游戏，具有以下特点：
代码
略，见图
第一版预览
运行正常，但移动太快
主要问题是移动速度太快了，有点反应不过来，于是再次输入提示词：
移动速度也太快了！！！我都反应不过来 - -！
版本更新
我来调整游戏速度，让它更容易控制，同时添加难度选择功能。
Snake Game with Speed ControlClick to open websitePublished
主要改动：
添加了难度选择下拉菜单，提供四个难度等级：
简单：200ms间隔（最慢）
普通：150ms间隔
困难：100ms间隔
专家：70ms间隔
新版界面
运行正常
增强功能
文件管理
可重命名和删除版本
选取修改
选中代码，可以弹出改进和提示的快捷功能
版本管理
不同的版本历史，自由切换
复制和下载
提供快速复制和下载
会话资源管理
可快速管理生成的文件和上传的文件附件等
快速部署和分享 - serverless
一件部署
点击上图所示的publish即可
找到链接
查看
二次开发
点击remix即可让claude基于这个应用进行分析，以及二次开发
增强测试 - 贪吃蛇小游戏
提示词
生成一个web版本的俄罗斯方块
输出代码 - react项目
这一点我之前猜错了，claude不只是支持纯html的，应该是前端框架的项目都支持
游戏预览 - 运行正常
唯一可挑刺的地方就是，它中因为混杂，提示词中文，但是界面上有中文又有因为，哈哈，可改进
总结
Claude.ai与其说是一个代码辅助工作，不如说是一个serverless平台，可以高效的生成和部署组件。支持多框架的预览和部署，功能强悍，并进行共享，希望国内厂商也跟进下吧
