用途：这是一个 CSS 间距治理技能，用于在设计、审查或生成 CSS 时判断一处间距应当由 gap、空网格单元还是 margin 承担，并检查 AI 生成的 CSS 是否混入随意的 margin-block-start、margin-inline-start。
主要能力：把子元素之间的规则间距交回容器职责；同一容器内重复出现的兄弟元素间距优先用 gap，grid 与 flex 的子元素间距不用兄弟 margin 表达；纵向堆叠若可共享容器，优先 display: grid 加 gap。结构性留白（只有标题错位、为图片旁留出有意的空白列、让正文起始位置按列对齐等）用 grid-template 上的空单元表达；空单元是布局结构的一部分，不是间距替代品。margin 不作内部布局主手段，只允许用于与容器外部的关系，或无法改结构、无法提供带 gap 容器的例外。
使用方式：先确认四个问题——间距是否同一容器内的规则间距、留白是否表达布局位置关系、余白属于容器内职责还是容器外关系、能否改动已有结构。若为规则间距则用 gap，并向用户说明为何应把它归回容器职责；若为结构性留白则说明为何用空单元而非 margin；若保留 margin，需明示属于例外并给出理由。输出时应先明确该间距由 gap、空单元还是 margin 处理。参考代码：.stack { display: grid; gap: 0.75rem; } .actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
适用场景：决定 gap 与 margin 取舍、审查用 margin 堆叠的兄弟间距、决定空白用 gap、空单元还是 margin、把 grid/flex 子元素间距归回容器、检查 AI 生成 CSS 中的随意 margin。
限制：grid-template 写法与空单元表记规则应优先参考 ../kf-g-css-flex-grid/SKILL.md，本技能只聚焦间距职责分离。资料未提供更多平台、定价或安装方式。