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

299 阅读3分钟

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

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

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

Claude 30秒就做出一个游戏?

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

没有写一行代码!!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

那为什么使用它?

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

注意!!!

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

链接:在这里

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