用途：提供聚焦的 CSS 布局指导，帮助掌握 Flexbox（一维）与 CSS Grid（二维）两套布局系统，并给出可复用的响应式布局写法。依赖 css-fundamentals，关联智能体 02-css-layout-master。
主要能力：调用方式为 Skill("css-flexbox-grid")。参数 layout_type 必填，取值 flexbox、grid、comparison、responsive；pattern 可选，取值 centering、sidebar、card-grid、holy-grail、navbar、gallery；include_responsive 可选，默认 true。内容涵盖 Flexbox 的容器属性（display、flex-direction、flex-wrap）、对齐（justify-content、align-items、align-content）、项目属性（flex-grow、flex-shrink、flex-basis）以及 gap、order、align-self；Grid 的模板列行与区域、线/跨度/命名区域放置、auto-fit、auto-fill、minmax()，以及 subgrid 和 masonry（在支持的环境下）。响应式部分涉及移动优先、断点策略、容器查询集成与 clamp() 流式布局。还提供决策参考（需要二维控制选 Grid，否则按内容尺寸、等分需求与简单行列判断）、常见模式（居中、响应式卡片网格、侧边栏）与校验规则。
限制：资料未提供价格、平台支持范围与效果数据；示例代码仅作参考，实际属性支持取决于浏览器。错误处理包括 INVALID_LAYOUT_TYPE、INCOMPATIBLE_PATTERN、MISSING_DEPENDENCY；重试配置为最多 3 次、指数退避、初始 1000ms、上限 10000ms，可重试 TIMEOUT 与 RATE_LIMIT。使用前建议已掌握 CSS 基础。