2022年ChatGPT的横空出世，开启了AI的革命。三年后的今天，AI逐渐成熟已能完成从设计稿生成、代码转换到工作流编排的全链路开发。本文将分享如何不写一行代码，完全通过AI工具链实现一个去水印小程序的开发。
让 AI帮我们用 HTML+CSS+JS 生成高保真的设计稿（可交互）
如果说之前的 AI 编码写的样式只能说可用，那么现在的 AI 写的样式风格简直可以用专业来形容啦，完全可以当做设计稿来使用。那么原先我们需要先设计界面，再把界面切图转成代码的流程就变成了我们跟 AI 对话，通过自然语言来完成这一步骤，这一步我们可以天马行空的跟 AI 说我们的需求，AI 总是能给出比较高质量的设计稿，比如我的去水印小程序的界面就长下面这样👇
我是提示词要求是
简洁、现代风、并且适配微信的主题色，显然 AI 最终给的结果也让我比较满意。
将设计稿喂给 AI 让它帮我们生成实际的代码
这一步我们可以把设计稿的上下文喂给 AI(引入HTML+CSS+JS),AI 能很好的识别意图，帮我们快速的生成一个应用。
注意⚠️ 这一步我建议是分几步来完成，而不是一蹴而就，AI 的上下文长度是有限制的，一次性让它完成太多工作，很容易出现幻觉。
框架我建议使用 Taro 而不是微信原生语法，debugger 效率会高很多，模型建议使用 Claude 3.7 Sonnet、DeepSeek-V3-0324、Gemini Pro 2.5 等编码比较牛的模型，会极大的提高生成代码的准确性，客户端国外客户端可以用 Cursor、windsurf、Copilot等，国内可以用字节的 Trae，如果嫌麻烦不想用客户端，也可以用 vscode 插件Cline来接入都是可以的，最好是选用支持 Agent 模式的，体验会好很多。
对接去水印接口
Github 上有不少开源 API（感谢大佬们开源！🙏），个人选用的是wujunwei928大佬写的 API，挺不错的，支持不少平台的短视频资源还有图集，觉得有用可以帮大佬点点 Star🌟！
注意⚠️ API 对接这块需要比较明确是和 AI 说明返回体结构，还有你需要的效果和意图，它才能比较好的完成编码和交互，不然很容易牛头不对马嘴
部署上线
关于后端部署，我个人是采购了一台阿里云的服务器，本身 API 的资源消耗也不大完全够用，当然也可以用微信自带的云开发，按量计费，可以省去不少鉴权之类的麻烦。
注意⚠️ 微信小程序现在比较严格，配后端域名必须得备案，整套流程还是比较繁琐，具体按照微信开发者文档要求来就行
结语
至此整个小程序开发流程就结束了，从有想法到实现基本只用了 1-2 天的时间， AI 时代下，AI 提效的场景会越来越多，现在的 AI 能做的事情也会越来越多，我们能做的就是顺应 AI 时代的潮流，不要掉队。
打个广告
最后给我的小程序打个广告，微信小程序搜“青映去水印”，或者扫描下面的二维码👇，永久免费哈～，无广告，有需要的可以扫码使用试试，支持各大平台短视频和图集。
