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镜像网站——wildcard。
那为什么使用它?
不会被封是其中一个原因,更重要的是wildcard提供的镜像服务和Claude一模一样,无论是联网功能,还是Artifacts都可以使用。
注意!!!
wildcard是收费,不需要科学上网,9.9美金一个月,差不多72块钱一个月,是Claude官网价格的一半。
今天的分享就到这里,我们下期见~