| name | smart-panel-dev |
| description | Master / orchestrator skill for Tuya Ray panel miniapp development. Use this as the SINGLE ENTRY POINT for any panel miniapp task — it covers the full lifecycle (architecture → requirement → coding conventions → upload audit) and dispatches to category- or topic-specific sub-skills (ray-common, smart-ui, charts-library, socket-panel, lamp-panel, robot-vacuum, ipc-panel, electrician-timing, energy-stats, performance-ux-guard, requirement-guide) when deeper detail is needed. Anything from "how do I start a panel project" to "is this ready to upload" routes through here first. |
| when_to_use | Use this skill the moment any Tuya panel miniapp work begins — opening a project, reading or writing a DP, picking a category template, designing a page, writing PRD, reviewing code, preparing for upload. It is the default dispatcher: from here, route to miniapp-ray-common for Ray APIs, miniapp-smart-ui for UI, miniapp-charts-library for charts, the relevant category skill (lamp / socket / robot-vacuum / ipc / electrician-timing / energy-stats) for product type, miniapp-performance-ux-guard for pre-release review, and miniapp-requirement-guide for PRD authoring. Do NOT use for non-panel miniapps, web pages, or pure smart-ui documentation questions (jump straight to miniapp-smart-ui in that case). |
| id | smart-panel-dev |
| surface | miniapp |
| tags | ["miniapp","panel","ray","orchestrator","entry-point","architecture","audit","upload"] |
| license | Apache-2.0 |
| defaultEnabled | true |
| related | ["miniapp-ray-common","miniapp-smart-ui","miniapp-charts-library","miniapp-socket-panel","miniapp-lamp-panel","miniapp-robot-vacuum","miniapp-ipc-panel","miniapp-electrician-timing","miniapp-energy-stats","miniapp-performance-ux-guard","miniapp-requirement-guide"] |
智能面板开发（Smart Panel Development）
Overview
面板小程序（panel miniapp）全流程的主技能——从需求 → 架构 → 编码 →
上传，所有任务的第一站都是这里。一身两职：
- 统一入口 —— 任何 Tuya 面板开发问题先在这里定位，再分派到对应子技能
- 跑得动整条流水线 —— 自带架构、DP 模型、ty.* API、铁律、审核自检脚本，
足以单独覆盖大多数场景
本 skill 沉淀两类东西：开发流程（每阶段对应的子技能）和开发规范
（架构 / 编码铁律 / 上传审核 checklist）。
When to use
- 用户打开
source/miniapp/ 目录或问「这是什么 / 怎么开始」
- 写任何 DP 相关代码前
- AI 想用 React 标准模式做面板事情时（拦截
useState 管 DP / fetch /
全局 CSS / wx.*）
- 声称功能完成、准备打包 / 上传前
非 panel miniapp、web 页面、纯 smart-ui 文档咨询 → 直接走对应子技能。
分派表：流程阶段 + 子技能
从零到上线 7 步——每步标出在本 skill 内解决，还是跳到哪个子技能。
| 阶段 / 场景 | 在本 skill 内 | 跳子技能 |
|---|
| 1. 需求 / PRD | — | miniapp-requirement-guide |
| 2. 架构理解 / 项目结构 / DP 模型 | references/architecture.md | — |
2.5 项目本地缓存（.tuyaopen/platform/，读 PID / 绑定 / DP） | references/platform-cache.md | — |
| 3. 品类选型 | — | miniapp-lamp-panel / miniapp-socket-panel / miniapp-robot-vacuum / miniapp-ipc-panel / miniapp-electrician-timing / miniapp-energy-stats |
| 3.5 颜色 / 主题 / 视觉基调 | references/theme-design.md | — |
| 4. 编码 — Ray API / 生命周期 / 路由 | — | miniapp-ray-common |
| 4. 编码 — UI 组件 / 表单 / 弹窗 / 列表 | — | miniapp-smart-ui |
| 4. 编码 — 图表 / 用电 / 温湿度 / 能耗曲线 | — | |
