我只花了10分钟，用AI开发了第2个微信小程序！(附教程)

大家好,我是南卷。

今天聊聊怎么用 AI,从零做出一个微信小程序,还能顺利上架。

我最近做了个叫「云朵轻影压缩」的小程序,功能很简单:图片压缩、视频压缩、图片裁剪、格式转换。

整个过程我踩了不少坑,正好分享出来。

1、先选主体类型

别急着写代码,第一步是想清楚用什么主体注册。

个人主体和企业主体,差别挺大的。个人主体便宜,30 块一年,但限制多。支付、社交、资讯这些功能基本碰不了,稍微踩线就被拒审。企业主体 300 一年,贵是贵点,但能干的事多,商业化空间也大。

提前想好,不然代码写完了过不了审,白折腾。

2、注册账号

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

注册 → 绑定微信 → 创建小程序,三步走完就行。没啥坑,跟着流程来就完事。

3、起名字

这步别随便填。名字直接影响审核和备案，功能明确、不蹭大牌、没歧义,相对好过。

几个坑别踩:

• • 带品牌词(比如”微信图片压缩”)
• • 太通用(“图片压缩工具”容易被打回)
• • 容易产生歧义的表达

想好了再填,改起来麻烦。

4、UI 怎么搞

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

先让 AI 出个首页,提示词我是这么写的:

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

首页出来了,其他页基本照着改就行。

内页再补一次:

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

试了一下,效果还行。

5、开发工具准备

两个开发工具

• • 微信开发者工具(预览、调试、上传代码用)
• • Claude code(AI 编程 IDE,我选的模型是 Minmax2.7)

先在微信开发者工具新建项目,然后打开 Claude code,开始让 AI 写代码。

6、第一段提示词很关键

别上来就问”帮我写个小程序”,那样 AI 给出来的代码大概率乱七八糟。

第一段提示词要立规矩,包含 4 件事:

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

② 技术边界
只使用微信小程序原生能力,不使用 Vue / React,不引入第三方 npm。

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

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

规矩立好了,后面改起来不会越改越乱。

7、完整提示词

我直接贴出来,你可以照着用:

你是一个资深微信小程序开发工程师,熟悉小程序生命周期、组件化、性能优化和平台审核规范。

帮我开发一个项目【图片视频处理工具】,主要功能:图片压缩、视频压缩、图片裁剪、图片格式转换。

使用原生小程序框架开发,不使用第三方框架和多余依赖。

8、调试和上传

Claude code 给出代码后:

打开微信开发者工具 → 点「编译」看效果 → 有问题继续让 AI 改 → 没问题点「上传」→ 填版本号推送到平台。

体验版、提审、发布都在后台操作,流程不复杂。

9、几个坑

• • 个人主体一定提前确认可选类目,工具型相对安全
• • 名称和功能对不上,极容易被拒审
• • 备案周期长(我花了 5 天),名字定了就赶紧提
• • 代码写完可以先提审,没备案也能审,提前发现问题

10、时间成本

开发:1 天
备案:7 天
个人认证:3 天

说真的,开发时间真的不是瓶颈了。