miniprogram-development

微信小程序全流程开发技能

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:miniprogram-development。
它的用途是:微信小程序全流程开发技能
完整的 Skill 内容见:https://321skill.com/skills/miniprogram-development-x-7/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我创建一个微信小程序项目,appid为wx123456,添加tabBar包含首页和我的页面,并开启云开发”。AI会生成项目目录结构,配置project.config.json,创建页面文件,初始化云开发环境,并安装依赖。

介绍

该技能覆盖微信小程序从创建、配置、编码、调试、预览到发布上线的完整生命周期,同时支持云开发(CloudBase / wx.cloud)相关操作。它解决了小程序开发中常见的项目初始化、appid配置、tabBar与路由设计、组件开发、真机调试、CI/CD集成(miniprogram-ci)等痛点,让你无需频繁切换开发者工具文档即可完成大部分开发任务。

使用时,只需向AI描述你的需求,例如“创建一个小程序项目,配置云开发环境,并添加一个商品列表页面”,AI便会自动执行项目脚手架搭建、配置project.config.json、安装依赖、生成页面结构等步骤。对于已有项目,你还可以要求调试、预览、上传代码,或进行性能优化、代码审查等操作。

该技能特别适合前端开发者、全栈开发者以及需要快速迭代小程序产品的项目经理。无论是独立开发者还是团队协作,都能通过它提升开发效率,减少重复性配置工作。对于刚接触微信小程序的开发者,该技能也能作为学习辅助,引导你完成标准流程。

使用建议:在涉及云开发时,请确保已在微信开发者工具中开通云环境并获取正确的环境ID;发布前务必通过真机预览验证功能;对于大型项目,建议先利用技能进行代码审查和性能分析,再提交发布。

核心特点

与通用的小程序开发辅助工具不同,该技能深度集成了微信生态的云开发、miniprogram-ci 和微信开发者工具 CLI,能够一站式完成从项目创建到发布上线的全部操作,并支持对项目配置、路由、组件等细节的精准修改。

注意事项

不适合非微信小程序平台(如支付宝、抖音小程序)的开发,也不支持原生小程序框架之外的跨平台方案(如Taro、uni-app)的自动转换。

常见问题

如何初始化一个小程序项目?

直接说“创建一个微信小程序项目,appid为xxx”,AI会自动生成项目骨架并配置project.config.json。

如何配置云开发环境?

在描述中提及“开启云开发”或“配置CloudBase”,AI会引导你设置环境ID,并初始化wx.cloud相关代码。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/miniprogram-development-x-7/raw/index.md 读取 miniprogram-development 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。