产品规划与高保真原型

解决什么问题

当你拿到一份功能清单——无论是自由文本、分级列表还是表格——下一步往往不是开发，而是把这些条目整理成清晰的架构和页面设计。但手动梳理模块关系、规划页面布局、区分终端类型，再画出可交互的高保真原型，这个过程既耗时又容易遗漏关键功能。

技能如何工作

这个技能围绕两条主线展开：功能规划与高保真原型绘制。

规划阶段按固定步骤执行：

• 终端识别与选择：自动识别清单涉及 PC 后台、移动端小程序还是 APP，多终端时通过交互让你选定本次只规划其中一个。
• 产品架构设计：将功能条目聚类为一级模块（顶层业务域）和二级模块（子业务能力），明确每个模块的作用与关系。
• 页面规划：为每个二级模块映射页面，规划布局、元素和操作。
• 系统完整性检测：对照基础功能基线（登录认证、用户管理、角色权限、日志等）检查覆盖情况。
• 规划确认：以 Markdown 文档交付，确认后再进入原型阶段。

原型阶段调用 ui-ux-pro-max 生成设计系统，产出单一自包含 HTML 文件——内联所有 CSS/JS，不依赖外部网络资源，原生 JS 实现视图切换，支持点击跳转和交互反馈。画布尺寸根据终端固定：PC 为 1920×1080，移动端为 438×944。

适用边界

• 一次只规划一个终端，多终端需求需分批处理。
• 原型阶段不会默认执行，必须在你确认后才开始。
• 规划文档默认输出 Markdown，其他格式需明确要求。