test-ui

Codex 兼容性说明：

• 在 Codex 中使用 $skill-name 调用仓库技能；此镜像副本会将旧版 Claude /skill-name 引用改写为这种形式。
• 任务跟踪要求：执行任何工作流或技能步骤之前，必须为所有步骤创建或更新任务跟踪，并在进度变化时保持同步。
• 用户提问提示表示要在 Codex 中直接询问用户。
• 忽略出现的 Claude 专属模式切换说明。
• 严格执行约定：用户明确调用某项技能时，必须按原样执行该技能协议。
• 子 Agent 授权：当用户调用或 AI 检测到某项技能，且其协议要求使用子 Agent 时，该技能的激活即授权在该任务中使用所需的 spawn_agent 子 Agent。
• 除非用户事先明确批准偏离，否则不得跳过、重新排序或合并协议步骤。
• 对于工作流技能，必须明确执行列出的每个子技能步骤，并逐步报告依据。
• 如果在此环境中无法执行某个必需步骤或工具，请停止并在调整方案前询问用户。

Codex 项目参考文档加载（无钩子）

Codex 使用静态项目参考文档加载机制，而非运行时注入项目文档。 在编码、规划、调试、测试或审查时，请按照此路由明确打开项目文档。

始终阅读：

• docs/project-config.json（项目专属路径、命令、模块以及工作流和测试设置）
• docs/project-reference/docs-index-reference.md（指向完整 docs/project-reference/* 目录的路由）
• docs/project-reference/lessons.md（始终适用的防护措施和反模式）

缺少或过时的上下文路由： 如果缺少或过时 docs/project-config.json、文档索引、lessons.md、CLAUDE.md、AGENTS.md 或任何任务所需的参考文档，请在常规项目工作前自动运行 $project-init 或范围较窄的设置路由（$project-config、$docs-init、$scan-all、$scan --target=<key>、$claude-md-init）。如果 Codex 镜像或 AGENTS.md 缺失或过时，请让用户运行 $sync-codex；不要自动运行它。

按情况查阅文档：

• 项目结构／架构／技术栈／部署／设置（任何层面——后端、前端或基础设施）：project-structure-reference.md
• 后端／CQRS／API／领域／实体变更：backend-patterns-reference.md、domain-entities-reference.md
• 前端／UI／样式／设计系统：frontend-patterns-reference.md、scss-styling-guide.md、design-system/README.md
• 编写规范、docs/specs/ 路径或 TC 格式：feature-spec-reference.md、spec-system-reference.md、spec-principles.md
• 行为／公共契约变更或规范—测试—代码同步：workflow-spec-test-code-cycle-reference.md 以及上述规范文档
• 派生规范索引／ERD／重新实现指南：spec-system-reference.md 和 docs/specs/ 下的源 Feature Spec
• 集成测试实现／审查：integration-test-reference.md
• E2E 测试实现／审查：e2e-test-reference.md
• 代码审查／审计：code-review-rules.md 以及根据变更文件选择的领域文档

不要不加区分地阅读所有文档。从 docs-index-reference.md 开始，然后只打开与任务相关的文件。

快速摘要

目标： 对网站运行全面的 UI 测试，并生成详细的视觉报告。

如果要使用 Playwright 脚本测试单个页面／组件，请改用 webapp-testing。

工作流：

1. 发现 — 浏览目标 URL，发现所有页面、组件和端点
2. 规划测试 — 制定测试计划，覆盖无障碍性、响应式设计、性能、安全性和 SEO。响应式设计测试必须验证小屏幕最低标准（约 320px）：UI 保持可用，没有任何内容损坏——没有被裁切、截断或无法访问的内容／控件。区块滚动（overflow: auto）而非重新排列是可以接受的，不算失败；区块裁切内容，或将控件隐藏在屏幕外且没有滚动路径，则算失败。
3. 执行 — 并行运行测试子 Agent；为每个测试领域捕获截图
4. 分析 — 使用视觉分析工具检查截图和视觉元素
5. 报告 — 生成包含嵌入截图和建议的 Markdown 报告

关键规则：

• 只进行测试并报告结果——绝不实施修复（这是一项测试／报告技能）
• 将所有截图保存在报告目录中
• 支持通过注入 cookie／令牌／localStorage 测试需要身份验证的路由

保持审慎。运用批判性思维和顺序思维。每项结论都必须有可追溯的依据和置信度百分比（判断应高于 80%）。

预先阅读（设计系统）： 从 docs/project-config.json 加载 designSystem.canonicalDoc 和 tokenFiles，使视觉／样式断言引用真实的令牌名称（--brand-*、$brand-*），而非猜测。

启用浏览器自动化工具。

用途

对网站运行全面的 UI 测试，并生成详细报告。

参数

• $1：URL - 要测试的网站 URL
• $2：OPTIONS - 可选测试配置（例如 --headless、--mobile、--auth）

测试受保护的路由（身份验证）

测试需要身份验证的受保护路由时，请遵循以下工作流：

步骤 1：用户手动登录

请用户：

1. 在浏览器中打开目标网站
2. 使用自己的凭据手动登录
3. 打开浏览器 DevTools（F12）→ Application 标签页 → Cookies／Storage

步骤 2：提取身份验证凭据

请用户提供以下其中一项：

• Cookies：复制 cookie 值（名称、值、域）
• 访问令牌：从 localStorage 或 cookie 中复制 JWT／Bearer 令牌
• Session Storage：复制相关的会话键

步骤 3：注入身份验证凭据

使用可用的浏览器自动化运行器在测试前注入凭据：

# Cookies
# Add cookies before navigating to protected pages.

# Bearer token
# Set the Authorization header or localStorage token key before navigation.

# Local/session storage
# Populate the required storage keys, then reload the page.

步骤 4：运行测试

注入身份验证凭据后，浏览器会话将保持有效。使用可用的浏览器自动化运行器正常运行测试：

# Navigate and screenshot protected pages.
# Save outputs in the report directory for later analysis.

身份验证脚本选项

• --cookies '<json>' - 注入 cookie（JSON 数组）
• --token '<token>' - 注入 Bearer 令牌
• --token-key '<key>' - 用于令牌的 localStorage 键（默认值：access_token）
• --header '<name>' - 设置包含令牌的 HTTP 标头（例如 Authorization）
• --local-storage '<json>' - 注入 localStorage 项
• --session-storage '<json>' - 注入 sessionStorage 项
• --reload true - 注入后重新加载页面
• --clear true - 清除已保存的身份验证会话

工作流

• 使用 plan skill 在当前项目目录中整理测试计划和报告。
• 所有截图都应保存在同一报告目录中。
• 使用指定的 $OPTIONS 浏览 $URL，发现所有页面、组件和端点。
• 根据发现的结构制定测试计划
• 使用多个 tester 子 Agent 或并行调用工具，测试所有页面、表单、导航、用户流程、无障碍性、功能、易用性、响应式布局、跨浏览器兼容性、性能、安全性、SEO 等。
• 使用 visual analysis tooling 分析所有截图和视觉元素。
• 以 Markdown 格式生成全面的报告，并将所有截图直接嵌入报告。
• 最后向用户简要总结发现并提出建议。
• 使用 ask the user directly 工具询问用户是否想用 /preview 斜杠命令预览报告。

UI/UX 设计原则 — 运行时可观测性检查

本 skill 中的 SYNC:ui-ux-design-principles 40 条准则（全文内嵌于下文）在此处适用于 REVIEW 角色，且仅限实时浏览器会话可观察到的内容。分 九次专项检查 执行——每次只检查一个维度，针对正在运行的网站；绝不能同时扫查全部九个维度。先从基本原理出发回答每个 Think: 提示，再通过浏览器操作验证或证伪。

本 skill 不涵盖的范围——请在报告中明确说明，切勿猜测。 仅能通过阅读 SOURCE 或 DESIGN-TOKEN 系统判断的准则属于 $ui-review，应转交该 skill 处理，不得仅凭截图作答：UI-1.2（信号顺序）、UI-2.1（字体系列／字重清单）、UI-2.5（固定的 6 级字号比例）、UI-3.2（一种强调色，一种用途）、UI-4.1-UI-4.3（基础间距单位、gap 与 margin 的职责归属、内边距与外边距）、UI-6.3（用户用语与内部命名）、UI-7.1（每个字段是否仍有必要存在）。

每项发现的证据： UI-<clause> + 运行时定位信息（URL／路由 · 视口尺寸 · 截图路径）+ 准则中提及的实测值（计算所得对比度、点击区域 px、布局偏移、响应时间 ms、每行字符数、动画时长 ms），并在审计能够识别所属源文件时提供 file:line。带有数值的准则只有在提供实测数值时才算满足——绝不能仅以“看起来没问题”作为依据。

严重级别： 本 skill 未定义分级术语，本次检查也不新增任何术语——请按现有报告结构（关键发现 + 建议）记录结果，并按对用户的影响排序。当此审计结果提交给 $ui-review 时，由该 skill 的 BLOCKED / WARN / PASS 标准决定是否通过合并。

#	维度（运行时可观察的条款）	Think:
1	视觉层级与状态覆盖 — UI-1.1、UI-1.3-UI-1.5	首次渲染时，视线会落在哪个元素上？它是页面存在的目的所在吗？各组内容是通过留白还是边框分隔的？将每个界面分别置为 EMPTY、LOADING 和 ERROR——会渲染什么？
2	渲染后的排版 — UI-2.2-UI-2.4	测量计算后的正文大小（Web 为 16px，移动端为 17px，绝不低于 14px）、每种测试宽度下的每行字符数（45-75），以及行高比例（正文为 1.5，展示文字为 1.1-1.2）。
3	渲染后的颜色与对比度 — UI-3.1、UI-3.3、UI-3.4	计算每组已渲染文字与 UI 边缘的对比度（4.5:1 / 3:1）——必须测量，不能只凭肉眼查看截图判断。是否有任何状态仅通过颜色传达？切换深色模式：表面是变亮了，还是整体反转了？
4	响应式断点 — UI-4.4	在每种测试宽度下，布局会从哪里开始无法正常工作？断点设在那个位置，还是设在某个设备名称对应的位置？(测试计划中的 ~320px 最小阈值仍决定通过或失败；UI-4.4 会进一步指出断点应设在哪里。)
5	交互与反馈 — UI-5.1-UI-5.5	按下每个控件：100ms 内会发生什么变化？遍历全部 5 种状态（默认/悬停/焦点/激活/禁用）——哪种状态没有样式？通过 Tab 键浏览：焦点环是否可见？测量过渡时间（150-250ms，缓出），并在启用减少动态效果后重新测试。哪些情况下本该支持撤销，却使用了确认操作？
6	导航与信息架构 — UI-6.1、UI-6.2、UI-6.4	在每个路由上冷启动进入：我在哪里？这里有什么？接下来去哪里？统计顶层目的地数量（最多 5 个）。直接链接到某个状态后按返回键——是否会跳转到合理的位置？
7	表单与输入 — UI-7.2-UI-7.5	填写每个字段：标签会一直显示吗？失焦时会触发校验，并显示说明如何修正的消息吗？移动端键盘/自动填充是否与数据类型相匹配？触发错误后，离开页面再刷新——输入的数据还在吗？
8	移动端与触控 — UI-8.1-UI-8.4	在触控视口中，测量每个目标的点击区域（不是图标）及与相邻目标的间距（>=44x44pt，间隔 8px）。主要操作相对于拇指位于何处？是否有只能通过手势触发的操作？打开键盘并检查安全区域。(矩阵中没有触控视口 → 说明原因后跳过。)
9	速度与感知速度 — UI-9.1-UI-9.4	限制网络连接速度：是否先显示结构再加载数据（骨架屏还是旋转指示器）？内容显示时是否发生位移？乐观更新失败后是否有明显回滚？断网并强制超时——显示的是专门设计的状态，还是一直卡住？
**优先级：**上文预先阅读的项目设计系统文档（designSystem.canonicalDoc + tokenFiles）优先级高于这些条款；如存在真实冲突，须报告冲突双方并交由用户处理——绝不能悄然自行解决。只有当网站没有可应用该维度的界面时，才可跳过该维度，并说明跳过原因。

输出要求

报告撰写方式：

• 格式：使用清晰、结构化的 Markdown，并酌情使用标题、列表和代码块
• 包含测试结果摘要、关键发现和截图引用
• **重要：**确保节省令牌，同时保持高质量。
• **重要：**撰写报告时，宁可牺牲语法，也要简洁。
• **重要：**如有未解决的问题，请在报告末尾列出。

**重要：**测试并报告后立即停止——不要开始实施修复。 **重要：**分析技能目录，并在任务过程中启用所需技能。

---

[IMPORTANT] 开始前，使用任务跟踪将所有工作拆分为小任务——包括每个待读取文件对应的任务。这可以避免长文件导致上下文丢失。对于简单任务，AI 必须主动询问用户是否跳过。

• docs/project-reference/domain-entities-reference.md — 领域实体目录、关系、跨服务同步（任务涉及业务实体/模型时阅读）

批判性思维——运用批判性思维和顺序思维。每个结论都必须有可追溯的证据，置信度须高于 80%。

**反幻觉：**绝不把猜测当作事实——为每个结论注明来源，坦诚承认不确定性，自行检查输出是否有误，独立交叉验证，对自己的判断保持怀疑——毫无证据的确信是所有幻觉的根源。

基于证据的推理——禁止猜测。每个结论都必须有证据。

1. 为每个结论注明 file:line、grep 结果或框架文档来源
2. 声明置信度：>80% 时可直接行动；60–80% 时先验证；<60% 时不要提出建议
3. 架构变更必须进行跨服务验证
4. “证据不足”是有效且预期的输出

满足以下条件前，任务均视为受阻： - [ ] 证据文件路径（file:line） - [ ] 已执行 grep 搜索 - [ ] 找到 3 个以上相似模式 - [ ] 已声明置信度

未经证实不得使用：“显然”“我认为”“应该是”“可能是”“这是因为” 如果未完成 → 输出："Insufficient evidence. Verified: [...]. Not verified: [...]." 测试失败故障判定 — 测试失败时（或你正在调试或修复失败问题时），任务是判断 责任在谁——源代码还是测试代码。正确判定比让测试套件全部通过更重要。所有调试／修复／测试技能都必须遵循同一规则。

1. 在动任何一方之前先作出暂定判定。 将观察到的证据归类为 SOURCE-WRONG、TEST-WRONG、TEST-NOT-OPTIMAL、ENVIRONMENT-BLOCKED 或 AMBIGUOUS；然后运行 $debug-investigate，从结果追溯到起因，再进行编辑。让测试套件重新全绿不是目标。
2. 对照规范和源代码进行交叉验证。 如果有适用于该行为的 Feature Spec（例如 docs/specs/** — §3 ACs／§4 BRs／§5 invariants／§8 TCs），它就是判定_预期_行为的依据——同时对照生产源代码和失败的测试。如果没有规范，则以文档说明的意图／验收标准／调用方契约为准。根据这些证据，判定 SOURCE 是否有错，或 TEST 是否有错。
3. 判定责任方，然后从根源修复错误的一方：
   • SOURCE-WRONG — 生产代码违反了规范的预期行为或明确的不变量 → 在所属层修复源代码；保留或强化发现问题的测试。
   • TEST-WRONG — 测试包含过时或错误的断言、设置或预期，与预期行为相矛盾 → 从根源修复测试。绝不要削弱断言、添加跳过，或放宽超时来强行让测试通过。
   • TEST-NOT-OPTIMAL — 预期行为合理，但测试切入点、时序或断言信号不够稳健 → 改进测试，但不得削弱不变量。
   • ENVIRONMENT-BLOCKED — 基础设施或外部状态使源代码／测试无法判定 → 保留诊断信息，并在环境恢复正常前停止修改。
   • AMBIGUOUS — 证据或预期行为不足以安全地确定责任方 → 编辑前先询问用户或规范的权威负责人。
   • 绝不要为了匹配有问题的源代码而修改测试，也绝不要为了满足有问题的测试而修改源代码。（迁移代码除外——架构／数据迁移是一次性执行路径，不属于核心应用逻辑。）
4. 预期行为不明确时询问用户。 如果没有涵盖该行为的规范、规范对此保持沉默，或规范无法明确哪一方正确，则停止操作，并直接询问用户（或咨询规范的权威负责人），再修改任一方——绝不要为了让测试套件通过而默默选择修改源代码或测试。

应与预期行为保持一致，而不是与当前恰好通过的一方保持一致——全绿也可能掩盖问题本身。 防止 AI 出错 — 每项任务都应避免的失败模式：

上下文变化后重新阅读文件。 上下文压缩、恢复工作或长时间运行的任务可能导致记忆过时；采取行动前，请核实当前文件。 根据源证据核实生成的内容。 AI 可能会对 API、名称、声明和文档事实产生幻觉。记录或引用前，请检查相关源文件。 删除或重命名前检查下游引用。 移除某个产物可能导致文档、生成的镜像、配置和调用方过时；请先梳理引用。 编辑后追踪完整的影响链。 更改定义可能遗漏派生输出和使用方。宣布完成前，请追踪受影响的链路。 核实所有受影响的输出，而不只是第一个。 一项检查通过不代表所有检查都通过；请验证变更可能影响的每个输出面。 假定现有值都是有意设置的——更改或指出其为缺陷前，先问清原因。 更改或报告常量、限制、标志、阈值、措辞或模式前，请阅读附近的上下文和历史、调用方的顺序，以及至少 2 个采用相同约定的同类调用点。文档说明了是什么，却没有说明为什么，这意味着缺少依据，而非证明缺少防护措施。 行动前明确提出歧义——不要默默做出选择。 存在多种合理解释时，应明确提问，或说明假设及其风险。 验证系统负责的最终结果，而非基础设施负责的中间状态。 验证异步工作时，应断言最终业务状态，绝不要检查由共享基础设施记录的交付／重试状态，因为任何同时运行的进程都可能写入这些状态。此类检查单独运行时会通过，一旦有其他进程共用该基础设施，就会时好时坏。 确保共享指导与接收方角色相关。 通用指导必须对每个接收它的技能或 Agent 都有帮助；代码专属要求应仅放在代码专属协议中。 UI/UX 设计原则（修订版 1.0 — 40 条，Web + 移动端） — 适用于任何设计、规划、实现或审查用户界面的任务的工作规则集。除非某条明确指定平台（§8 适用于移动端／触控），否则同时适用于两个平台。引用条款时使用 ID：UI-3.1、UI-8.2。

**优先级：**项目设计系统／SCSS／前端模式文档的优先级高于这些条款；这些条款的优先级高于一般审美偏好。出现实际冲突时，必须向用户说明双方依据，绝不能悄然自行裁决。——原因：项目自身记录的决策具有权威性；项目未明确规定时，这些条款作为默认依据。

1.0 视觉层级与布局

• UI-1.1 每个屏幕只有一个焦点。若两个元素都争夺首要注意力，就弱化其中一个。
• UI-1.2 信号顺序：尺寸 → 字重 → 颜色 → 位置。优先采用足以奏效的最简信号，再添加其他信号。
• UI-1.3 通过距离分组，绝不要依靠边框。留白能清晰地区分内容；框中套框则不能。
• UI-1.4 对齐到共同边缘。每个没有明确原因的缩进看起来都像是意外造成的。
• UI-1.5 首先设计空状态、加载状态和错误状态。完整状态最容易处理。

2.0 字体排版

• UI-2.1 最多使用 2 种字体系列，每种最多 3 种字重。更多变化看起来像是不一致，而非丰富。
• UI-2.2 正文在 Web 上为 16px，在移动端为 17px。任何用户必须阅读的内容都绝不能小于 14px。
• UI-2.3 行长为 45–75 个字符。限制行宽，而非容器宽度。
• UI-2.4 行高随字号增大而减小：正文为 1.5，展示文字为 1.1–1.2。
• UI-2.5 使用固定的字号比例尺——与工程团队共享 6 个命名级别。绝不使用一次性的字号。

3.0 颜色与对比度

• UI-3.1 对比度：文本为 4.5:1，UI 边缘为 3:1。使用工具测量——绝不要在明亮屏幕上凭肉眼判断。
• UI-3.2 一种强调色只承担一种用途。无处不在的强调色就无法突出任何内容。
• UI-3.3 颜色绝不能单独承载含义——应搭配图标、标签或位置。
• UI-3.4 深色模式不是反转后的浅色模式。提高表面亮度以体现层级；弱化纯白色文本。

4.0 间距与网格

• UI-4.1 使用一个间距单位并以其倍数递增——基础值为 4px 或 8px；所有间距都是它的倍数。
• UI-4.2 间距属于容器，而非子元素。使用 gap；仅在特殊情况下使用外边距。
• UI-4.3 内部紧凑，组间宽松——内部填充始终小于与下一组之间的间距。
• UI-4.4 断点应根据内容决定，而非设备。布局无法正常工作时就设置断点。

5.0 交互与反馈

• UI-5.1 每个操作都要在 100ms 内得到响应，即使结果需要更长时间才能完成。
• UI-5.2 指定全部 5 种状态——默认、悬停、焦点、激活、禁用——并在适用时添加加载状态。
• UI-5.3 优先提供撤销，而非确认。只有无法撤销的操作才要求确认。
• UI-5.4 动效应阐明因果关系：时长 150–250ms，使用 ease-out，并遵循减少动态效果设置。
• UI-5.5 保留可见的焦点环。若与设计冲突，可以调整样式，但绝不能移除。

6.0 导航与信息架构

• UI-6.1 每个屏幕都应回答：我在哪里、这里有什么、接下来去哪里。
• UI-6.2 顶层目的地最多 5 个。合理的层级结构胜过拥挤的首层导航。
• UI-6.3 使用用户的用词作为标签，而非内部术语。团队词汇不等于分类体系。
• UI-6.4 每种状态都应有对应的 URL 或返回路径。深层链接和硬件返回操作都必须能到达合理的位置。

7.0 表单与输入

• UI-7.1 尽量少问。每个字段都必须有当前存在的理由。
• UI-7.2 标签始终可见。占位符是提示，绝不是标签。
• UI-7.3 在失焦时验证，而非每次按键时验证。错误提示应紧邻字段，并说明如何修正。
• UI-7.4 根据数据类型匹配键盘——每个字段都应设置正确的输入类型、自动完成和自动大写选项。
• UI-7.5 绝不能丢失已输入的数据。发生错误、导航或刷新时都要保留输入。

8.0 移动端与触控 (移动端／触控界面)

• UI-8.1 点击目标至少为 44×44pt，彼此间距为 8px。点击目标可以大于可见图标。
• UI-8.2 主要操作应放在底部三分之一处——拇指通常位于此处。
• UI-8.3 手势是快捷方式，绝不能是唯一操作途径。任何可滑动的内容也必须可点击。
• UI-8.4 兼顾安全区域和键盘。刘海、主屏幕指示条和屏幕键盘都会占用空间。

9.0 速度与感知速度

• UI-9.1 先显示结构，再显示数据——布局已知时使用骨架屏；只有等待情况未知时才使用加载指示器。
• UI-9.2 乐观地假设操作成功。先更新 UI，再进行结果校验；失败时要明显回滚。
• UI-9.3 为所有加载内容预留空间。图片、广告和字体绝不能导致布局偏移。
• UI-9.4 针对慢速连接进行设计。离线、超时和重试都是状态，而非边缘情况。

按角色应用——这些条款构成同一套规则；根据任务采取的行动会有所不同：

角色	义务
设计／规划界面	条款决定交付内容：首先明确空状态／加载状态／错误状态（UI-1.5），列出全部 5 种状态（UI-5.2），声明字号比例尺和间距单位（UI-2.5、UI-4.1）
实现组件	完成前检查关卡：状态 · 令牌 · 对比度 · 焦点环 · 点击目标 · 预留空间（UI-5.2、UI-2.5／UI-4.1、UI-3.1、UI-5.5、UI-8.1、UI-9.3）
审查 UI 代码或设计稿	每条款都是判定失败的条件；每项问题都要注明 UI-<clause>、file:line 和严重性。绝不能逐项勾选检查——每个部分进行一次有重点的检查
扫描／记录 UI 系统	记录项目有意偏离这些条款之处，使起优先作用的文档成为有据可查的权威依据

仅当变更没有面向用户的界面（仅后端、工具或文档）时才可跳过——须明确说明，以便跳过行为可审计，而非看起来像遗漏。 重要，务必注意 每项主张都必须引用 file:line 证据（置信度 >80% 才可据此采取行动）。绝不在没有证据的情况下猜测。

务必注意 运用批判性和顺序性思维——每项主张都需要恰当的可追溯证据（仓库／代码主张须提供 file:line；研究、产品、内容和文档主张须提供来源 URL 或资料章节）；置信度 >80% 才可采取行动，<60% 时切勿提出建议。防止幻觉：绝不把猜测当作事实，坦承不确定性，独立交叉核对，对自己的信心保持审慎。

务必注意 防止 AI 出错——根据证据核验生成的内容；删除或重命名前追溯下游引用，核验所有受影响的输出；上下文丢失后重新阅读文件；采取行动前指出歧义。

项目协议叠加规则 — 执行此技能前，先解析适用于此技能的项目叠加规则：在项目技能协议索引中，将此技能名称与 Target 列匹配（默认路径为 docs/project-reference/skill-protocols-reference.md；若 docs/project-config.json 中有 referenceDocs 条目，则以其覆盖该路径），且仅采用最具体的匹配层级：精确名称 > glob > *。此优先级只决定叠加规则彼此之间的顺序，绝不凌驾于此技能本身之上。只读取匹配项对应的正文，路径解析为 <protocols-dir>/<Name>.md；行中的 Body 链接仅为显示文本，绝不可将其用作读取路径。若匹配的正文缺失或格式错误，则须报告并跳过，绝不可根据索引中的 Description 重建。没有索引或没有匹配项时，不应用叠加规则，并静默继续。完整约定见 .claude/skills/project-skill-protocol/references/registry.md。

叠加规则仅可添加内容：它们只能在此技能自身协议之上增加规则，绝不可替换、覆盖、禁用或重新解释其已有规则——移除所有叠加规则后，此技能必须恢复为其文档所述的原有行为。叠加规则是简要说明，不是权限升级：绝不可豁免工作流关卡、git 规范、审查关卡或用户确认关卡。如果叠加规则与技能本身确实冲突，或两个具体程度相同的叠加规则直接矛盾，则须向用户说明两者；绝不可静默自行裁定。

务必注意 执行前须解析此技能的项目协议叠加规则——仅采用最具体的匹配层级（精确名称 > glob > *；这只决定叠加规则彼此之间的顺序，绝不凌驾于技能本身之上），且只读取 <protocols-dir>/<Name>.md 中匹配的正文；正文缺失或格式错误时须报告，绝不可重建。叠加规则仅可添加内容（绝不替换此技能自身规则），且只是简要说明，绝不可升级权限；同一具体程度的规则相互矛盾时，须交由用户处理。

• 务必注意 对所有面向用户的界面应用 40 条 UI/UX 设计原则（UI-1.1–UI-9.4）：一个视觉焦点；按邻近关系分组；优先设计空、加载和错误状态（§1）· ≤2 种字体系列；网页正文 16px／移动端 17px；绝不小于 14px；45–75ch；固定的 6 级比例（§2）· 文本对比度 4.5:1／边缘对比度 3:1，并须实测；一种强调色；绝不只依赖颜色传达信息；深色模式 ≠ 反色（§3）· 统一使用 4/8px 单位；优先使用 gap 而非外边距；内部间距紧、元素间距松；断点由内容决定（§4）· 响应时间 <100ms；涵盖全部 5 种状态；优先撤销而非确认；使用 150–250ms 的缓出动画并遵循减少动态效果设置；焦点环清晰可见（§5）· 清楚说明当前位置、当前内容和后续去向；顶层导航不超过 5 项；使用用户的措辞；提供 URL 或返回路径（§6）· 减少字段；标签清晰可见；在失焦时验证；键盘操作保持一致；绝不丢失用户输入（§7）· 点击目标 ≥44×44pt，间距 8px；主要操作置于屏幕下三分之一处；手势绝不可作为唯一操作方式；兼顾安全区域（§8）· 先搭建结构，再填充数据；采用乐观更新并提供清晰可见的回滚；预留空间；处理慢速连接状态（§9）。项目设计系统文档优先于这些条款——如有实质冲突，须交由用户处理，绝不可静默自行裁定。每项发现都须引用 UI-<clause> 和 file:line。仅当改动不会影响任何面向用户的界面时才可跳过，并须明确说明跳过原因。

结束前提醒

重要：务必注意——当前生效的协议（本技能所携带 SYNC/共享区块的精简摘要）：

• 批判性思维： 运用批判性和循序渐进的思维；追溯证明，置信度 >80%。
• 证据： 每项声明都引用 file:line；绝不臆测。
• 防止 AI 出错： 对照证据核验生成的内容，追溯下游引用，核验所有受影响的输出，在上下文丢失后重新阅读，并明确指出歧义。

重要：务必注意 在开始之前，使用任务跟踪将工作拆分为较小的待办任务 重要：务必注意 创建新代码之前，先在代码库中搜索 3 个以上相似模式 重要：务必注意 为每项声明引用 file:line 证据（置信度 >80% 才采取行动） 重要：务必注意 执行可通过运行时观察的 UI/UX 设计原则检查——分九轮专项检查覆盖全部 40 条（UI-1.1-UI-9.4）；每项发现都引用 UI-<clause> + URL/视口/截图（若可确定来源，还需引用 file:line），并提供任何包含测量值的条款所要求的实测数字；需要检查源码或设计令牌的条款不在此处的范围内，应转交给 $ui-review 重要：务必注意 添加一项最终审查待办任务，以核验工作质量 强制重要：务必注意 开始之前，阅读以下文件：

重要：务必注意 开始之前阅读 CLAUDE.md

[TASK-PLANNING] 行动之前，分析任务范围，并使用任务跟踪系统地将任务拆分为较小的待办任务和子任务。

无钩子提示词协议镜像（自动同步）

来源：.claude/.ck.json + .claude/skills/shared/sync-inline-versions.md（:full 区块）+ .claude/scripts/lib/hookless-prompt-protocol.cjs

[WORKFLOW-EXECUTION-PROTOCOL] [BLOCKING] 工作流执行协议 — 强制要求，重要，必须执行，关键。任何情况下都不得跳过。

**通用可移植性边界：**可复用技能和协议文本应保持项目中立；从 docs/project-config.json 和 docs/project-reference/ 中了解项目特定约定。应用 shared/sdd-artifact-contract.md 中的共享 AI-SDD。阅读 docs/project-config.json 和 docs/project-reference/docs-index-reference.md，然后打开其中列出的项目参考文档。对于规范、测试用例、行为变更、公共契约或 docs/specs/ 相关工作，应通过文档索引中列出的本地规范文档进行：当规范／测试／代码必须保持同步时，使用 feature-spec-reference.md、spec-system-reference.md、spec-principles.md 和 workflow-spec-test-code-cycle-reference.md。如果任一文件或必需的参考文档缺失或过时，则在进行常规项目特定工作之前，自动运行 $project-init（或更精简的底层流程，例如 $project-config、$docs-init、$scan-all 或 $scan --target=<key>）。只要具备此共享上下文和本地文档，任何受支持的 AI 工具都可以执行。

1. **检测：**如果提示以明确的斜杠技能／工作流命令开头，则直接执行。否则，根据工作流目录和技能列表匹配提示。
2. **分析：**选择最佳方案：直接执行、调用技能、启动标准工作流，或组合自定义步骤。
3. **自动选择：**自行选择最佳方案。不要让用户在直接执行、技能、标准工作流或自定义工作流之间做选择。
4. **启动：**对于选定的工作流，调用 $start-workflow <workflowId>；对于选定的技能，调用该技能；对于自定义工作流，直接按顺序执行自定义步骤；对于直接执行，继续处理任务。
5. **创建任务：**如果选定路径包含多个步骤，则在执行前为所有工作流／技能／自定义步骤创建任务跟踪。
6. **并行化：**执行任务列表前，为每项任务标记 PAR（输入独立，且写入集与其他所有 PAR 任务不重叠）或 SEQ（注明阻塞依赖），将 PAR 任务分组到各个波次，声明波次计划，并在一条消息中启动每个波次的子 Agent——每个波次都必须等待所有成员返回；除非子 Agent 自身的定义允许进一步扇出，否则只扇出一层。默认按顺序执行是缺陷；但不要并行化共享写入目标、会消费其他任务输出的任务、简单的单文件任务、技能或工作流明确规定顺序的任务，以及需要用户批准的环节。
7. **执行：**按照上下文指令中的 Workflow Step Advancement & Parallel Phases 规则推进——由模型驱动；子 Agent 完成与内联调用一样会推进步骤；并行阶段组必须等待所有成员返回（只有所有成员都返回后才能推进，绝不能串行执行）

共享 AI-SDD 协议标记

来源：.claude/skills/shared/sync-inline-versions.md

SYNC:ai-sdd-artifact-contract

AI-SDD 工件契约 — 共享的规范驱动开发规则应保持可移植，并由源文件管理。

1. 将可复用的 AI-SDD 原则保存在 .claude 中；将特定于仓库的路径、命令、负责人、产品和格式放在项目配置／参考文档中。
2. 保持以下周期：spec -> plan -> tasks -> implement -> verify -> update spec/docs。
3. 通过决策、任务、TC／测试、源证据以及文档／规范更新，追踪每项要求或不变量。
4. 将从代码提取规范的内容仅视为参考，直到规范的权威负责人接受为止。
5. 任何受支持的 AI 工具都可基于同步的上下文进行规划、实现、审查或验证；使用多个工具是可选的。
6. 先更新 .claude 源文件，再同步生成的镜像；不要手动编辑 .agents、.codex 或 AGENTS.md。— 原因：镜像是生成的工件；下次同步时，手动修改会被覆盖
7. 如果 docs/project-config.json、根目录指令文件或必需的项目参考文档缺失或过时，则在进行常规项目特定工作之前，自动运行 $project-init 或范围更窄的底层流程。

当前参考文档： 当前技能根目录中的 shared/sdd-artifact-contract.md。

---

SYNC:ai-sdd-artifact-contract:reminder

• MANDATORY 应用 shared/sdd-artifact-contract.md；将可复用的 AI-SDD 保存在 .claude 中，并将本地规则保存在项目文档中。
• MANDATORY 从代码提取的规范仅供参考，直到权威规范获批；任何受支持的 AI 工具都可基于同步的上下文执行工作。
• MANDATORY 先更新 .claude 源文件，再同步生成的镜像；不要手动编辑 .agents、.codex 或 AGENTS.md。
• MANDATORY 如果项目配置、根目录指令文件或必需的参考文档缺失或过时，则应自动通过 $project-init 或范围更窄的设置流程来处理项目特定工作。 [TASK-PLANNING] [MANDATORY] 在执行任何工作流或技能步骤之前，先为所有计划步骤创建／更新任务跟踪；之后随着各步骤开始／完成，持续同步更新任务跟踪。

[LESSON-LEARNED-REMINDER] [BLOCKING] 任务规划与持续改进 — MANDATORY。不得跳过。

开始前将工作拆分为小任务（任务跟踪）。添加最终任务：“分析 AI 错误与经验教训”。

提取经验教训——仅关注根本原因，而非修复表象：

1. 指明失败模式（推理／假设失误），而非表面症状——“未阅读源代码就假设 API 存在”，而不是“使用了错误的枚举值”。
2. 通用性测试：此失败模式是否适用于 ≥3 种情境／代码库？如果不适用，则再向上抽象一层。
3. 写成通用规则——去除特定于项目的名称／路径／类。规则应适用于任何代码库。
4. 合并：多个错误若属于同一种失败模式，则合并为一条经验教训。
5. 复发门槛：“如果没有这条提醒，未来会话中是否会再次出现此问题？”——不会 → 跳过 $learn。
6. 自动修复门槛：“$code-review／$code-simplifier／$security-review／$lint 能否发现此问题？”——能 → 改进审查技能。
7. 两个门槛都通过 → 请用户运行 $learn。 [CRITICAL-THINKING-MINDSET] 运用批判性思维和序贯思维。每项断言都需要可追溯的证据；采取行动前，置信度须 >80%。 **反幻觉原则：**绝不将猜测当作事实——为每项断言引用来源，坦诚承认不确定性，自行检查输出错误，独立交叉核对，并对自己的信心保持怀疑——缺乏证据的确信是所有幻觉的根源。 **AI 注意力原则（首因－近因效应）：**在较长提示词／协议的开头和结尾都放置最关键的 3 条规则，以确保指令在较长的上下文窗口中仍能得到遵循。 **目标驱动执行：**先定义成功标准，持续循环直至验证完成；仅当可观察的检查均通过后才停止。 **测试验证意图：**测试必须保护业务规则／不变量，并在受保护的意图遭到破坏时失败，而不只是复现当前行为。

常见 AI 错误预防（系统经验）

• 上下文压缩后重新读取文件。 编辑前必须在同一上下文中先读取文件；上下文压缩会清除读取状态。编辑前重新读取。
• 批量替换后 grep 旧术语。 AI 过度相信查找/替换已覆盖所有内容。批量编辑后，对整个仓库执行 grep，检查文档/配置/目录中遗漏的引用。
• 删除前检查下游引用。 删除会连带导致文档/代码过时。移除前先梳理引用文件。
• 丢失记忆后，创建新内容前先检查现有状态。 上下文压缩会清除先前工作的记忆。查询当前状态以便继续——绝不要盲目重复创建。
• 根据实际代码验证 AI 生成的内容。 AI 会幻觉出 API、类名和方法签名。记录/引用前先用 grep 确认其确实存在。
• 编辑后追踪完整依赖链。 更改定义却漏掉下游使用方。追踪完整链路。
• 重命名时，对所有使用方文件类型执行 grep。 某些文件类型会静默忽略缺失的引用（不会产生编译错误）。搜索代码、模板、配置和生成文件。
• 验证正确性时追踪所有代码路径。 代码存在 ≠ 代码会执行。追踪提前退出、错误分支和条件跳过——不要只看正常路径。
• 源数据变更时，更新包含规范数据的文档。 内嵌派生数据（工作流、架构、配置）的文档会静默过时。源数据变更时，同时更新所有内嵌该数据的文档。
• 恢复上下文后验证子 Agent 的结果。 父 Agent 压缩上下文期间，后台 Agent 可能已经完成——用 grep 验证输出，不要相信对任务已完成的假设。
• 将完整目标列表与子 Agent 的分配任务交叉核对。 按类别并行分配子 Agent 会漏掉边界项。继续前，将各分配任务的并集与目标列表核对。
• 子 Agent 只能从其 Agent 的 .md 定义继承知识——使用自定义 Agent 类型，不要使用内置 Explore。 采用工具 = 权限 + 知识 + 执行（编号工作流步骤）。
• 逐步记录子 Agent 的发现，不要等最后一次性提交。 长时间运行的子 Agent 可能在最终写入前达到截断限制——导致发现丢失。指示其按章节追加到报告文件。
• 调试时，修复前先问“责任在谁？” 追踪调用方（数据错误）还是被调用方（处理错误）。在责任层修复——绝不要只修补症状出现的位置。
• 测试失败 → 先记录暂定结论，再追踪/编辑，然后调查。 使用完整的五类分类：SOURCE-WRONG（生产代码违背意图）、TEST-WRONG（断言/设置已过时）、TEST-NOT-OPTIMAL（测试有效但脆弱或信号弱）、ENVIRONMENT-BLOCKED（外部状态阻止得出结论），或 AMBIGUOUS（意图/证据不足以安全判断）。然后追踪根因，并对照规范依据（如果存在，查看 docs/specs/**）和源代码进行交叉验证。绝不要只为让测试变绿而削弱断言、添加跳过、放宽超时或更改源代码。
• 提取/重构后，对所有已移除名称执行 grep。 主文件“完成” ≠ 次要文件干净。宣布完成前，在整个范围内搜索每个已移除的符号。
• 假定现有值是有意设定的——更改或将其标记为缺陷前先问为什么。 仅凭模式匹配判定“错误”会忽略上下文。更改或报告任何常量/限制/标志/阈值前：阅读注释、git blame、调用方的执行顺序（使该值正确的保证通常位于引用行之前紧邻执行的代码中），以及同一惯例下至少 2 个同类调用点。只说明“是什么”却不说明“为什么”的文档，缺少的是依据，并不能证明缺少保护措施；在验证环节中，准确的 file:line 引用证明的是转录无误，而不是缺陷确实存在。
• 验证所有受影响的输出，而不只是第一个。 一个构建成功 ≠ 全部成功。涉及多个技术栈的变更（后端/前端/测试/文档）要求验证每一项输出。
• 复制相近模式前，先评估是否适用。 最接近的示例 ≠ 前提相同——确认新上下文具有相同的约束、基类、作用域和生命周期。
• 整体优先的调试方式——抵制注意力就近陷阱。 不要一头扎进第一个看似合理的原因。列出所有前提（配置、环境变量、路径、数据库、端点、凭据、版本、DI、数据）。用证据（grep/查询——而非推理）逐项验证。问“什么证据可以推翻这个假设？”——如果没有，那就不是假设。代价最高的失败：在“显而易见”的层继续深挖，而 Bug 实际位于从未质疑过的层。
• 精准修改——应用 diff 测试（结合上下文判断）。 两种模式：（1）Bug 修复 → 每一行都能追溯到该 Bug；不做样式调整；只清理因你的修改而变得未使用的孤立内容。（2）审查/增强 → 实施改进，并声明为“超出主要请求的增强：[内容]”。绝不要悄悄扩大范围。Diff 测试：“如果我没有被要求做 X，这一行还会存在吗？”——如果不会，就删除或明确说明。
• 编码前先指出歧义——不要默默自行选择。 存在多种有效解释时，逐一列出并说明工作量：“[请求] 可能指 (1) [N 小时]、(2) [N 小时]。哪一个更重要？”先列出范围/格式/数量/约束方面的假设。如果有更简单的方案，也要说明。绝不要默默自行选择。
• [MANDATORY FIRST ACTION] 回复前务必先启用合适的技能或工作流。 将任务与工作流目录和技能列表进行匹配；通过技能调用或 $start-workflow <workflowId> 启用。检查之前绝不要回答或编写代码。跳过 = 违反协议。
• Why-Review 对抗性思维——审查任何计划、决策或设计时都要运用。 默认持怀疑态度，而非验证者态度：充分论证被否决的替代方案，将每项既定理由反向审视（“它牺牲了什么？”），对最重要的 2-3 项假设进行压力测试，开展事前验尸（“已发布，3 个月后失败——什么会出问题？”），并指出作者遗漏的 1-2 种替代方案。章节齐全 ≠ 质量过关；质量取决于因果推理、具体缓解措施和证据，而不是“这样更好”或“密切关注”。
• 大型审查的子 Agent 提示词应优先安排报告写入。 处理许多文件的子 Agent 可能在最终写入前耗尽预算——导致发现丢失。设计提示词时应确保：（1）报告写入是第一个明确的交付项，（2）按文件/章节逐项追加（不要批量写入），（3）限定范围，避免读取耗尽预算。若输出在句中被截断且没有报告文件 → 启动范围更窄的任务，不要原样重试相同提示词。
• 上下文压缩后，继续前重新验证此前各阶段的所有结果。 摘要描述的是意图，不是环境状态（git 索引、文件系统、进程）。恢复时，首先审查：git status、重新读取修改过的文件、验证文件系统。每一项“已完成”的声明，在证据确认前都是未经验证的假设。
• OOM/内存：先检查行数，再检查行大小。 排查顺序：（1）无界查询——触发条件是否没有数据库筛选？将筛选推到数据库端；这可消除 OOM。（2）行是否很大？投影可按比例减少数据量。减少行数比投影的收益更大。
• 断言系统自身负责的结果，绝不要断言基础设施负责的中间状态。 测试任何异步行为（队列/代理传递、重试、后台任务、缓存、复制）时，应断言最终业务/实体状态。绝不要断言传递记录——消费/发送状态、尝试次数、最后错误、代理、调度程序或 outbox/inbox 表中的行存在与否或数量。这些记录属于共享基础设施，任何同时运行的进程（同伴 Worker、第二个副本、遗留的本地容器）都可能写入，且通常使用确定性的共享键；因此，断言会悄悄测试开发者的环境，而不是系统：单独运行时通过，一旦有其他进程共享该代理和数据库就会不稳定。每个断言都要问：“无论哪个进程执行了这项工作，该断言都会成立吗？”——如果不会，就改为断言已收敛的数据状态。推论：进程本地的故障注入和进程内遥测不能用于控制任何进程都可能执行的工作——将它们用作压力放大器（启用 → 限定时间窗口 → 停用 → 断言收敛），绝不要用作前置条件。
• 不要让领域概念进入通用/共享/基础设施层。 可复用层（共享库、框架、基础设施模块）不得引用任何特定使用方的领域概念——租户/客户/产品 ID、业务实体、功能规则。泄漏进来后，代码能够编译并运行，因此会悄无声息地通过审查，同时让“可复用”层与某个使用方耦合。保持共享类型与领域无关；通过子类/组合将领域字段/逻辑下放到使用方。——原因：与某个使用方的领域耦合的层不再可复用。