UI 原型标准化拆解

问题：截图说明容易散乱

UI 原型截图经常只是零散页面说明：导航、筛选、表格、弹窗、状态分散在聊天记录里；多页项目还会重复写相同页头、分页、按钮规则；如果直接看图生成页面，模型也容易补写原型中没有的接口、后台流程和业务规则。该技能面向这个缺口，把截图拆解成一份可复用、可评审、可继续扩写的前端页面规范文档。

工作方式：先拆场景，再按模板落文档

• 范围判断：单张截图产出单页标准化文档；多张关联截图产出每页文档、整体业务流程/页面关系文档，以及跨页面共享规则。
• 终端与场景路由：默认按 PC 网页 / 桌面端 处理；遇到移动端、响应式、独立弹窗、低保真线框、真实产品截图或设计系统抽取，先读取 references/scenario-routing.md 再决定输出口径。
• 提示词深度：多面板、表格、表单、弹窗、抽屉等复杂页面使用完整版提示词；简单页面或独立弹窗使用精简版。
• 固定拆解顺序：页面基础信息、全局导航、分类/筛选/表单区域、主体内容载体、底部/分页/辅助操作、弹窗/抽屉/浮层组件、交互规则、数据状态。
• 跨页面沉淀：共享导航、页头、配色、分页或状态规则只写一次，单页文档引用，避免重复维护。
• 输出边界：原型看不到且用户未提供的后台流程、接口语义或业务规则不补写；不可确认内容标注为 无 或 未知。

适用边界

适合把 UI 图转化为前端页面说明、组件级规范、移动端/响应式页面文档、设计系统抽取清单或低保真线框推断。它不替代真实接口设计、后端流程设计或完整 PRD；如果截图信息密度过高且细节缺失会影响准确性，才需要要求拆分截图。对于同一主链路，上下游关系更适合写在总览文档中，避免每页重复解释。