图片生成代码的时代要来了

昨天，Claude 3 发布了三款新的大模型。具体效果如下图：据说第一大模型已经超过了GPT4，当然很多自称的，去年就有很多打脸事件。模型好不好？时间会给我们答案。

具体发布了什么内容呢？我让GPT4给我分析了下：

Claude地址（需🪜）：https://claude.ai/

目前免费账号可以有限使用第二大智能模型，Claude 3 Sonnet，至于说第一大模型，需要充值Pro 20美金/月。咱不花那个钱，先等等。我们今天先测试一下Claude 3 Sonnet的效果。它能可以在网页上做啥呢？官网给的几个案例，都是跟图片相关的。

understand objects and how they're used 根据一张产品图片，就可以了解产品及其使用方法

Convert UI design to front-end code 根据网页图片可以自动转换为不同语言的前端代码。

Extract text from images 从图像中提取文本

Recommend style improvements 根据传入的图片，建议样式的改进

Transcribe handwritten notes 转录你手写笔记

Suggest product descriptions 根据你传入的图片，给出产品描述

最让人感兴趣的估计就是通过图片自动生成网页代码了。我自己测试，发现还真有点用。这是我截图发给Claude的图片，然后提示词是：Convert this design into a html component using tailwind css。这里的tailwind css 是一个开源的CSS框架，所以你用的时候要自己导入这个框架才看得到效果。我先测试了一个简单的登录框。

下面是Claude 写出来的静态页面效果。整体还是可以的吧？

下面是复杂一点的，知识星球的电脑版页面。元素很多。

这次就不怎么像了。

有同学好奇GPT4的效果，我用同样的提示词做了下。效果如下：

复杂的网页，GPT4直接写了个简单的效果。不过我个人感觉GPT4在编码能力上应该是强于Claude。在不久的将来，产品经理真的可以把原型变成代码了！！！