用途
该技能为前端设计评审提供专家级指导，覆盖 UI/UX 设计质量、设计系统一致性、无障碍合规以及响应式设计模式。其目标是在开发生命周期早期识别设计问题，确保设计在进入实现之前满足质量标准、无障碍要求和业务目标。
主要能力
-
UI/UX 设计质量评审：视觉设计评估（字体、颜色、间距、布局、视觉层级）、用户体验评估（流程、交互、导航、可用性）、跨屏幕与用户旅程的设计一致性验证、品牌对齐与视觉识别验证、认知负荷分析。
-
设计系统验证：组件库评审（设计、变体、状态、可复用性）、设计令牌验证（颜色、字体、间距）、模式库一致性评估、文档质量评估、设计系统治理评估。
-
无障碍合规：WCAG 2.1 AA 合规验证、颜色对比度验证（正文 4.5:1，UI 组件 3:1）、键盘导航与焦点管理、屏幕阅读器支持验证、无障碍交互模式评审。
-
响应式设计评审：断点策略评估、移动优先方法评估、触控目标尺寸验证（最小 44x44px）、跨视口内容适配、性能考量。
-
组件架构评估：组件层级与组合模式、可复用性与灵活性评估、状态管理评审（默认、悬停、激活、禁用、错误、加载）、组件变体与自定义模式、组件文档质量。
使用方式
工作流分为四个阶段：
阶段一：评审前准备。收集设计资产（Figma/Sketch 文件、设计规范、原型稿、设计系统文档与组件库、品牌指南与风格指南、用户研究结果与用户画像）；理解上下文（项目需求与业务目标、目标用户与用例、关键用户旅程与核心流程、技术约束与平台要求）；定义评审范围（待评审屏幕/流程、评审深度、优先级、时间线与交付物）。
阶段二：执行设计评审。依次进行视觉设计评审、设计系统合规检查、无障碍审计、响应式设计评估、组件架构分析、用户体验评估。
阶段三：记录发现。按严重程度分类问题（Critical 阻断性问题、High 高优先级、Medium 中优先级、Low 低优先级），创建详细发现报告（含执行摘要、评审范围、分类发现、严重程度评级、正面观察、可执行建议、行动项与负责人及时间线），并提供可视化示例（标注截图、前后对比、对比度测量值）。
阶段四：协作解决。确定修复优先级、创建行动计划（分配负责人、设定时间线、安排后续评审）、记录决策（已接受的风险或权衡、延后事项、设计系统更新）。
适用场景
适用于前端设计评审场景，例如评审 Figma 中的新结账流程设计。示例流程包括：准备（约 30 分钟）、视觉设计评审（约 45 分钟）、无障碍审计（约 60 分钟）、响应式评审（约 30 分钟）、设计系统检查（约 20 分钟）、记录发现（约 45 分钟），综合评审总计约 3.5 小时。
限制
资料未提供该技能的具体安装方式、运行环境要求、支持的平台或工具集成细节。资料中提及的参考文件（如 best-practices-for-design-reviews.md、accessibility-guidelines.md 等）需根据具体评审需求加载，但未说明其获取方式。资料未提供收费、价格或效果保证信息。