@gong-ym/ai-spec-auto 0.2.13 → 0.2.15

package/.agents/skills/domains/web/ui-verification/rules/comparison-content-text.md

@@ -1,30 +1,30 @@
----
-title: 文字内容比对规则（P0）
-impact: CRITICAL
-impactDescription: 文字缺失/错字均为 P0，验收时不得遗漏
-tags: comparison, content, text, p0, critical
----
-
-## 文字内容比对规则（P0）
-
-**P0 级要求**：文字缺失、错字为 P0，验收时不得遗漏。
-
-**比对内容**：
-- **内容 - 文字**：所有可见文案是否存在、内容是否正确（欢迎语、标题、副文案、按钮/占位/Tab 等）。
-
-**验收顺序**（必须按以下顺序进行，避免漏检）：
-1. **从上到下**：从页面最上方区域逐块检查到最下方，顺序与布局一致。
-2. **从左到右**：同一行或同一层级内，按从左到右依次检查，不跳过。
-3. **从外到里**：每个区块内按「外层容器 → 内层容器 → 叶子元素」逐层检查。
-
-**文字检查要点**：
-- 检查所有可见文案是否存在（欢迎语、标题、副标题、说明、按钮/链接文案、占位文案、Tab 文字等）
-- 检查文案内容是否正确（是否有错字、漏字）
-- 检查文案是否完整（是否被截断）
-- **特别注意**：顶部或首屏的大字号文案（如欢迎语）最容易在「只记了下面小字」时被漏掉，必须优先按从上到下扫到并记录
-
-**验收时检查**：
-- [ ] 所有可见文案是否存在？
-- [ ] 文案内容是否正确（是否有错字、漏字）？
-- [ ] 文案是否完整（是否被截断）？
-- [ ] 顶部或首屏的大字号文案是否已检查？
+---
+title: 文字内容比对规则（P0）
+impact: CRITICAL
+impactDescription: 文字缺失/错字均为 P0，验收时不得遗漏
+tags: comparison, content, text, p0, critical
+---
+
+## 文字内容比对规则（P0）
+
+**P0 级要求**：文字缺失、错字为 P0，验收时不得遗漏。
+
+**比对内容**：
+- **内容 - 文字**：所有可见文案是否存在、内容是否正确（欢迎语、标题、副文案、按钮/占位/Tab 等）。
+
+**验收顺序**（必须按以下顺序进行，避免漏检）：
+1. **从上到下**：从页面最上方区域逐块检查到最下方，顺序与布局一致。
+2. **从左到右**：同一行或同一层级内，按从左到右依次检查，不跳过。
+3. **从外到里**：每个区块内按「外层容器 → 内层容器 → 叶子元素」逐层检查。
+
+**文字检查要点**：
+- 检查所有可见文案是否存在（欢迎语、标题、副标题、说明、按钮/链接文案、占位文案、Tab 文字等）
+- 检查文案内容是否正确（是否有错字、漏字）
+- 检查文案是否完整（是否被截断）
+- **特别注意**：顶部或首屏的大字号文案（如欢迎语）最容易在「只记了下面小字」时被漏掉，必须优先按从上到下扫到并记录
+
+**验收时检查**：
+- [ ] 所有可见文案是否存在？
+- [ ] 文案内容是否正确（是否有错字、漏字）？
+- [ ] 文案是否完整（是否被截断）？
+- [ ] 顶部或首屏的大字号文案是否已检查？

package/.agents/skills/domains/web/ui-verification/rules/comparison-hierarchy.md

