我用WorkBuddy 1小时做了个海报生成器,还顺手开源了


↑ 上面这张图,不是我拿PS做的,是一个纯网页工具生成的。

更离谱的是,这个工具本身,是我用WorkBuddy花了一小时”聊”出来的。左边输入标题和App截图,右边实时出图,选好色系点下载,一张1080×1440的海报就到位了。

如果你也经常给App做推广图、给项目做宣传海报,应该会懂这种”有模板不够快、自己设计又手残”的痛。往下看,我把整个过程拆给你。

它怎么来的?就一段话

我把需求直接丢给WorkBuddy:

帮我用纯HTML+JS+CSS写个程序,能输入主标题、副标题、App图片,选色系,生成一张参考样张风格的海报。

几十秒后,它给了我一个能双击打开的单文件网页。长这样:

看到那一排产物了吗?代码、文件、预览全给你整好了。第一版虽然粗糙,但骨架是对的,后面所有优化,都是一句话让它改。

真正花时间的地方,是让它”好用”

AI生成”能用的”东西很快,但”好用”得靠真实使用来磨。我踩了四个坑,也都是一句话修掉的:

1. iPhone被画成了胖墩。

第一版手机框比例是620×900,接近4:3,看起来像老人机。我让它按真实iPhone 9:19.5的比例重做,灵动岛、Home条也按屏幕自适应,三种海报比例下都不变形。

2. 长截图显示位置随机。

App截图通常比展示区长,默认显示哪一段全看运气。我加了滑块+直接拖动,想展示顶部、中部还是底部,拖一下就行,没有滚动条,默认从顶部开始。

3. 默认水印有点多余。

第一版右下角自动带了”豆包AI生成”,我让改成默认空、留空不显示,想加的人自己填。

4. 预览图太小。

右侧预览只有巴掌大,整体放大了30%,现在能看清细节。

还顺手加了海报比例切换(3:4、1:1、9:16)和设备切换(iPhone/iPad),全程对话式修改,没写一行手工代码。

开源了,直接能用

做出来我用了两天,顺手整理了一下丢GitHub,补了中英双语README,MIT协议,又挂了个在线Demo。链接放这儿:

完全免费,打开就能用。如果你有类似需求,也可以拿源码自己改。

普通人做工具,真的只剩一个门槛

这个门槛就是”我试试”。

一年前我不会相信,一个完全不会设计、也不爱写代码的人,能在一小时内做出一个自己每天都在用的工具。但现在WorkBuddy这类AI编程助手把门槛砍到底了——你只要会说人话、能描述清楚需求,剩下的它帮你拼。

你的工作里,有没有那种”要是能有个小工具就好了”的瞬间?评论区说说,有用的我帮你整一个。


觉得有用的话,点个关注,下次接着聊怎么用AI搞些奇奇怪怪但真好用的东西。

文章摘自:https://www.cnblogs.com/jpeanut/p/22714157