大模型代码能力体验报告之贪吃蛇小游戏《一》:Claude.ai篇 - 生成、预览和快速部署的serverless一条龙

本文涉及的产品
NLP 自学习平台,3个模型定制额度 1个月
NLP自然语言处理_高级版,每接口累计50万次
视觉智能开放平台,视频资源包5000点
简介: 本文介绍了通过Claude.ai生成并优化Web版贪吃蛇游戏的过程,展示了其强大的代码生成功能及用户友好的界面设计。从初始版本的快速生成到根据用户反馈调整游戏速度,再到提供多种实用工具如文件管理、版本控制和一键部署,Claude.ai不仅是一个代码助手,更像是一个全面的serverless开发平台。文中还呼吁国内厂商关注此类技术的发展。

因为预约了通义的代码模式,于是测试下claude.ai和GPT的版本先。尤其在我的印象中,Claude一直是比较强的 (注意图片有水印遮挡避免个人隐私 - 翻墙使用了三方设备)

本文主要是为了后续和千问对比,提前准备下资料

Claude.ai UI基础

image.png

对话区域

主要是用于输入提示词和对话历史

编辑器区域

用于显示代码 + 预览等功能

代码生成

提示词输入

输入:
生成一个web版本贪吃蛇小游戏

响应输出

我来创建一个简单但完整的贪吃蛇游戏网页版。这个游戏将包含基本的移动、吃食物和计分功能。
<文件>Snake GameClick to open website
我已经创建了一个完整的贪吃蛇游戏,具有以下特点:

代码

略,见图

第一版预览

image.png

运行正常,但移动太快

主要问题是移动速度太快了,有点反应不过来,于是再次输入提示词:
移动速度也太快了!!!我都反应不过来 - -!

版本更新

我来调整游戏速度,让它更容易控制,同时添加难度选择功能。
Snake Game with Speed ControlClick to open websitePublished
主要改动:

添加了难度选择下拉菜单,提供四个难度等级:

简单:200ms间隔(最慢)
普通:150ms间隔
困难:100ms间隔
专家:70ms间隔

新版界面

image.png

运行正常

image.png

增强功能

文件管理

image.png
可重命名和删除版本

选取修改

image.png
选中代码,可以弹出改进和提示的快捷功能

版本管理

image.png
不同的版本历史,自由切换

复制和下载

image.png

提供快速复制和下载

会话资源管理

可快速管理生成的文件和上传的文件附件等
image.png

快速部署和分享 - serverless

一件部署

点击上图所示的publish即可
image.png

image.png

找到链接

image.png

查看

image.png

二次开发

点击remix即可让claude基于这个应用进行分析,以及二次开发

增强测试 - 贪吃蛇小游戏

提示词

生成一个web版本的俄罗斯方块

输出代码 - react项目

image.png
这一点我之前猜错了,claude不只是支持纯html的,应该是前端框架的项目都支持

游戏预览 - 运行正常

image.png
唯一可挑刺的地方就是,它中因为混杂,提示词中文,但是界面上有中文又有因为,哈哈,可改进

总结

