AI一天一个微信小程序 (附实战教程)

大家好，我是南卷。

今天聊一件很实际的事，怎么用 AI，快速做出一个微信小程序，还能顺利上架。

因为在这个时代，AI编程对我们太重要了，它能帮你在工作中，完成意想不到的事情。

我做的这个叫「云朵轻影压缩」，功能不复杂：图片压缩、视频压缩、图片裁剪、格式转换。

那我也把这个教程分享出来：

1、先定主体，别跳过这步

很多人上来就想写代码，其实第一步是选主体。个人主体和企业主体，差别不小。

个人主体能做的类型有限，接支付、社交、资讯这些能力基本碰不了，稍不注意就被拒审。认证费 30 元 / 年，便宜，但限制也真实。企业主体限制少，商业化空间大，费用 300 元 / 年。

提前想清楚，否则代码写完审核过不了。

2、注册小程序账号

地址：https://mp.weixin.qq.com

流程就三步：注册、绑定微信、创建小程序。没什么坑，按流程走就行。

3、起名字（这个真的要慎重）

名字直接影响审核和备案，不是随便填一个就完事的。像我这个，功能明确、不蹭品牌、没有歧义，通过率相对高。

几个雷区：

• 带品牌名（比如”微信图片压缩”这种蹭词）

• 太通用（”图片压缩工具”这类容易被打回）

• 容易产生歧义的词

4、UI 设计：Figma + AI 搞定

我用的 Figma，免费版每天能用 AI 生成 3 次，做工具类小程序完全够用。

先出首页，提示词大概是这样写的：

设计一款微信小程序图片视频处理工具的 UI，风格简洁轻量偏工具型，主色用蓝灰色，首页 2×3 卡片宫格布局，功能包含：图片压缩（主入口）、视频压缩、图片裁剪、图片格式转换。扁平化线性图标，浅色背景，无登录页，无营销元素，无 AI 字样，符合个人开发者工具类小程序定位。

生成完重点看首页结构，其他页大差不差。

内容页再补一次提示词：

设计微信小程序图片视频处理工具中「已选择文件后的操作页面」UI，适用于图片压缩、视频压缩、图片裁剪、格式转换。页面结构：顶部导航栏（返回 + 功能名），中部功能快捷入口，底部固定菜单栏切换。扁平化组件，主色蓝灰，无登录页无营销元素，符合微信小程序规范。

折腾了一下，效果真的还不错。

5、开发工具

两个东西配合用：

（1）微信开发者工具：预览、真机调试、上传代码

（2）Claude code（AI 编程 IDE）：模型选的是Minmax2.7

流程是：微信开发者工具新建项目、打开claude code、开始 AI 编程。

6、第一段提示词，写好了省很多事

在 AI IDE 里，第一段提示词不是随便问一句，它决定整个项目的代码风格、AI 的工作方式，以及后面改来改去会不会越改越乱。先立规矩，再写代码。提示词要包含 4 件事：

① AI 的角色

不要只说「你是程序员」，要具体：

你是一个资深微信小程序工程师，熟悉小程序框架、审核规范和性能限制。

② 技术边界

只使用微信小程序原生能力，不使用 Vue / React，不引入第三方 npm。

③ 项目目标

本项目是图片视频压缩工具类小程序，核心功能：图片压缩、视频压缩、图片裁剪、格式转换。

④ 输出方式

直接给出可运行代码，必要时附简短注释，不解释基础概念。

7、可直接用的完整提示词

你是一个资深微信小程序开发工程师，熟悉小程序生命周期、组件化、性能优化和平台审核规范。帮我开发一个项目【工具小程序】，名称「云朵轻影压缩」，主要功能：图片压缩、视频压缩、图片裁剪、图片格式转换。使用原生小程序框架开发，不使用第三方框架和多余依赖。

8、调试、上传、发布

Claude code 给出代码后：打开微信开发者工具、点「编译」看效果、有问题再让 AI 改、达到预期点「上传」、填版本号推送到平台。体验版、提审、发布都在后台操作，不复杂。

9、踩坑提醒

（1）个人主体提前确认可选类目，工具型相对安全

（2）名称和功能不匹配，有可能被拒审

（3）备案周期长（我花了 7 天），名字填好后尽早提

（4）代码写完可先提审，未备案也能审，提前发现问题

10、我的整体时间成本

开发：1 天

备案：7 天

个人认证：3 天

11、小程序体验

「云朵轻影压缩」已上架，感兴趣可以搜一下体验。

好啦，今天分享到这，下期继续。

其实 AI 真正改变的，不是你会不会写代码这件事，而是把一个想法变成能跑的东西的时间成本，压低了一个数量级。对于一人公司、个人开发者来说，这个阶段值得多折腾几下。

老样子，看往期文章，里面有更多 AI 工具实操内容。

我是南卷，最近创建了一个AI自媒体交流群，加微：gzmin0629联系我，免费拉你进群，每天限额10个。

个人介绍：AI 写作变现实战派，现在是公司一名AI产品经理，业余时间探索前沿的AI工具、产品经理必备的AI能力，以及如何增加职场外的第二份收入。