flexbox-patterns 是前端检查清单（front-end-checklist）中的一条 CSS 规则技能，主题为“应用 Flexbox 最佳实践”。它面向样式表、组件样式以及响应式行为的审查场景，目标是在代码审查中识别并修正与 Flexbox 相关的常见布局问题。
用途 该技能用于在审查样式表、组件样式和响应式行为时，应用 Flexbox 最佳实践。它特别关注 Flexbox 中不直观的默认值（flex-shrink:1、min-width:auto）所引发的布局缺陷，这类问题往往难以诊断。资料指出，理解 flex 简写以及 min-width:0 修复方法，可以避免最常见的 Flexbox 破坏场景。
主要能力 根据资料，该技能提供以下能力：
- 快速参考：说明 Flexbox 用于一维布局（一行或一列）；等宽且填满空间的项应使用 flex: 1 1 0（简写为 flex:1）；当文本溢出截断不生效时，应为 flex 子项添加 min-width: 0；flex 项之间的间距应使用 gap 而不是 margin。
- 检查：审查 CSS 中常见的 Flexbox 错误，包括含文本的 flex 子项缺少 min-width:0、使用 margin 而非 gap 做间距、以及不正确的 flex 简写用法。
- 修复：修复 Flexbox 布局问题，在需要处添加 min-width:0，用 gap 替换项之间的 margin，并纠正 flex 简写值。
- 解释：解释 flex-grow、flex-shrink 和 flex-basis 的工作方式，flex 简写的含义，以及为什么 min-width:0 能修复 flex 布局中的文本溢出。
- 代码审查：审查与“应用 Flexbox 最佳实践”相关的样式表、组件样式和响应式状态，指出在渲染 UI 中违反该规则的具体选择器、声明或断点。
使用方式 该技能以规则形式提供，可通过检查、修复、解释和代码审查等方式使用。资料提到，完整的实现细节、代码示例和框架特定指导见 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/css/flexbox-patterns。
适用场景 适用于前端开发与代码审查流程中，对 CSS 样式表、组件样式和响应式布局进行 Flexbox 相关检查与修复的场景，尤其是排查文本溢出截断失效、间距处理不当和 flex 简写误用等问题。
限制 资料未提供该技能的具体安装命令、支持的框架列表、收费或价格信息、平台限制以及效果保证。上述内容暂未提供。