Wechat Prototype Creator

本 Skill 用于引导 AI 针对各种业务需求（如：物业管理系统、企业会议室预定、二手交易市场等），快速构建出一个高保真、高颜值的微信小程序前端原型模拟器。

模拟器包含两大核心部分：

1. 左侧（手机预览区）：物理手机外壳（Notch、时间状态栏、微信胶囊按钮、导航栏、底部 Tabbar），内部采用单页应用（SPA）机制进行流畅的页面穿梭与交互。
2. 右侧（控制面板区）：提供全局模拟状态控制器（如登录状态、角色切换、配置选项）、一键页面穿梭目录、以及实时交互系统日志，极其适合进行演示和快速验证。

核心工作流

当你（AI）触发此 Skill 并承接新的原型开发需求时，请严格执行以下步骤：

1. 业务与页面规划 (Planning)

与用户对齐该原型小程序的页面与流程。明确以下核心要素：

• 目标用户与主要角色（例如：物业系统的业主与保安、商城系统的买家与卖家）。
• 页面路由目录：定义各个原型页面的 pageId，例如：home（首页）、list（列表页）、detail（详情页）、form（表单提交页）、my（个人中心）。
• 状态控制项：确定右侧面板需要模拟的全局状态（例如：登录身份、会员等级、是否支付、审核结果等）。