@@ -1,33 +1,33 @@
----
-title: 层级比对规则（P0）
-impact: CRITICAL
-impactDescription: 层级丢层/顺序错均为 P0，验收时不得遗漏
-tags: comparison, hierarchy, p0, critical, nesting
----
-
-## 层级比对规则（P0）
-
-**P0 级要求**：层级丢层、顺序颠倒为 P0，验收时不得遗漏。
-
-**比对内容**：
-- **层级**：从外到里的嵌套、父子/兄弟、先后与叠放顺序；是否丢层、顺序颠倒。
-
-**验收顺序**（必须按以下顺序进行，避免漏检）：
-1. **从上到下**：从页面最上方区域逐块检查到最下方，顺序与布局一致。
-2. **从左到右**：同一行或同一层级内，按从左到右依次检查，不跳过。
-3. **从外到里**：每个区块内按「外层容器 → 内层容器 → 叶子元素」逐层检查。
-
-**层级检查要点**：
-- 检查嵌套关系是否正确（谁包谁、父子/兄弟关系）
-- 检查区块的先后顺序是否正确
-- 检查叠放顺序（z-index）是否正确
-- 检查是否有丢层（缺少必要的容器）
-- 检查顺序是否颠倒（元素顺序与设计稿不一致）
-
-**验收时检查**：
-- [ ] 从外到里的嵌套关系是否正确？
-- [ ] 父子/兄弟关系是否正确？
-- [ ] 区块的先后顺序是否正确？
-- [ ] 叠放顺序是否正确？
-- [ ] 是否有丢层？
-- [ ] 顺序是否颠倒？
+---
+title: 层级比对规则（P0）
+impact: CRITICAL
+impactDescription: 层级丢层/顺序错均为 P0，验收时不得遗漏
+tags: comparison, hierarchy, p0, critical, nesting
+---
+
+## 层级比对规则（P0）
+
+**P0 级要求**：层级丢层、顺序颠倒为 P0，验收时不得遗漏。
+
+**比对内容**：
+- **层级**：从外到里的嵌套、父子/兄弟、先后与叠放顺序；是否丢层、顺序颠倒。
+
+**验收顺序**（必须按以下顺序进行，避免漏检）：
+1. **从上到下**：从页面最上方区域逐块检查到最下方，顺序与布局一致。
+2. **从左到右**：同一行或同一层级内，按从左到右依次检查，不跳过。
+3. **从外到里**：每个区块内按「外层容器 → 内层容器 → 叶子元素」逐层检查。
+
+**层级检查要点**：
+- 检查嵌套关系是否正确（谁包谁、父子/兄弟关系）
+- 检查区块的先后顺序是否正确
+- 检查叠放顺序（z-index）是否正确
+- 检查是否有丢层（缺少必要的容器）
+- 检查顺序是否颠倒（元素顺序与设计稿不一致）
+
+**验收时检查**：
+- [ ] 从外到里的嵌套关系是否正确？
+- [ ] 父子/兄弟关系是否正确？
+- [ ] 区块的先后顺序是否正确？
+- [ ] 叠放顺序是否正确？
+- [ ] 是否有丢层？
+- [ ] 顺序是否颠倒？

package/.agents/skills/domains/web/ui-verification/rules/comparison-layout.md

