[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M70D5TRN31DSZMBN96SQYWNM":3,"skill-same:01M70D5TRN31DSZMBN96SQYWNM":99},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":58,"commitSha":59,"skillDirectory":60,"forksCount":61,"repositoryHtmlUrl":62,"repositoryHomepageUrl":6,"ownerHtmlUrl":63,"ownerBlogUrl":64,"ownerDescription":65,"updatedAt":66,"install":67,"resources":80},"01M70D5TRN31DSZMBN96SQYWNM","miniprogram-development",null,"WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects. This skill should be used when users ask to create, develop, modify, debug, preview, test, deploy, publish, launch, review, or optimize WeChat Mini Programs, mini program pages, components, `tabBar`, routing, navigation, icon assets, project structure, project configuration, `project.config.json`, `appid` setup, device preview, real-device validation, WeChat Developer Tools Nightly workflows, `wechatide` CLI, WeChat IDE Skills\u002FMCP, console\u002Fnetwork debugging, `miniprogram-ci` preview\u002Fupload flows, or mini program release processes. It should also be used when users explicitly mention CloudBase, `wx.cloud`, Tencent CloudBase, 腾讯云开发, 微信云开发, or 云开发 in a mini program project.","EthanYoQ\u002FSkill-hub","EthanYoQ","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F257484394?v=4","01M70C9QKWR1YS0S7V26DNB18H","Ethan","01M70C9QMER047R5ANZZA6KC2P",11,"MIT","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Farchives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"miniprogram development","development","publishing","for","ide","developer","config","release","project structure","structure","create","components","workflows","MCP","ci","微信","testing","tencent","project","projects","2026-11-10 10:12:30",false,"---\nname: miniprogram-development\ndescription: WeChat Mini Program development skill for building, debugging, previewing, testing, publishing, and optimizing mini program projects. This skill should be used when users ask to create, develop, modify, debug, preview, test, deploy, publish, launch, review, or optimize WeChat Mini Programs, mini program pages, components, `tabBar`, routing, navigation, icon assets, project structure, project configuration, `project.config.json`, `appid` setup, device preview, real-device validation, WeChat Developer Tools Nightly workflows, `wechatide` CLI, WeChat IDE Skills\u002FMCP, console\u002Fnetwork debugging, `miniprogram-ci` preview\u002Fupload flows, or mini program release processes. It should also be used when users explicitly mention CloudBase, `wx.cloud`, Tencent CloudBase, 腾讯云开发, 微信云开发, or 云开发 in a mini program project.\nversion: 2.25.0\nalwaysApply: false\n---\n\n## Standalone Install Note\n\nIf this environment only installed the current skill, start from the CloudBase main entry and use the published `cloudbase\u002Freferences\u002F...` paths for sibling skills.\n\n- CloudBase main entry: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002FSKILL.md`\n- Current skill raw source: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fminiprogram-development\u002FSKILL.md`\n\nKeep local `references\u002F...` paths for files that ship with the current skill directory. When this file points to a sibling skill such as `auth-tool` or `web-development`, use the standalone fallback URL shown next to that reference.\n\n**Cross-cutting protocols** (required before code changes or uploads):\n- Change Safety Protocol: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fcloudbase-platform\u002Freferences\u002Fprotocols\u002Fchange-safety-protocol.md`\n- Deployment Gate: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fcloudbase-platform\u002Freferences\u002Fprotocols\u002Fdeployment-gate.md`\n\n## Activation Contract\n\n### Use this first when\n\n- The request is about WeChat Mini Program structure, pages, preview, publishing, or CloudBase mini program integration.\n\n### Read before writing code if\n\n- The user mentions `wx.cloud`, CloudBase mini programs, OPENID, mini program deployment\u002Fdebug workflows, Nightly DevTools, `wechatide`, or WeChat IDE Skills.\n\n### Then also read\n\n- CloudBase auth -> `..\u002Fauth-wechat\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fauth-wechat\u002FSKILL.md`)\n- CloudBase document DB -> `..\u002Fno-sql-wx-mp-sdk\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fno-sql-wx-mp-sdk\u002FSKILL.md`)\n- Mini Program WeChat Pay or Integration Center generated payment functions -> `..\u002Fcloudbase-wechat-integration\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fcloudbase-wechat-integration\u002FSKILL.md`; official docs: `https:\u002F\u002Fdocs.cloudbase.net\u002Fintegration\u002Fwechat-pay-miniprogram\u002Findex.md`)\n- UI generation -> `..\u002Fui-design\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fui-design\u002FSKILL.md`) first\n\n### Do NOT use for\n\n- Web auth flows or Web SDK-specific frontend implementation.\n- WeChat Pay, payment callbacks, refunds, or Official Account OAuth details; use `cloudbase-wechat-integration` for those scenarios.\n\n### Common mistakes \u002F gotchas\n\n- Generating a Web-style login flow for mini programs.\n- Mixing Web SDK assumptions into `wx.cloud` projects.\n- Applying CloudBase constraints before confirming the project actually uses CloudBase.\n- Assuming Stable WeChat Developer Tools includes Nightly Skills\u002F`wechatide` (it may not).\n- Forcing CloudBase MCP Tencent Cloud login for daily mini program cloud ops when Nightly `wechatide` already works.\n- Inventing `wechatide` tool names or flags instead of using `--help` \u002F Nightly `tools.yaml`.\n- Making code or configuration changes without first following the Change Safety Protocol (`cloudbase-platform\u002Freferences\u002Fprotocols\u002Fchange-safety-protocol.md`).\n- Performing mini program upload\u002Fpublish without first completing the checks in `cloudbase-platform\u002Freferences\u002Fprotocols\u002Fdeployment-gate.md`.\n\n## When to use this skill\n\nUse this skill for **WeChat Mini Program development** when you need to:\n\n- Build or modify mini program pages and components\n- Organize mini program project structure and configuration\n- Debug, preview, or publish mini program projects\n- Work with WeChat Developer Tools workflows\n- Handle mini program runtime behavior, assets, or page config files\n- Integrate CloudBase in a mini program project when explicitly needed\n\n**Do NOT use for:**\n- Web frontend development (use `web-development`)\n- Pure backend service development (use `cloudrun-development` or `cloud-functions` as appropriate)\n- UI design-only tasks without mini program development context (use `ui-design`)\n\n---\n\n## How to use this skill (for a coding agent)\n\n1. **Start with the general mini program workflow**\n   - Treat WeChat Mini Program development as the default scope\n   - Do not assume the project uses CloudBase unless the user or codebase indicates it\n\n2. **Follow mini program project conventions**\n   - Keep mini program source under the configured mini program root\n   - Ensure page files include the required configuration file such as `index.json`\n   - Check `project.config.json` before suggesting preview or IDE workflows\n\n3. **Route by scenario**\n   - If the task involves debugging, previewing, publishing, opening DevTools, console\u002Fnetwork, or `wechatide`, read [debug and preview reference](references\u002Fdevtools-debug-preview.md) first\n   - If choosing between WeChat IDE Skills and CloudBase MCP, read [WeChat IDE Skills vs CloudBase MCP](references\u002Fwxide-vs-cloudbase-mcp.md)\n   - If the task involves CloudBase, `wx.cloud`, cloud functions, CloudBase database\u002Fstorage, or CloudBase identity handling, read [CloudBase integration reference](references\u002Fcloudbase-integration.md)\n   - If the task involves `tabBar`, icon assets, or label spacing, prefer the text-only custom `tabBar` default below unless the user explicitly requires icons\n\n4. **Use CloudBase rules only when applicable**\n   - CloudBase \u002F 微信云开发 is an important mini program integration path, but not a universal requirement\n   - Only apply CloudBase-specific auth, database, storage, or cloud function constraints when the project is using CloudBase\n\n5. **Recommend the right preview\u002Fdebug\u002Fcloud-ops path**\n   - Prefer **Nightly** WeChat Developer Tools (built-in Skills\u002FMCP) and execute via `wechatide` when available — see [devtools-debug-preview.md](references\u002Fdevtools-debug-preview.md)\n   - Nightly download: https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fdevtools\u002Fnightly_backup.html\n   - If Nightly \u002F `wechatide` is unavailable, fall back to `miniprogram-ci` for preview\u002Fupload and CloudBase MCP for cloud resources\n\n---\n\n# WeChat Mini Program Development Rules\n\n## General Project Rules\n\n1. **Project Structure**\n   - Mini program code should follow the project root configured in `project.config.json`\n   - Keep page-level files complete, including `.json` configuration files\n   - Ensure referenced local assets actually exist to avoid compile failures\n\n2. **Configuration Checks**\n   - Check `project.config.json` before opening, previewing, or publishing a project\n   - Confirm `appid` is available when a real preview, upload, or WeChat Developer Tools workflow is required\n   - Confirm `miniprogramRoot` and related path settings are correct\n\n3. **Resource Handling**\n   - For `tabBar`, prefer a text-only custom `tabBar` by default when the user does not explicitly need icons. This avoids icon asset handling, removes reserved icon space, and makes the label area easier to align.\n   - Only generate local icon assets and configure `iconPath` \u002F `selectedIconPath` when the user explicitly asks for tab icons or the design requires them.\n   - When generating local asset references such as icons, ensure the files are downloaded into the project.\n   - Keep file paths stable and consistent with mini program config files.\n\n### Recommended default for simple `tabBar`\n\nUse `tabBar.custom = true`, keep only `pagePath` and `text` in `app.json`, and render text-only items in the custom component so there is no icon slot and no extra blank area above the label.\n\n`app.json`\n\n```json\n{\n  \"tabBar\": {\n    \"custom\": true,\n    \"list\": [\n      { \"pagePath\": \"pages\u002Findex\u002Findex\", \"text\": \"首页\" },\n      { \"pagePath\": \"pages\u002Ftravel\u002Ftravel\", \"text\": \"行程\" },\n      { \"pagePath\": \"pages\u002Fmy\u002Fmy\", \"text\": \"我的\" }\n    ]\n  }\n}\n```\n\nKeep the custom `tabBar` layout text-only, and use flex centering or matching `height` and `line-height` to remove the blank area above the label. Switch to downloaded local icons only when the user explicitly wants icon-based tabs.\n\n## CloudBase as a Mini Program Sub-Scenario\n\n- If the user explicitly uses CloudBase, `wx.cloud`, Tencent CloudBase, 腾讯云开发, or 云开发, follow the CloudBase integration reference\n- In CloudBase mini program projects, use `wx.cloud` APIs and CloudBase environment configuration appropriately\n- Do not apply CloudBase-specific rules to non-CloudBase mini program projects\n\n## Debugging, Preview, and Publishing\n\n- Prefer **Nightly** DevTools + `wechatide` for open project, compile, simulator, console\u002Fnetwork debug, preview, upload, and daily cloud ops (WeChat login — no separate Tencent Cloud login)\n- Always pass required context: `-c \u003CclientName>`, absolute `--project`, valid `appid`, and cloud `env` when needed\n- If Nightly \u002F `wechatide` is not available, use `miniprogram-ci` as the fallback for preview\u002Fupload\u002Fnpm, and CloudBase MCP for cloud resources; tell the user to install Nightly for full Skills\u002FMCP\n- For detailed workflows, read [debug and preview reference](references\u002Fdevtools-debug-preview.md) and [WeChat IDE Skills vs CloudBase MCP](references\u002Fwxide-vs-cloudbase-mcp.md)\n\n## Minimal project skeleton\n\n`app.js`\n\n```js\nApp({\n  onLaunch() {\n    console.log(\"Mini Program launched\");\n  },\n});\n```\n\n`pages\u002Findex\u002Findex.js`\n\n```js\nPage({\n  data: {\n    message: \"Hello CloudBase Mini Program\",\n  },\n});\n```\n\n`pages\u002Findex\u002Findex.wxml`\n\n```xml\n\u003Cview class=\"page\">\n  \u003Ctext>{{message}}\u003C\u002Ftext>\n\u003C\u002Fview>\n```\n\n`pages\u002Findex\u002Findex.json`\n\n```json\n{\n  \"navigationBarTitleText\": \"Home\"\n}\n```\n\n`project.config.json`\n\n```json\n{\n  \"appid\": \"your-mini-program-appid\",\n  \"projectname\": \"cloudbase-mini-program\",\n  \"miniprogramRoot\": \".\u002F\",\n  \"compileType\": \"miniprogram\"\n}\n```\n\n## References\n\n- [CloudBase Mini Program Integration](references\u002Fcloudbase-integration.md) — use this when the mini program project explicitly integrates CloudBase\n- [WeChat DevTools Debug and Preview](references\u002Fdevtools-debug-preview.md) — Nightly \u002F `wechatide` paths, required context, and no-Nightly fallbacks\n- [WeChat IDE Skills vs CloudBase MCP](references\u002Fwxide-vs-cloudbase-mcp.md) — layering and when to use which execution surface\n- [Common Pitfalls](references\u002Fpitfalls.md) — read before generating code for optional chaining, TDesign styling, Canvas + storage, and environment issues\n","## Standalone Install Note\n\nIf this environment only installed the current skill, start from the CloudBase main entry and use the published `cloudbase\u002Freferences\u002F...` paths for sibling skills.\n\n- CloudBase main entry: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002FSKILL.md`\n- Current skill raw source: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fminiprogram-development\u002FSKILL.md`\n\nKeep local `references\u002F...` paths for files that ship with the current skill directory. When this file points to a sibling skill such as `auth-tool` or `web-development`, use the standalone fallback URL shown next to that reference.\n\n**Cross-cutting protocols** (required before code changes or uploads):\n- Change Safety Protocol: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fcloudbase-platform\u002Freferences\u002Fprotocols\u002Fchange-safety-protocol.md`\n- Deployment Gate: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fcloudbase-platform\u002Freferences\u002Fprotocols\u002Fdeployment-gate.md`\n\n## Activation Contract\n\n### Use this first when\n\n- The request is about WeChat Mini Program structure, pages, preview, publishing, or CloudBase mini program integration.\n\n### Read before writing code if\n\n- The user mentions `wx.cloud`, CloudBase mini programs, OPENID, mini program deployment\u002Fdebug workflows, Nightly DevTools, `wechatide`, or WeChat IDE Skills.\n\n### Then also read\n\n- CloudBase auth -> `..\u002Fauth-wechat\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fauth-wechat\u002FSKILL.md`)\n- CloudBase document DB -> `..\u002Fno-sql-wx-mp-sdk\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fno-sql-wx-mp-sdk\u002FSKILL.md`)\n- Mini Program WeChat Pay or Integration Center generated payment functions -> `..\u002Fcloudbase-wechat-integration\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fcloudbase-wechat-integration\u002FSKILL.md`; official docs: `https:\u002F\u002Fdocs.cloudbase.net\u002Fintegration\u002Fwechat-pay-miniprogram\u002Findex.md`)\n- UI generation -> `..\u002Fui-design\u002FSKILL.md` (standalone fallback: `https:\u002F\u002Fcnb.cool\u002Ftencent\u002Fcloud\u002Fcloudbase\u002Fcloudbase-skills\u002F-\u002Fgit\u002Fraw\u002Fmain\u002Fskills\u002Fcloudbase\u002Freferences\u002Fui-design\u002FSKILL.md`) first\n\n### Do NOT use for\n\n- Web auth flows or Web SDK-specific frontend implementation.\n- WeChat Pay, payment callbacks, refunds, or Official Account OAuth details; use `cloudbase-wechat-integration` for those scenarios.\n\n### Common mistakes \u002F gotchas\n\n- Generating a Web-style login flow for mini programs.\n- Mixing Web SDK assumptions into `wx.cloud` projects.\n- Applying CloudBase constraints before confirming the project actually uses CloudBase.\n- Assuming Stable WeChat Developer Tools includes Nightly Skills\u002F`wechatide` (it may not).\n- Forcing CloudBase MCP Tencent Cloud login for daily mini program cloud ops when Nightly `wechatide` already works.\n- Inventing `wechatide` tool names or flags instead of using `--help` \u002F Nightly `tools.yaml`.\n- Making code or configuration changes without first following the Change Safety Protocol (`cloudbase-platform\u002Freferences\u002Fprotocols\u002Fchange-safety-protocol.md`).\n- Performing mini program upload\u002Fpublish without first completing the checks in `cloudbase-platform\u002Freferences\u002Fprotocols\u002Fdeployment-gate.md`.\n\n## When to use this skill\n\nUse this skill for **WeChat Mini Program development** when you need to:\n\n- Build or modify mini program pages and components\n- Organize mini program project structure and configuration\n- Debug, preview, or publish mini program projects\n- Work with WeChat Developer Tools workflows\n- Handle mini program runtime behavior, assets, or page config files\n- Integrate CloudBase in a mini program project when explicitly needed\n\n**Do NOT use for:**\n- Web frontend development (use `web-development`)\n- Pure backend service development (use `cloudrun-development` or `cloud-functions` as appropriate)\n- UI design-only tasks without mini program development context (use `ui-design`)\n\n---\n\n## How to use this skill (for a coding agent)\n\n1. **Start with the general mini program workflow**\n   - Treat WeChat Mini Program development as the default scope\n   - Do not assume the project uses CloudBase unless the user or codebase indicates it\n\n2. **Follow mini program project conventions**\n   - Keep mini program source under the configured mini program root\n   - Ensure page files include the required configuration file such as `index.json`\n   - Check `project.config.json` before suggesting preview or IDE workflows\n\n3. **Route by scenario**\n   - If the task involves debugging, previewing, publishing, opening DevTools, console\u002Fnetwork, or `wechatide`, read [debug and preview reference](references\u002Fdevtools-debug-preview.md) first\n   - If choosing between WeChat IDE Skills and CloudBase MCP, read [WeChat IDE Skills vs CloudBase MCP](references\u002Fwxide-vs-cloudbase-mcp.md)\n   - If the task involves CloudBase, `wx.cloud`, cloud functions, CloudBase database\u002Fstorage, or CloudBase identity handling, read [CloudBase integration reference](references\u002Fcloudbase-integration.md)\n   - If the task involves `tabBar`, icon assets, or label spacing, prefer the text-only custom `tabBar` default below unless the user explicitly requires icons\n\n4. **Use CloudBase rules only when applicable**\n   - CloudBase \u002F 微信云开发 is an important mini program integration path, but not a universal requirement\n   - Only apply CloudBase-specific auth, database, storage, or cloud function constraints when the project is using CloudBase\n\n5. **Recommend the right preview\u002Fdebug\u002Fcloud-ops path**\n   - Prefer **Nightly** WeChat Developer Tools (built-in Skills\u002FMCP) and execute via `wechatide` when available — see [devtools-debug-preview.md](references\u002Fdevtools-debug-preview.md)\n   - Nightly download: https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fdevtools\u002Fnightly_backup.html\n   - If Nightly \u002F `wechatide` is unavailable, fall back to `miniprogram-ci` for preview\u002Fupload and CloudBase MCP for cloud resources\n\n---\n\n# WeChat Mini Program Development Rules\n\n## General Project Rules\n\n1. **Project Structure**\n   - Mini program code should follow the project root configured in `project.config.json`\n   - Keep page-level files complete, including `.json` configuration files\n   - Ensure referenced local assets actually exist to avoid compile failures\n\n2. **Configuration Checks**\n   - Check `project.config.json` before opening, previewing, or publishing a project\n   - Confirm `appid` is available when a real preview, upload, or WeChat Developer Tools workflow is required\n   - Confirm `miniprogramRoot` and related path settings are correct\n\n3. **Resource Handling**\n   - For `tabBar`, prefer a text-only custom `tabBar` by default when the user does not explicitly need icons. This avoids icon asset handling, removes reserved icon space, and makes the label area easier to align.\n   - Only generate local icon assets and configure `iconPath` \u002F `selectedIconPath` when the user explicitly asks for tab icons or the design requires them.\n   - When generating local asset references such as icons, ensure the files are downloaded into the project.\n   - Keep file paths stable and consistent with mini program config files.\n\n### Recommended default for simple `tabBar`\n\nUse `tabBar.custom = true`, keep only `pagePath` and `text` in `app.json`, and render text-only items in the custom component so there is no icon slot and no extra blank area above the label.\n\n`app.json`\n\n```json\n{\n  \"tabBar\": {\n    \"custom\": true,\n    \"list\": [\n      { \"pagePath\": \"pages\u002Findex\u002Findex\", \"text\": \"首页\" },\n      { \"pagePath\": \"pages\u002Ftravel\u002Ftravel\", \"text\": \"行程\" },\n      { \"pagePath\": \"pages\u002Fmy\u002Fmy\", \"text\": \"我的\" }\n    ]\n  }\n}\n```\n\nKeep the custom `tabBar` layout text-only, and use flex centering or matching `height` and `line-height` to remove the blank area above the label. Switch to downloaded local icons only when the user explicitly wants icon-based tabs.\n\n## CloudBase as a Mini Program Sub-Scenario\n\n- If the user explicitly uses CloudBase, `wx.cloud`, Tencent CloudBase, 腾讯云开发, or 云开发, follow the CloudBase integration reference\n- In CloudBase mini program projects, use `wx.cloud` APIs and CloudBase environment configuration appropriately\n- Do not apply CloudBase-specific rules to non-CloudBase mini program projects\n\n## Debugging, Preview, and Publishing\n\n- Prefer **Nightly** DevTools + `wechatide` for open project, compile, simulator, console\u002Fnetwork debug, preview, upload, and daily cloud ops (WeChat login — no separate Tencent Cloud login)\n- Always pass required context: `-c \u003CclientName>`, absolute `--project`, valid `appid`, and cloud `env` when needed\n- If Nightly \u002F `wechatide` is not available, use `miniprogram-ci` as the fallback for preview\u002Fupload\u002Fnpm, and CloudBase MCP for cloud resources; tell the user to install Nightly for full Skills\u002FMCP\n- For detailed workflows, read [debug and preview reference](references\u002Fdevtools-debug-preview.md) and [WeChat IDE Skills vs CloudBase MCP](references\u002Fwxide-vs-cloudbase-mcp.md)\n\n## Minimal project skeleton\n\n`app.js`\n\n```js\nApp({\n  onLaunch() {\n    console.log(\"Mini Program launched\");\n  },\n});\n```\n\n`pages\u002Findex\u002Findex.js`\n\n```js\nPage({\n  data: {\n    message: \"Hello CloudBase Mini Program\",\n  },\n});\n```\n\n`pages\u002Findex\u002Findex.wxml`\n\n```xml\n\u003Cview class=\"page\">\n  \u003Ctext>{{message}}\u003C\u002Ftext>\n\u003C\u002Fview>\n```\n\n`pages\u002Findex\u002Findex.json`\n\n```json\n{\n  \"navigationBarTitleText\": \"Home\"\n}\n```\n\n`project.config.json`\n\n```json\n{\n  \"appid\": \"your-mini-program-appid\",\n  \"projectname\": \"cloudbase-mini-program\",\n  \"miniprogramRoot\": \".\u002F\",\n  \"compileType\": \"miniprogram\"\n}\n```\n\n## References\n\n- [CloudBase Mini Program Integration](references\u002Fcloudbase-integration.md) — use this when the mini program project explicitly integrates CloudBase\n- [WeChat DevTools Debug and Preview](references\u002Fdevtools-debug-preview.md) — Nightly \u002F `wechatide` paths, required context, and no-Nightly fallbacks\n- [WeChat IDE Skills vs CloudBase MCP](references\u002Fwxide-vs-cloudbase-mcp.md) — layering and when to use which execution surface\n- [Common Pitfalls](references\u002Fpitfalls.md) — read before generating code for optional chaining, TDesign styling, Canvas + storage, and environment issues\n",{"name":5,"version":57,"alwaysApply":53,"description":7},"2.25.0","mine","1e7390741dffd3d5041fca4ebc056071ee3ba137","archives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development",5,"https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub","https:\u002F\u002Fgithub.com\u002FEthanYoQ","www.orz.md","Part Marketer, Part AI Explorer.","2026-11-07 14:52:29",{"source":8,"skillName":5,"commands":68,"prompt":78,"zipAvailable":79},[69,72,75],{"tool":70,"command":71},"npx","npx skills add EthanYoQ\u002FSkill-hub --skill miniprogram-development",{"tool":73,"command":74},"bunx","bunx skills add EthanYoQ\u002FSkill-hub --skill miniprogram-development",{"tool":76,"command":77},"pnpm","pnpm dlx skills add EthanYoQ\u002FSkill-hub --skill miniprogram-development","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Farchives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development\u002FSKILL.md",true,[81,87,91,95],{"path":82,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":85,"sourceHtmlUrl":86},"references\u002Fcloudbase-integration.md","REFERENCE","参考文档",6449,"https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Farchives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development\u002Freferences\u002Fcloudbase-integration.md",{"path":88,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":89,"sourceHtmlUrl":90},"references\u002Fdevtools-debug-preview.md",7493,"https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Farchives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development\u002Freferences\u002Fdevtools-debug-preview.md",{"path":92,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":93,"sourceHtmlUrl":94},"references\u002Fpitfalls.md",2801,"https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Farchives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development\u002Freferences\u002Fpitfalls.md",{"path":96,"resourceType":83,"resourceTypeDesc":84,"sizeBytes":97,"sourceHtmlUrl":98},"references\u002Fwxide-vs-cloudbase-mcp.md",2604,"https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Farchives\u002Fuser-installed-skills\u002Fminiprogram-development\u002F29cb93957a26b96f\u002Fminiprogram-development\u002Freferences\u002Fwxide-vs-cloudbase-mcp.md",[100,127,156,180,196,211],{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":107,"publishedAt":52},"01M713CBDSYARG4PXFXK2R2NNN","xhs-pharma-social-listening","Run evidence-disciplined Xiaohongshu social listening for foreign pharma employee pain points. Use when the user asks to collect and analyze notes\u002Fcomments about pharma companies, aliases, roles, compliance, medical affairs, or AI topics, then produce a cited and scored sampled-insight report. Includes independent-evidence counting, MediaCrawler batch collection, and CAPTCHA\u002F461 fallback to Agent Reach\u002FOpenCLI.","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Fskills\u002F10-business-industry\u002Fxhs-pharma-social-listening\u002FSKILL.md",[106],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,35,125,126],"social","xhs pharma social listening","social listening","xhs","medical","counting","when","collection","batch","analyze","notes","run","opencli","fallback","captcha","agent reach","evidence","collect","produce",{"skillNo":128,"name":129,"nameZh":6,"description":130,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":137,"publishedAt":52},"01M713C8Q76ZP0WXXBRAFKS6EE","healthcare-phi-compliance","Protected Health Information (PHI) and Personally Identifiable Information (PII) compliance patterns for healthcare applications. Covers data classification, access control, audit trails, encryption, and common leak vectors. Use when code touches PHI or PII in a healthcare system, or when auditing access control, audit trails, or leak vectors.","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Fskills\u002F10-business-industry\u002Fhealthcare-phi-compliance\u002FSKILL.md",[133,134],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":135,"categoryName":136,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000037","律师与法务",[138,139,140,141,142,143,144,145,114,146,147,148,149,150,151,152,35,153,154,155],"healthcare","phi","compliance","healthcare phi compliance","pii","compliance patterns","information","access","encryption","code","common","audit","data","patterns","Access Control","system","applications","Auditing Access Control",{"skillNo":157,"name":158,"nameZh":6,"description":159,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":160,"categories":161,"keywords":163,"publishedAt":52},"01M713C5R2GE43X45T2K75TB76","healthcare-eval-harness","Patient safety evaluation harness for healthcare application deployments. Automated test suites for CDSS accuracy, PHI exposure, clinical workflow integrity, and integration compliance. Blocks deployments on safety failures. Use when a healthcare deployment must be gated on patient-safety tests for CDSS accuracy, PHI exposure, and workflow integrity.","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Fskills\u002F10-business-industry\u002Fhealthcare-eval-harness\u002FSKILL.md",[162],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[138,164,165,166,167,168,169,114,170,171,172,173,139,35,174,175,176,177,178,179],"eval","harness","healthcare eval harness","eval harness","clinical","patient","workflow","Evaluation","Safety","integrity","deployment","accuracy","tests","deployments","use","super",{"skillNo":181,"name":182,"nameZh":6,"description":183,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":184,"categories":185,"keywords":187,"publishedAt":52},"01M713C2J17S91VYR7A8M696VR","healthcare-emr-patterns","EMR\u002FEHR development patterns for healthcare applications. Clinical safety, encounter workflows, prescription generation, clinical decision support integration, and accessibility-first UI for medical data entry. Use when building EMR or EHR features such as encounter workflows, prescription generation, or clinical data entry UI.","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Fskills\u002F10-business-industry\u002Fhealthcare-emr-patterns\u002FSKILL.md",[186],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[138,188,151,189,190,112,168,44,114,191,192,193,172,150,194,195,33,35,154,178],"EMR","healthcare emr patterns","decision","support","clinical decision support","features","ui","as",{"skillNo":197,"name":198,"nameZh":6,"description":199,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":200,"categories":201,"keywords":203,"publishedAt":52},"01M713BZERTXV0N8X6SW9DDVWZ","healthcare-cdss-patterns","Clinical Decision Support System (CDSS) development patterns. Drug interaction checking, dose validation, clinical scoring (NEWS2, qSOFA), alert severity classification, and integration into EMR workflows. Use when building clinical decision support — drug interaction checks, dose validation, clinical scoring, or alert severity.","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Fskills\u002F10-business-industry\u002Fhealthcare-cdss-patterns\u002FSKILL.md",[202],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[138,151,204,190,168,188,44,114,205,206,191,192,207,33,153,208,178,209,179,210],"healthcare cdss patterns","scoring","interaction","severity","classification","alert","decision support",{"skillNo":212,"name":213,"nameZh":6,"description":214,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":215,"categories":216,"keywords":218,"publishedAt":52},"01M713BVK3PQR7V4ZKYGMWMXJD","dxy-task-clarify","用户的请求含糊、缺背景、缺资料说明、缺读者或用途时使用。先用少量带选项的追问把任务问清楚，写成任务卡，用户确认后再执行。尤其适用于医生、科研人员和药企各岗位的工作，例如「帮我分析一下这些数据」「帮我准备明天的拜访」「写个总结」「做个 PPT」「回一下这封邮件」「整理一下会议纪要」「整理一下这些文献」「帮我准备下周的讲课」「写个病例汇报」「帮我写个提示词」。用户说「先问我」「帮我理清需求」「我不知道怎么描述」「我不会问 AI」时也使用。用途、资料、读者都已说清的请求，纯翻译，以及写代码、改代码，不使用。","https:\u002F\u002Fgithub.com\u002FEthanYoQ\u002FSkill-hub\u002Fblob\u002Fmine\u002Fskills\u002F10-business-industry\u002Fdxy-task-clarify\u002FSKILL.md",[217],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[219,220,221,222,223,224,225,226],"clarify","dxy task clarify","task","pptx","整理","翻译","数据","总结"]