官网体验规范验收

痛点：主观验收与规范脱节

在官网迭代中，人工验收体验规范常陷入两个困境：一是缺乏统一的 checklist，不同 reviewer 对“间距是否合理”的判断往往不一致；二是网页设计细节（如对齐、色彩对比、响应式断点）容易被忽略，导致上线后出现视觉错乱或可用性问题。团队亟需一套能让大模型直接参与、且具备确定性输出的验收机制。

核心能力：结构化规范与自动判定

该技能通过 guoyiyi-v008-web-design-guidelines 规范文件，将官网体验要求转化为机器可读的验收规则。核心工作流程如下：

• 规范注入：将 SKILL.md 中的条款作为系统约束，引导模型在生成或审查前端代码时自动对齐。
• 结构化验收：模型在输出前逐条核对 spacing、color、typography、responsive 等关键维度，生成包含通过/失败项的验收报告。
• 设计一致性检查：确保页面元素（如导航栏、按钮、卡片）在不同断点下保持统一，避免样式漂移。

适用边界

该技能主要面向静态官网的视觉与基础交互验收，不涵盖性能优化（如 LCP、CLS 量化指标）或后端逻辑测试。对于涉及复杂动效或第三方组件的场景，需结合其他工具进行二次验证。