wechat-miniprogram-platform

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. 识别框架

特征	框架	读取
app.json + *.wxml	原生	frameworks/native.md
@tarojs/taro	Taro	frameworks/taro.md
pages.json + manifest.json	uni-app	frameworks/uniapp.md

无法判断时 必须先问用户，禁止默认生成 .wxml / .vue / .tsx。

2. Prompt Key（核心）

用户从 Joekind 提示词站复制 key，例如：

/wechat-miniprogram-platform 用 key: xhs-discover 生成发现页

3. 平台必读

文件	内容
platform/layout.md	导航栏高度、胶囊、安全区
platform/tabbar.md	原生 / 自定义 tabBar
platform/forbidden.md	小程序禁止写法
structure/directory.md	目录与初始化清单

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