无代码经验的我居然用 Claude 30秒就做了一个游戏

Claude.ai 的 Artifacts 功能在今年六月份首次以功能预览的形式推出。我就迫不及待的试玩了一番,最后发现一个道理,无代码经验的我居然也可以制作一个游戏,真的太不可思议啦。

最近,Claude.ai 发出通告,正式向所有用户开放了 Artifacts 功能,无论你是免费版、专业版,还是团队版用户,都可以使用。

得知这个消息的我迫不及待的又去玩了一番,居然又提升啦。

Claude 30秒就做出一个游戏?

给大家看一下推特上的大佬,30秒不到就做出了一个小游戏出来。

没有写一行代码!!!

97e84c03aba742479f82125d3500ed2f.gif

再来一款骑士游戏,带有道具、工作菜单和动态背景(同样也没有写一行代码)

c80827ae327f410987aabc6924da7edb.gif

甚至还可以做一个美团出来。

3706ade4e767428483ac0b8f3dda2291.jpeg

这个美团页面只花了30秒不到就做出来了,而且还可以进行交互。更让人惊叹的是,它可以在原来的生成的页面上进行修改,慢慢完善制作的原型。

Claude的Artifacts功能还支持上传图片进行页面原型的生成。

这不,丢给它一张网易云音乐的首页,它就能给你生成一个网易云出来。

虽说不能控制100%一样,不过网易云那味出来了。

f1191f8a1bb345c091785a3fb8e7234e.png

最重要的是,还可以复制代码。

381c15d1f72d4bfea68092ac1f8662d4.png

这下,你的前端兄弟是不是有一点心慌了~~

Claude的出现对前端有什么影响

对于专业的前端开发人员来说,Artifacts 能够显著加快他们验证想法、生成代码和查看效果的速度,这对他们来说是一个巨大的进步。

同时,前端开发的门槛必然会不断降低。未来,借助 AI 生成代码将成为前端开发的标准配置。例如,在开发业务页面(例如业务迭代需求)时,使用 AI 工具,可能会使一个前端实习生的工作效率超过不依赖 AI 的资深前端工程师。

当然,现阶段的 Artifacts 也存在一些局限性。Claude Artifacts 目前只能生成符合特定规范的特定技术栈代码,比如只能基于 shadcn/ui 组件库生成 React 代码。这对于一些拥有自己技术栈的团队来说,可能会带来不便。不过,这个问题在未来会逐渐得到解决。

知道Claude Artifacts的强大,是不是狠狠心动啦。

相信很多朋友已经使用过了Claude的Artifacts功能,不过你的账号大概已被封禁了吧

基于这个痛点,给大家介绍自己使用很久的Claude镜像网站——wildcard。85f3ed3c6836492f991d49783662bfba.png

那为什么使用它?

不会被封是其中一个原因,更重要的是wildcard提供的镜像服务和Claude一模一样,无论是联网功能,还是Artifacts都可以使用。

注意!!!

wildcard是收费,不需要科学上网,9.9美金一个月,差不多72块钱一个月,是Claude官网价格的一半。

今天的分享就到这里,我们下期见~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值