ChatGPT实战编程:打造个性化公众号封面图生成器

这段时间频繁听到A I编程的新进展,但对于非程序员来说,也就是听听而已。就算有意向尝试用它写个程序,也无从下手。

ChatGPT实战编程:打造个性化公众号封面图生成器

最近在用一些公众号封面生成工具,诉求很简单,给一张图片,能在上面加文字,改字体、颜色、可调整文字角度就行。但现在花哨的工具功能太重了,能不能让ChatGPT帮我做一个,刚好也找个场景深度体验一下它的编程能力。

当然做这个事还是要稍微去了解一下基本技术原理,比如了解H5,JS,CSS分别是干什么用的,知道基本的就够了。准备工作做完,开始跟ChatGPT深入交流,虽然被迫砍了一些复杂的功能,不过整体来看还是不错,如文章开头的截图,至少做出来是真实可用的,不只是一个功能残缺的Demo。

经过这个编程过程的体验,对ChatGPT编程的印象:

一、AI知识面非常广泛,既做开发又能做设计,堪称全能专家。

二、不知疲倦仍是AI最大的优点,只要有需求,它马上就执行,有时候会犯一些低级的错误,但速度仍比人快很多。

三、自然语言理解能力强,需求沟通成本低,只要你讲的不是太离谱它都能理解。

四、对复杂的需求,他可能无法一次性全部理解,需要帮他分解任务,一点一点的进行。

ChatGPT在做这个工具的过程中,先后修改迭代了十几次才做好,下面用截图直观的给大家看看ChatGPT的编程过程,挑选了一些有里程碑意义的迭代截图

编写主要的代码结构

请按以下要求设计一个单文件html网页:

  1. 用canvas设计一张图片,并将所有代码写到一个独立的HTML文件中。
  2. 图片要求尺寸比例为2.35:1,即宽度约为940像素,高度约为400像素;
  3. 我可以上传一张图片,上传后直接展示到画图区域
  4. 使用tailwind css框架,让工具看起来有设计感,卓越的视觉和交互效果。
ChatGPT实战编程:打造个性化公众号封面图生成器

增加功能按钮

ChatGPT实战编程:打造个性化公众号封面图生成器
ChatGPT实战编程:打造个性化公众号封面图生成器

视觉美化

ChatGPT实战编程:打造个性化公众号封面图生成器

这个prompt的过程其实很简单,只要你能准确的说清楚诉求,他就可以执行,但因为要不断澄清需求,整个对话篇幅有点长,我就不放在文章正文了

这个小工具我也上传到网上了,如果你用得上,就去体验体验吧

公众号封面图生成器:https://aibrev.pages.dev/

学习&合作,移步公众号:zzksvip

本文来自:幸运周,不代表网络进化录立场。如若转载,请注明出处:https://www.52thing.com/21686.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
幸运周幸运周
上一篇 2023年11月29日 下午3:38
下一篇 2023年11月29日 下午4:15

98%网友还看了:

联系客服
联系客服
分享本页
返回顶部
站长提醒:一切保证收益的,都是骗局!细品~