@@ -1,35 +1,35 @@
----
-title: 布局比对规则（P0）
-impact: CRITICAL
-impactDescription: 布局错位/缺失/比例错均为 P0，验收时不得遗漏
-tags: comparison, layout, p0, critical
----
-
-## 布局比对规则（P0）
-
-**P0 级要求**：布局错位、缺失、比例失调均为 P0，验收时不得遗漏。
-
-**比对内容**：
-- **布局**：区域位置、尺寸、排列方向、间距（gap/padding）、多图拼接方式；是否错位、缺失、比例失调。
-
-**验收顺序**（必须按以下顺序进行，避免漏检）：
-1. **从上到下**：从页面最上方区域逐块检查到最下方，顺序与布局一致。
-2. **从左到右**：同一行或同一层级内，按从左到右依次检查，不跳过。
-3. **从外到里**：每个区块内按「外层容器 → 内层容器 → 叶子元素」逐层检查。
-
-**布局检查特别关注（常见问题）**：
-- **页面容器宽度**：是否有不必要的 `max-width` 导致右侧大片留白？详见 `errors-page-container-width.md`
-- **横向列表**：是否铺满宽度，不会留大片空白？换行后列宽是否一致？详见 `errors-flex-layout.md`、`errors-flex-column-width.md`
-- **Grid 容器宽度**：Grid 容器是否有明确宽度（如 `width: 100%`），否则 `auto-fill` 可能只算出一列？详见 `errors-grid-container-width.md`
-- **Flex 布局**：需要铺满时是否使用了 `flex-grow: 1`，而非 `flex: 0 1 fixed-width`？详见 `errors-flex-layout.md`
-- **元素完整性**：是否有元素被截断（半截卡片等）？详见 `writing-element-completeness.md`
-- **对齐方式**：图标与文本是否水平居中对齐（`align-items: center`）？详见 `errors-alignment.md`
-- **CSS 优先级**：组件样式是否被页面级样式覆盖（如 `display: block` 覆盖了 `display: flex`）？详见 `errors-css-priority.md`
-- **按钮/交互元素**：高度、宽度、定位是否符合设计稿（**必须用浏览器工具实际查看渲染效果**，不能仅凭代码推测）？详见 `errors-button-dimensions.md`、`errors-button-position.md`
-
-**相关规则**：
-- `writing-page-container-width.md` - 页面容器宽度规则
-- `writing-list-layout.md` - 横向列表布局规则
-- `writing-element-completeness.md` - 元素展示完整性规则
-- `writing-alignment.md` - 对齐方式规则
-- `errors-*.md` - 所有相关错误规则
+---
+title: 布局比对规则（P0）
+impact: CRITICAL
+impactDescription: 布局错位/缺失/比例错均为 P0，验收时不得遗漏
+tags: comparison, layout, p0, critical
+---
+
+## 布局比对规则（P0）
+
+**P0 级要求**：布局错位、缺失、比例失调均为 P0，验收时不得遗漏。
+
+**比对内容**：
+- **布局**：区域位置、尺寸、排列方向、间距（gap/padding）、多图拼接方式；是否错位、缺失、比例失调。
+
+**验收顺序**（必须按以下顺序进行，避免漏检）：
+1. **从上到下**：从页面最上方区域逐块检查到最下方，顺序与布局一致。
+2. **从左到右**：同一行或同一层级内，按从左到右依次检查，不跳过。
+3. **从外到里**：每个区块内按「外层容器 → 内层容器 → 叶子元素」逐层检查。
+
+**布局检查特别关注（常见问题）**：
+- **页面容器宽度**：是否有不必要的 `max-width` 导致右侧大片留白？详见 `errors-page-container-width.md`
+- **横向列表**：是否铺满宽度，不会留大片空白？换行后列宽是否一致？详见 `errors-flex-layout.md`、`errors-flex-column-width.md`
+- **Grid 容器宽度**：Grid 容器是否有明确宽度（如 `width: 100%`），否则 `auto-fill` 可能只算出一列？详见 `errors-grid-container-width.md`
+- **Flex 布局**：需要铺满时是否使用了 `flex-grow: 1`，而非 `flex: 0 1 fixed-width`？详见 `errors-flex-layout.md`
+- **元素完整性**：是否有元素被截断（半截卡片等）？详见 `writing-element-completeness.md`
+- **对齐方式**：图标与文本是否水平居中对齐（`align-items: center`）？详见 `errors-alignment.md`
+- **CSS 优先级**：组件样式是否被页面级样式覆盖（如 `display: block` 覆盖了 `display: flex`）？详见 `errors-css-priority.md`
+- **按钮/交互元素**：高度、宽度、定位是否符合设计稿（**必须用浏览器工具实际查看渲染效果**，不能仅凭代码推测）？详见 `errors-button-dimensions.md`、`errors-button-position.md`
+
+**相关规则**：
+- `writing-page-container-width.md` - 页面容器宽度规则
+- `writing-list-layout.md` - 横向列表布局规则
+- `writing-element-completeness.md` - 元素展示完整性规则
+- `writing-alignment.md` - 对齐方式规则
+- `errors-*.md` - 所有相关错误规则

package/.agents/skills/domains/web/ui-verification/rules/errors-alignment.md

