得到通过 360、390、768、1024 和桌面宽度检查的页面，以及剩余问题清单。
TOP 17 · RESPONSIVE REPAIR
响应式修复：从桌面效果图到可用手机页
系统处理断点、内容顺序、图片裁切、触控尺寸、表格、弹窗、键盘和安全区域，修复 AI 页面只在桌面宽度成立的问题。
桌面预览正常，但手机出现错位、黑屏、遮挡或无法滚动的网站。
2–4 小时，进阶难度。
DEFINITION OF DONE
做完不是“生成了一张图”，而是交付这三项
- 01
五档宽度检查结果
- 02
组件响应式规则
- 03
手机交互修复队列
EXECUTION PATH
按这个顺序推进
先解决产品和内容判断，再让 AI 执行页面。顺序反了，生成速度越快，返工越多。
- 01
先找结构性溢出
检查固定宽度、绝对定位、100vw、长文本、表格和媒体，定位横向滚动的真实来源。
- 02
重排内容优先级
窄屏不是缩小桌面，而是重新决定标题、媒体、操作和辅助信息的先后顺序。
- 03
修复触控与键盘
检查按钮、滑动、弹窗滚动、输入键盘、返回和焦点，不让浮层锁死页面。
- 04
覆盖中间宽度
除手机和桌面外重点检查 768 到 1100 像素，避免布局在平板和小笔记本断裂。
公开可看的项目骨架
- 五档测试宽度
- 常见溢出根因
- 弹窗和键盘检查
会员使用包内完整素材
- 3 个包内完整构建提示词
- 月度会员按每月 20 个额度选择包内会员提示词
- 年度与永久会员可使用全部会员提示词，每日最多首次解锁 50 个
INCLUDED BUILDING BLOCKS
包内可直接调用的素材
这些素材负责提供视觉、结构或组件。先按项目路径判断，再进入详情和会员复制。
QUALITY GATE
满足这些条件，才算完成
项目包卖的不是生成次数，而是一个可检查的完成标准。
所有测试宽度没有非预期横向滚动
弹窗打开和关闭后页面都能继续滚动
图片裁切不会切掉主体和文字
键盘出现时输入与提交按钮仍可见
NEXT PROJECT
接下来可以继续做
围绕同一阶段选择下一条结果路径，不必重新从 452 张卡片里猜。
TOP 04上线前页面质检清单，避免 AI 味和模板感
从内容、视觉、交互、响应式、性能和可信度六个维度检查 AI 生成页面，系统清理空洞大词、平均排版、无效动效和模板化区块。
交付结果- 六维页面质检报告
- 高优先级修改队列
TOP 15
TOP 16