现在就直接做了一个微信小程序，为了顺利落地，我做了一个比较简单的小程序。
就是一个加水印的小程序，特别是下图这种满屏水印。
以前用PS一个一个摆上去，现在只要上传图片就能搞定！
整个小程序都是 AI 搞定的，包括名字、头像、设计和代码。
可以直接点下方的小程序👇👇👇体验体验这个 AI 做的小程序～
话不多说，我们直接上教程！
AI工具用什么都可以比如Cursor、Claude code、trae等等。
我比较喜欢用Codex，没下载的可以跟着我一步一步走。
先下载Codex，这步我也在之前的文章写过，看过的可以直接跳过。
codex下载mac地址：https://openai.com/zh-Hans-CN/codex/
codex下载windows地址：https://apps.microsoft.com/detail/9plm9xgg6vks?hl=zh-CN&gl=CN
下载完成后，需要先把下图中的【完全访问限制】选上，不然老是问你要权限比较麻烦。
Codex 是在左侧建的文件夹，直接让它教你怎么开始。
本来我想做的是去水印小程序，但是它说不合规，所以就做了个加水印的小程序。
如果想要去水印，可以看我这篇文章完美无痕！4个国内外免费图片视频去水印工具，告别手动 PS
紧接着，我就让他直接开发微信小程序，功能是去水印。
它给我做的第一版如下图，可以直接在微信开发者工具里面查看设计效果。
感觉不好看，所以我找了张参考图给它。
我就说：“我感觉有点丑，我想要大概这种风格的。”
然后发了下面左边这张参考图给它，它生成了右边的效果，我感觉还可以。
但是头部的颜色我不满意。
接着继续改。
我说：“微信小程序的名字叫轻标记，微信小程序头部的颜色目前是黑色，我想弄成跟小程序一样的风格，请修改。”
后面我又发现了以下问题，就直接跟他说了（下面都是我跟 AI 的一些对话）：
1、首次进入小程序的时候，透明度默认为 1，字号 48px，3 个模版同理。
2、水印模版选中态缺失。
3、位置的选项请改为中文的。
请修改。
选中态跟按钮的颜色太一致了，按钮是按钮，选中态是选中态，请区分，请修改
文本默认文字是©️萤柳设计。颜色的选中态也不明显，颜色选择的时候不符合已用，选择的位置太小了，拇指点选的时候有点难受
颜色选中的时候建议还是跟水印模板的选中是同一的颜色，目前是黑色描边，应该是橙色描边
文本和选项之间需要有间距，上下间距 8px
1、颜**块与色值的上下间距也需要 8px。
2、导出图片只需要一个通栏的导出图片按钮，不需要导出的标题。
导出图片的按钮请固定在底部。
按钮右边需要与左边一致。【导出图片】按钮与底部的黑条上下间距太靠近至少 8px 以上。
你们看，上面这些其实没有什么太专业的词汇，全部都是设计师平时跟前端走查的时候说的话。
让 AI 修改的全部都是一些设计的细节问题，如果要求不是很高，也没有额外需要加的功能，测试下来没有什么 bug，那么其实第一版能用就能直接发布小程序了。
因为聊得太多了，所以就这里就不把所有的聊天都放出来了。
给大家看看第一版和最后一版的对比吧。
左图是第一版，右图是最后一版。
可以点开体验一下，加水印的快乐！
很简单，基本不用教，很快上手。
选择图片上传 - 修改水印文字 - 水印的位置 - 水印的字号 - 水印的透明度 - 水印的颜色。
搞定后就可以直接导出图片了，就这么简单。
看这个水印效果非常爽！点点点就能搞定。
当然市面上肯定也有很多类似的加水印工具。
这次的案例只不过是为了快速用AI落地一个小项目。
从以前开发时间需要一周、一个月甚至一年的时间，变成一天、2小时甚至5分钟。
AI的效率都是指数级增长的，我们能做的事情也越来越多，岗位的边界也越来越模糊。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/246888.html