@@ -1,42 +1,42 @@
----
-title: 对齐方式错误
-impact: MEDIUM
-impactDescription: 图标与文本顶部对齐而非居中
-tags: errors, alignment, flexbox, icon, text
----
-
-## 对齐方式错误
-
-**错误模式**：对齐方式错误
-
-| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
-|---------|---------|----------|----------|
-| **对齐方式错误** | 图标与文本顶部对齐而非居中 | 默认使用了 `flex-start` 而非 `center` | 明确设置 `align-items: center` |
-
-**Incorrect（顶部对齐）：**
-
-```css
-.icon-text {
-  display: flex;
-  align-items: flex-start; /* 顶部对齐，视觉不协调 */
-}
-```
-
-**Correct（居中对齐）：**
-
-```css
-.icon-text {
-  display: flex;
-  align-items: center; /* 水平居中，视觉协调 */
-}
-```
-
-**验收时检查**：
-- [ ] 图标与文本的对齐方式是否正确（`align-items: center` 而非 `flex-start`）？
-
-**验收时特别关注**：
-- 必须用浏览器工具实际查看渲染效果（特别是按钮、对齐等细节）
-- 检查对齐方式是否正确设置
-
-**相关规则**：
-- `writing-alignment.md` - 对齐方式规则
+---
+title: 对齐方式错误
+impact: MEDIUM
+impactDescription: 图标与文本顶部对齐而非居中
+tags: errors, alignment, flexbox, icon, text
+---
+
+## 对齐方式错误
+
+**错误模式**：对齐方式错误
+
+| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
+|---------|---------|----------|----------|
+| **对齐方式错误** | 图标与文本顶部对齐而非居中 | 默认使用了 `flex-start` 而非 `center` | 明确设置 `align-items: center` |
+
+**Incorrect（顶部对齐）：**
+
+```css
+.icon-text {
+  display: flex;
+  align-items: flex-start; /* 顶部对齐，视觉不协调 */
+}
+```
+
+**Correct（居中对齐）：**
+
+```css
+.icon-text {
+  display: flex;
+  align-items: center; /* 水平居中，视觉协调 */
+}
+```
+
+**验收时检查**：
+- [ ] 图标与文本的对齐方式是否正确（`align-items: center` 而非 `flex-start`）？
+
+**验收时特别关注**：
+- 必须用浏览器工具实际查看渲染效果（特别是按钮、对齐等细节）
+- 检查对齐方式是否正确设置
+
+**相关规则**：
+- `writing-alignment.md` - 对齐方式规则

package/.agents/skills/domains/web/ui-verification/rules/errors-button-dimensions.md

@@ -1,28 +1,28 @@
----
-title: 按钮尺寸问题
-impact: MEDIUM
-impactDescription: 按钮高度/宽度与设计稿不符
-tags: errors, button, dimensions, browser-verification
----
-
-## 按钮尺寸问题
-
-**错误模式**：按钮尺寸不对
-
-| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
-|---------|---------|----------|----------|
-| **按钮尺寸不对** | 按钮高度/宽度与设计稿不符 | 未用浏览器实际查看，仅凭代码推测 | **必须用浏览器工具查看实际渲染效果** |
-
-**核心原则**：**必须用浏览器工具实际查看渲染效果**，不能仅凭代码推测。
-
-**验收时检查**：
-- [ ] **按钮高度、宽度**：必须用浏览器工具实际查看渲染效果，不能仅凭代码推测
-- [ ] **对齐效果**：必须用浏览器查看实际对齐效果
-- [ ] **hover/active 状态**：必须用浏览器实际触发查看
-- [ ] **响应式表现**：必须用浏览器在不同视口下查看
-
-**验收时特别关注**：
-- 必须用浏览器工具实际查看渲染效果（特别是按钮、对齐等细节）
-
-**相关规则**：
-- `tools-browser-navigation.md` - 浏览器工具打开页面指南
+---
+title: 按钮尺寸问题
+impact: MEDIUM
+impactDescription: 按钮高度/宽度与设计稿不符
+tags: errors, button, dimensions, browser-verification
+---
+
+## 按钮尺寸问题
+
+**错误模式**：按钮尺寸不对
+
+| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
+|---------|---------|----------|----------|
+| **按钮尺寸不对** | 按钮高度/宽度与设计稿不符 | 未用浏览器实际查看，仅凭代码推测 | **必须用浏览器工具查看实际渲染效果** |
+
+**核心原则**：**必须用浏览器工具实际查看渲染效果**，不能仅凭代码推测。
+
+**验收时检查**：
+- [ ] **按钮高度、宽度**：必须用浏览器工具实际查看渲染效果，不能仅凭代码推测
+- [ ] **对齐效果**：必须用浏览器查看实际对齐效果
+- [ ] **hover/active 状态**：必须用浏览器实际触发查看
+- [ ] **响应式表现**：必须用浏览器在不同视口下查看
+
+**验收时特别关注**：
+- 必须用浏览器工具实际查看渲染效果（特别是按钮、对齐等细节）
+
+**相关规则**：
+- `tools-browser-navigation.md` - 浏览器工具打开页面指南

