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

具体发布了什么内容呢？我让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 写出来的静态页面效果。整体还是可以的吧？

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

这次就不怎么像了。