miniprogram-development
微信小程序全流程开发助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：miniprogram-development。 它的用途是：微信小程序全流程开发助手 完整的 Skill 内容见：https://321skill.com/skills/miniprogram-development-x-9/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我创建一个微信小程序项目，包含 tabBar 和两个页面，使用云开发数据库'，它会自动生成项目结构、配置 project.config.json、设置 appid，并初始化云开发环境。之后说'调试当前页面，在控制台查看网络请求'，它会打开微信开发者工具，启动调试模式，并显示 console 和 network 面板。
介绍
这个 Skill 专为解决微信小程序开发中的全流程问题而设计，涵盖从项目创建、页面组件开发、调试预览、真机验证、测试发布到性能优化等各个环节。它能够帮助开发者快速搭建小程序项目结构，配置 project.config.json 和 appid，管理 tabBar、路由导航、图标资源，并集成云开发（CloudBase、wx.cloud）能力。无论是日常开发中的代码编写、调试，还是上架前的 CI/CD 流程（如 miniprogram-ci 预览/上传），都能提供高效支持。
使用时，只需在 AI 对话中描述你的需求，例如“创建一个包含两个 tab 页的小程序”、“调试当前页面的网络请求”或“发布小程序到微信平台”。Skill 会自动理解上下文，执行相应的操作，包括调用微信开发者工具、运行构建命令、分析 Console/Network 日志、处理云开发资源等。它支持 WeChat Developer Tools Nightly 工作流，并能通过 wechatide CLI 进行命令行操作。
适合前端开发者、后端开发者以及全栈开发者，尤其是那些需要频繁迭代微信小程序项目的团队或个人。对于刚接触小程序开发的新手，它也能提供项目结构指导、配置模板和常见错误排查建议。
使用建议：确保本地已安装微信开发者工具和 Node.js 环境，并正确配置了 appid。此 Skill 专注于微信小程序生态，不适用于支付宝小程序或 H5 页面开发。在涉及云开发时，请提前开通 Tencent CloudBase 服务。
核心特点
与通用前端开发技能不同，本 Skill 深度绑定微信小程序官方工具链（如 `miniprogram-ci`、WeChat IDE MCP），并覆盖云开发集成，可一站式完成从代码到发布的全流程，无需手动切换多个工具。
注意事项
不适用于非微信小程序平台（如支付宝小程序、H5、React Native）的开发，且需要本地安装微信开发者工具才能使用部分调试功能。
常见问题
如何配置 appid？
在项目根目录的 `project.config.json` 中设置 `appid` 字段，或通过 `wechatide` CLI 命令配置。
可以在手机上预览小程序吗？
可以，使用 `miniprogram-ci preview` 命令生成预览二维码，或用微信开发者工具的手机预览功能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/miniprogram-development-x-9/raw/index.md 读取 miniprogram-development 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/miniprogram-development-x-9/raw/index.md（查看排版版本）