package/.agents/skills/domains/web/ui-verification/rules/errors-button-position.md

@@ -1,25 +1,25 @@
----
-title: 按钮定位问题
-impact: MEDIUM
-impactDescription: 按钮位置、边距与设计稿不符
-tags: errors, button, position, padding, margin
----
-
-## 按钮定位问题
-
-**错误模式**：按钮定位不对
-
-| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
-|---------|---------|----------|----------|
-| **按钮定位不对** | 按钮位置、边距与设计稿不符 | 未仔细对照设计稿的 padding、margin、定位规则 | 验收时逐项对照设计稿的定位细节 |
-
-**验收时检查**：
-- [ ] 按钮、卡片的 padding、margin、定位是否符合设计稿？
-- [ ] 绝对定位的元素是否正确设置了 `left`、`right`、`top`、`bottom`？
-
-**验收时特别关注**：
-- 必须用浏览器工具实际查看渲染效果（特别是按钮、对齐等细节）
-
-**相关规则**：
-- `writing-alignment.md` - 对齐方式规则
-- `tools-browser-navigation.md` - 浏览器工具打开页面指南
+---
+title: 按钮定位问题
+impact: MEDIUM
+impactDescription: 按钮位置、边距与设计稿不符
+tags: errors, button, position, padding, margin
+---
+
+## 按钮定位问题
+
+**错误模式**：按钮定位不对
+
+| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
+|---------|---------|----------|----------|
+| **按钮定位不对** | 按钮位置、边距与设计稿不符 | 未仔细对照设计稿的 padding、margin、定位规则 | 验收时逐项对照设计稿的定位细节 |
+
+**验收时检查**：
+- [ ] 按钮、卡片的 padding、margin、定位是否符合设计稿？
+- [ ] 绝对定位的元素是否正确设置了 `left`、`right`、`top`、`bottom`？
+
+**验收时特别关注**：
+- 必须用浏览器工具实际查看渲染效果（特别是按钮、对齐等细节）
+
+**相关规则**：
+- `writing-alignment.md` - 对齐方式规则
+- `tools-browser-navigation.md` - 浏览器工具打开页面指南

package/.agents/skills/domains/web/ui-verification/rules/errors-css-priority.md

