移动端响应式布局修复工具

需求说明

使用此技能帮助前端开发者、设计师、初创团队及负责维护网页界面在手机与桌面屏幕上的可用性的人员，解决以下问题：

经验证的需求：产品团队需要可靠的流程来修复移动端响应式布局、导航栏布局以及跨设备 UI 问题。该需求在四个来源家族中获得了12个独立信号的支持，表明其具有广泛性而非单一孤立请求。

需求评分：100/100（70/70 需求强度，30/30 本地可行性）

证据来源：4个来源家族共12条信号。

如需查阅原始证据、规划细节或评审标准，请参考 references/requirement-plan.md。

工作流程

1. 重述用户的目标、约束条件、可获取的输入信息以及成功标准。
2. 明确创作简报，生成多种方案，并针对目标受众和语气优化最强方案。
3. 仅在缺失信息会显著影响输出时才提出询问；否则基于合理假设继续推进。
4. 保持对本地硬件友好：优先采用脚本、模板、检查清单，以及小模型或 CPU 友好的工作流，避免依赖云端或大型训练模型。
5. 输出用户所要求的成果物，包括但不限于：工作流程、检查清单、分析报告、代码变更或决策支持。
6. 根据成功标准验证输出结果，并列出任何剩余风险或后续工作项。

预期输出

• 针对用户当前情境量身定制的回答或成果物。
• 若任务可重复执行，则提供可复用的检查清单或工作流程。
• 包含验证过程的说明，展示结果是如何被检验的。

验证标准

• 输出内容直接回应已识别的需求。
• 用户无需阅读原始发布内容即可直接采取行动。
• 所有假设、限制条件和所需输入均清晰可见。
• 最终回复中包含简短的使用建议或下一步操作提示（如有帮助）。

触发关键词

creative-and-content、mobile responsive、responsive design、navbar、layout、frontend

示例触发语句：

• 帮我解决产品团队需要可靠的流程来修复移动端响应式布局、导航栏布局和跨设备 UI 问题。
• 我需要一个实用的工作流程来应对产品团队需要可靠的流程来修复移动端响应式布局、导航栏布局和跨设备 UI 问题。
• 使用 $mobile-responsive-layout-fixer 来处理产品团队需要可靠的流程来修复移动端响应式布局、导航栏布局和跨设备 UI 问题。