flutter-fix-layout-issues 是帮助开发者定位和修复 Flutter 布局报错的 Skill。把控制台错误、相关组件树和出现问题的页面交给 AI，它会先找尺寸约束在哪一层失去边界，再按错误类型修改和验证。
屏幕上的黄黑条纹意味着内容超出了分配空间，但解决办法未必是随手缩小字号。原文用几个常见情况解释原因：列表放进没有给出合适高度的布局，输入框在一行里拿不到有限宽度，都会让尺寸计算出问题。
例如，一行里同时放图标和长文本，可以考虑让文本通过 Expanded 使用剩余宽度，并在其中换行。列表高度问题也可通过明确高度或剩余空间来处理，但父布局本身必须提供合适约束，不能在任何地方套一层 Expanded 就期待有效。
它还提醒先看更早的主要异常。后面出现的“RenderBox was not laid out”可能只是前一个约束错误引起的连锁结果，追着最后一条报错改，容易找错地方。
修改后要热重载并检查画面，确认错误条纹或异常页面消失，也没有引入新的布局问题。适合已经能复现问题的 Flutter 项目，帮助 AI 把修复从试错变成有依据的排查。