@@ -1,50 +1,50 @@
----
-title: CSS 优先级覆盖问题
-impact: HIGH
-impactDescription: 组件样式被页面级样式覆盖，布局失效
-tags: errors, css, priority, specificity, modules
----
-
-## CSS 优先级覆盖问题
-
-**错误模式**：组件样式被覆盖
-
-| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
-|---------|---------|----------|----------|
-| **组件样式被覆盖** | 组件布局失效（如 flex 变成 block） | 页面级样式覆盖了组件内部样式 | 检查 CSS 优先级，使用更具体的选择器或 CSS Modules |
-
-**Incorrect（页面级样式覆盖组件样式）：**
-
-```css
-/* 页面级样式 */
-.card {
-  display: block; /* 覆盖了组件的 flex */
-}
-
-/* 组件内部样式 */
-.card {
-  display: flex; /* 被页面级样式覆盖 */
-}
-```
-
-**Correct（使用 CSS Modules 或更具体的选择器）：**
-
-```css
-/* 使用 CSS Modules */
-.card {
-  display: flex;
-}
-
-/* 或使用更具体的选择器 */
-.page .card {
-  display: flex;
-}
-```
-
-**验收时检查**：
-- [ ] 组件样式是否被页面级样式覆盖（如 `display: block` 覆盖了 `display: flex`）？
-- [ ] 传入的 `className` 是否会覆盖组件内部的关键样式？
-- [ ] 是否使用了 CSS Modules 的类名冲突检查？
-
-**验收时特别关注**：
-- 检查 CSS 优先级覆盖问题（组件样式是否被页面级样式覆盖）
+---
+title: CSS 优先级覆盖问题
+impact: HIGH
+impactDescription: 组件样式被页面级样式覆盖，布局失效
+tags: errors, css, priority, specificity, modules
+---
+
+## CSS 优先级覆盖问题
+
+**错误模式**：组件样式被覆盖
+
+| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
+|---------|---------|----------|----------|
+| **组件样式被覆盖** | 组件布局失效（如 flex 变成 block） | 页面级样式覆盖了组件内部样式 | 检查 CSS 优先级，使用更具体的选择器或 CSS Modules |
+
+**Incorrect（页面级样式覆盖组件样式）：**
+
+```css
+/* 页面级样式 */
+.card {
+  display: block; /* 覆盖了组件的 flex */
+}
+
+/* 组件内部样式 */
+.card {
+  display: flex; /* 被页面级样式覆盖 */
+}
+```
+
+**Correct（使用 CSS Modules 或更具体的选择器）：**
+
+```css
+/* 使用 CSS Modules */
+.card {
+  display: flex;
+}
+
+/* 或使用更具体的选择器 */
+.page .card {
+  display: flex;
+}
+```
+
+**验收时检查**：
+- [ ] 组件样式是否被页面级样式覆盖（如 `display: block` 覆盖了 `display: flex`）？
+- [ ] 传入的 `className` 是否会覆盖组件内部的关键样式？
+- [ ] 是否使用了 CSS Modules 的类名冲突检查？
+
+**验收时特别关注**：
+- 检查 CSS 优先级覆盖问题（组件样式是否被页面级样式覆盖）

package/.agents/skills/domains/web/ui-verification/rules/errors-flex-column-width.md

@@ -1,46 +1,46 @@
----
-title: 换行后列宽不一致
-impact: MEDIUM
-impactDescription: Flex 布局换行后列宽不一致
-tags: errors, layout, flex, grid, column-width
----
-
-## 换行后列宽不一致
-
-**错误模式**：换行后列宽不一致
-
-| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
-|---------|---------|----------|----------|
-| **换行后列宽不一致** | 第一行和第二行的卡片宽度不同 | Flex 布局每行独立计算 | 使用 Grid 而非 Flex 来保证列宽一致 |
-
-**Incorrect（Flex 布局，换行后列宽不一致）：**
-
-```css
-.flex-container {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.flex-item {
-  flex: 1 1 280px; /* Flex 每行独立计算，列宽可能不一致 */
-}
-```
-
-**Correct（Grid 布局，列宽一致）：**
-
-```css
-.grid-container {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 16px;
-}
-```
-
-**验收时检查**：
-- [ ] 列表换行后列宽是否一致（使用 Grid）？
-
-**看到设计稿时，默认不会出现以下反审美的效果**：
-- 换行后列宽不一致
-
-**相关规则**：
-- `writing-list-layout.md` - 横向列表布局规则
+---
+title: 换行后列宽不一致
+impact: MEDIUM
+impactDescription: Flex 布局换行后列宽不一致
+tags: errors, layout, flex, grid, column-width
+---
+
+## 换行后列宽不一致
+
+**错误模式**：换行后列宽不一致
+
+| 错误模式 | 典型表现 | 根本原因 | 避免方法 |
+|---------|---------|----------|----------|
+| **换行后列宽不一致** | 第一行和第二行的卡片宽度不同 | Flex 布局每行独立计算 | 使用 Grid 而非 Flex 来保证列宽一致 |
+
+**Incorrect（Flex 布局，换行后列宽不一致）：**
+
+```css
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.flex-item {
+  flex: 1 1 280px; /* Flex 每行独立计算，列宽可能不一致 */
+}
+```
+
+**Correct（Grid 布局，列宽一致）：**
+
+```css
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 16px;
+}
+```
+
+**验收时检查**：
+- [ ] 列表换行后列宽是否一致（使用 Grid）？
+
+**看到设计稿时，默认不会出现以下反审美的效果**：
+- 换行后列宽不一致
+
+**相关规则**：
+- `writing-list-layout.md` - 横向列表布局规则