Claude.ai与其说是一个代码辅助工作,不如说是一个serverless平台,可以高效的生成和部署组件。支持多框架的预览和部署,功能强悍,并进行共享,希望国内厂商也跟进下吧

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
23天前
|
机器学习/深度学习 人工智能 自然语言处理
当前AI大模型在软件开发中的创新应用与挑战
2024年,AI大模型在软件开发领域的应用正重塑传统流程,从自动化编码、智能协作到代码审查和测试,显著提升了开发效率和代码质量。然而,技术挑战、伦理安全及模型可解释性等问题仍需解决。未来,AI将继续推动软件开发向更高效、智能化方向发展。
|
24天前
|
人工智能 自然语言处理 机器人
文档智能与RAG技术如何提升AI大模型的业务理解能力
随着人工智能的发展,AI大模型在自然语言处理中的应用日益广泛。文档智能和检索增强生成(RAG)技术的兴起,为模型更好地理解和适应特定业务场景提供了新方案。文档智能通过自动化提取和分析非结构化文档中的信息,提高工作效率和准确性。RAG结合检索机制和生成模型,利用外部知识库提高生成内容的相关性和准确性。两者的结合进一步增强了AI大模型的业务理解能力,助力企业数字化转型。
81 3
|
12天前
|
人工智能 自然语言处理 算法
具身智能高校实训解决方案 ----从AI大模型+机器人到通用具身智能
在具身智能的发展历程中,AI 大模型的出现成为了关键的推动力量。高校作为培养未来科技人才的摇篮,需要紧跟这一前沿趋势,开展具身智能实训课程。通过将 AI 大模型与具备 3D 视觉的机器人相结合,为学生搭建一个实践平台。
160 64
|
1天前
|
机器学习/深度学习 人工智能 自然语言处理
GLM-4V-Flash:智谱 AI 免费开放的图像理解大模型 API 接口
智谱AI推出的GLM-4V-Flash是一款专注于图像理解的免费开放大模型,提供API接口支持用户上传图片URL或Base64编码图片获取详细的图像描述。该模型通过深度学习和卷积神经网络技术,简化了图像分析流程,提高了开发效率,适用于内容审核、辅助视障人士、社交媒体、教育和电子商务等多个应用场景。
40 14
GLM-4V-Flash:智谱 AI 免费开放的图像理解大模型 API 接口
|
18天前
|
人工智能 安全 JavaScript
Open Interpreter:AI 赋能终端!在终端中对话AI模型进行编程,通过运行代码来完成各种计算机操作任务
Open Interpreter 是一个让语言模型运行代码的强大工具,提供了一个类似 ChatGPT 的界面,支持多种编程语言和丰富的功能。
78 7
Open Interpreter:AI 赋能终端!在终端中对话AI模型进行编程,通过运行代码来完成各种计算机操作任务
|
27天前
|
人工智能 弹性计算 Serverless
触手可及,函数计算玩转 AI 大模型 | 简单几步,轻松实现AI绘图
本文介绍了零售业中“人—货—场”三要素的变化,指出传统营销方式已难以吸引消费者。现代消费者更注重个性化体验,因此需要提供超出预期的内容。文章还介绍了阿里云基于函数计算的AI大模型,特别是Stable Diffusion WebUI,帮助非专业人士轻松制作高质量的促销海报。通过详细的部署步骤和实践经验,展示了该方案在实际生产环境中的应用价值。
77 6
触手可及,函数计算玩转 AI 大模型 | 简单几步,轻松实现AI绘图
|
15天前
|
弹性计算 自然语言处理 搜索推荐
活动实践 | 基于函数计算部署GPT-Sovits模型实现语音生成
通过阿里云函数计算部署GPT-Sovits模型,可快速实现个性化声音的文本转语音服务。仅需少量声音样本,即可生成高度仿真的语音。用户无需关注服务器维护与环境配置,享受按量付费及弹性伸缩的优势,轻松部署并体验高质量的语音合成服务。
|
19天前
|
人工智能 弹性计算 数据可视化
解决方案|触手可及,函数计算玩转 AI 大模型 评测
解决方案|触手可及,函数计算玩转 AI 大模型 评测
26 1
|
23天前
|
人工智能 新制造 芯片
2024年中国AI大模型产业发展报告解读
2024年,中国AI大模型产业迎来蓬勃发展,成为科技和经济增长的新引擎。本文解读《2024年中国AI大模型产业发展报告》,探讨产业发展背景、现状、挑战与未来趋势。技术进步显著,应用广泛,但算力瓶颈、资源消耗和训练数据不足仍是主要挑战。未来,云侧与端侧模型分化、通用与专用模型并存、大模型开源和芯片技术升级将是主要发展方向。
|
29天前
|
机器学习/深度学习 人工智能 自然语言处理
当前AI大模型在软件开发中的创新应用与挑战
【10月更文挑战第31天】2024年,AI大模型在软件开发领域的应用取得了显著进展,从自动化代码生成、智能代码审查到智能化测试,极大地提升了开发效率和代码质量。然而,技术挑战、伦理与安全问题以及模型可解释性仍是亟待解决的关键问题。开发者需不断学习和适应,以充分利用AI的优势。