只花了几分钟,用AI开发了一个微信小程序!(附教程)

现在就直接做了一个微信小程序,为了顺利落地,我做了一个比较简单的小程序。

就是一个加水印的小程序,特别是下图这种满屏水印。

以前用PS一个一个摆上去,现在只要上传图片就能搞定!

整个小程序都是 AI 搞定的,包括名字、头像、设计和代码。

可以直接点下方的小程序👇👇👇体验体验这个 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的效率都是指数级增长的,我们能做的事情也越来越多,岗位的边界也越来越模糊。

相关推荐
wdf8088几秒前
重型车辆、矿山装备、汽车研发、CAE、自动驾驶和沃尔沃重型车辆研发工作站配置与本地AI部署指南
人工智能·自动驾驶·cfd·creo机械设计
Jsundoku几秒前
第四章 机器学习 -- 马尔可夫决策过程
人工智能·机器学习·马尔可夫决策过程
江苏久众新视4 分钟前
SOP流程AI视觉检测实战案例:基于安防相机与本地AI的产线防错防漏方案落地分享
人工智能·数码相机·视觉检测
东离与糖宝4 分钟前
LLM基础学习笔记:看懂BLEU、ROUGE、PPL与三大模型架构
人工智能
IT研究室10 分钟前
最新大数据毕业设计选题推荐-基于大数据的AI助手系统性软件缺陷评论挖掘与可视化-大数据-Spark-Hadoop-Bigdata
大数据·人工智能·课程设计
u13013013 分钟前
GitHub 热榜项目:日榜(2026-10-30)
人工智能·github
计算机毕设定制辅导-无忧学长16 分钟前
《基于物品协同过滤的闲置书换购微信小程序设计开发》
java·vue.js·spring boot·微信小程序·uniapp·闲置书换购微信小程序·物品协同过滤算法
超级架构师17 分钟前
让 Fortran 模型自己调用 Agent:原生 Fortran 2008 实现深度剖析
人工智能·python·架构·机器人·开源·fortran
fly-iot31 分钟前
【FDE知识库】(1):AI 编程时代开发语言选型分析,云使用go,企业用java,算法python,底层c
开发语言·人工智能·golang
郝学胜-神的一滴35 分钟前
游戏设计:原型与开发 17:数字化系统里的思维体操
人工智能·游戏·游戏程序·游戏策划·游戏设计