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 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/miniprogram-development-x-8/raw/index.md(查看排版版本)