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

文摘   2024-06-23 18:40   美国  

我的要求是这样的~

帮我写一个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 页面哦。

把自己产品化
折腾 ⇌ 迷茫 ⇌ 思考,躲在这里碎碎念,一点思考,一点记录。最近聊AI…
 最新文章