体验用 AI Claude 3.5 五分钟写了一个 H5 页面

我的要求是这样的～

帮我写一个html5代码，要求如下：

1，主题为“送你一句话”，正中间随机放一张图片，图片下方随机显示一句话，句子下面显示一个按钮，上面写着“换一句”，确保pc 端，手机端等各终端设备可以完整显示。

2，点击按钮后，对应的图片以及下面的句子都随机更换。

3，随机更换的图片 url 地址如下：

url 1

url 2

……

4，随机的句子列表如下：

句子 1

句子 2

……

5，在页面底部添加一个”关注我的公众号”按钮，点击后弹出二维码图片，添加一个明确的关闭按钮，并确保点击模态框外部也能关闭弹窗。

6，在页面上添加统计代码。

页面效果如下：（线上版本可以直接通过左下角的阅读原文感受下）

虽然很简单，但一旦我介入图片站提供的 API，再做一个用提示词生成的优美句子的工具，一结合，这个小破站就跑起来了，而这每一步都可以用 AI 完成。

我的感受就是，它整个过程比 ChatGPT 会更流畅一些，同样的标准，它这里需要你介入改动的地方就会少很多，重点是，它每一次都会给你相匹配的引导：

另一个就是 v0.dev会有点危机感了，目前我直接在Claude扔设计稿让它写一个一模一样的，质量一点不比v0.dev差啊。

这是我提的要求：

这是它实现的效果：

瞬间觉得Claude比 ChatGPT 香了，所以你看，类似poe 那些集成各家大模型的套壳产品也是有市场的，如果Claude和Claude我都买的话，一个月可能就是 40 刀起步了，而套壳的都有，可能也就花一个 20 刀就满足了需求。🤷‍♂️

记得左下角“阅读原文”体验下那个 H5 页面哦。

来源：https://mp.weixin.qq.com/s/9UawTVZ1Lf4eGAxU0qzurQ