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

我的要求是这样的~

帮我写一个html5代码,要求如下:

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

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

3,随机更换的图片 url 地址如下:

url 1

url 2

……

4,随机的句子列表如下:

句子 1

句子 2

……

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

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

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

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


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

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

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

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

这是我提的要求:

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

这是它实现的效果:

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

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

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

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

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

本文地址:https://www.163264.com/8039

(0)
上一篇 2024年6月25日
下一篇 2024年6月25日

相关推荐