| name | wechat-miniprogram-platform |
| description | WeChat miniprogram platform layer — safe area, custom nav-bar, tabBar, directory structure for native, Taro, and uni-app. Resolves UI prompt keys from the Joekind prompt library (website). Use when building 微信小程序, uni-app or Taro mini programs, generating pages/components from a prompt key, or implementing layout, navigation, and tabBar.
|
| disable-model-invocation | true |
微信小程序 · 平台层(执行引擎)
本 Skill 只负责平台规范与代码落地,不负责视觉风格大全。
用户从网站复制 prompt key
↓
本 Skill 解析 key → 拉取页面/组件提示词
↓
Platform 硬规则 + Framework 胶水 → 生成可运行代码
视觉提示词由 Joekind Prompt 库
目录地图:references/README.md
工作流
1. 识别框架(native / taro / uniapp)
2. 获取 prompt key(或用户粘贴完整 prompt)
3. 解析提示词 → references/prompts/
4. platform/*(布局、tabBar、禁止项)
5. frameworks/{framework}.md
6. structure/directory.md
7. 生成页面或组件 → 校验清单
1. 识别框架
无法判断时 必须先问用户,禁止默认生成 .wxml / .vue / .tsx。
2. Prompt Key(核心)
用户从 Joekind 提示词站复制 key,例如:
/wechat-miniprogram-platform 用 key: xhs-discover 生成发现页
3. 平台必读
4. 生成约束
- 新建项目 MUST 含:
utils/layout + nav-bar + safe-footer(或框架等价物)
- custom 导航栏高度 禁止写死,必须由 API 计算
- 固定底栏 MUST
constant + env(safe-area-inset-bottom)
- 布局尺寸以 rpx 为主(1px 边框除外)
- 不得覆盖、遮挡右上角系统胶囊
5. 校验清单(必须)
框架
- [ ] 文件扩展名与框架一致(wxml / vue / tsx)
- [ ] app.json / pages.json / app.config 路由已注册
导航与安全区
- [ ] custom 页使用 nav-bar,navBarHeight 动态计算
- [ ] 主内容 padding-top ≥ --nav-bar-height
- [ ] 固定底栏有 safe-area;主内容有底栏避让
- [ ] 标题/右侧操作未进入胶囊区域
TabBar
- [ ] 原生 tabBar 在 app.json / pages.json 配置正确
- [ ] 自定义 tabBar 单独组件 + safe-area
Prompt
- [ ] 已按 key 对应 prompt 还原页面结构与文案层级
- [ ] 未擅自删减 prompt 中的模块(除非用户要求)
通用
- [ ] 无 :hover / 超规范 shadow
- [ ] 系统字体栈
目录结构
wechat-miniprogram-platform/
├── SKILL.md
└── references/
├── README.md
├── platform/
│ ├── layout.md
│ ├── tabbar.md
│ └── forbidden.md
├── frameworks/
│ ├── native.md
│ ├── taro.md
│ └── uniapp.md
├── structure/
│ └── directory.md
└── prompts/
└──registry.md
网站侧(Joekind Prompt 库)约定
供你建站时对齐本 Skill,格式见 prompts/registry.md。
每条记录至少包含:
key — 用户复制的标识
type — page | component
frameworks — native | taro | uniapp | all
prompt — Markdown 正文(构图、模块、文案、风格引用)
preview — 预览图或 H5 demo URL
style — 可选,如 editorial-pop → 联动 UI Skill