miniprogram-development

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

安装使用

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

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

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

使用示例

'帮我创建一个微信小程序项目,包含首页和我的页面,并配置tabBar',它会自动生成项目目录结构、app.json配置、首页和我的页面代码,以及对应的tabBar图标资源。如果进一步要求'添加云开发环境并创建一个云函数获取用户信息',技能会创建环境变量配置、云函数代码并集成到页面中。

介绍

本技能专为微信小程序开发者设计,覆盖从项目创建、页面组件开发、tabBar配置、路由导航、图标资源管理,到真机调试、预览、测试、发布上线的完整工作流。它整合了微信开发者工具、miniprogram-ci CLI、云开发(CloudBase/wx.cloud)等官方工具链,能够自动处理project.config.json配置、appid设置、设备预览、console/network调试等高频操作,显著提升开发效率。

使用方式极为直观:你只需用自然语言描述需求,例如“创建一个带首页和我的页面的小程序并配置tabBar”,技能便会自动生成项目结构、配置文件、页面代码,并指导你进行调试和发布。它还能处理云开发环境的搭建、云函数调用、数据库操作等后端任务,让全栈开发在微信生态内无缝衔接。

适合微信小程序开发者、前端工程师、全栈工程师以及需要快速验证小程序原型的产品经理。无论是从零开始搭建新项目,还是对现有项目进行功能迭代、Bug排查、性能优化,本技能都能提供精准的代码生成、调试指导与发布流程支持。

使用建议:请确保已安装微信开发者工具并具备基础的小程序开发知识。技能在生成代码后,建议在开发者工具中预览验证,再通过miniprogram-ci进行自动化上传。注意,本技能不涉及非微信平台的小程序开发(如支付宝、抖音小程序)。

核心特点

本技能深度绑定微信小程序官方工具链(miniprogram-ci、云开发、微信开发者工具Nightly),能够自动处理项目配置、appid、真机预览等专属流程,而同类通用移动开发技能缺乏对微信生态的细粒度支持。

注意事项

不适用于支付宝、抖音等非微信小程序平台的开发,也不支持原生Android/iOS应用开发。

常见问题

如何配置小程序的appid?

在项目根目录的project.config.json中设置appid字段,技能会自动识别并配置,或通过miniprogram-ci的--appid参数指定。

怎样使用云开发功能?

技能支持CloudBase/wx.cloud,只需在对话中提及“云开发”或“wx.cloud”,技能会自动生成云函数、数据库集合等初始化代码。

给 AI 助手的安装指引

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

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