ui-design-review

ui-design-review 技能使软件代理能够利用 Gemini 的多模态视觉能力进行严格的视觉与功能设计检测。此技能专为前端开发者、UI 设计师与 QA 工程师设计，通过自动化 UI 验证的繁琐过程，确保实作内容严格遵循设计原稿与行业标准。通过深度视觉分析，它能识别布局、排版、色彩准确度与组件一致性方面的差异，是维护整个软件开发生命周期中设计系统完整性的必要资产。

• 高级 UI 分析：自动将实作截图与设计稿或 Figma 参考资料进行比对。

• WCAG 2.1 AA 合规性：执行全面的无障碍审计，包括对比度检查、触控目标大小与语义结构验证。

• 设计系统验证：根据设计标记（Design Tokens）验证间距、排版比例、圆角与颜色使用。

• 多格式支持：通过文件路径、Base64 编码或 URL 参考处理影像，无缝集成至现有的 CI/CD 或开发流程中。

• 自适应模型路由：包含适用于 Gemini 直接 API 与 OpenRouter 集成的智能路由逻辑，优化执行效能与成本。

• 执行审核时，确保影像清晰并正确对应分析提示词，以获得最佳效果。

• 使用提供的提示词模式来为可用性、无障碍性或一致性检查等特定任务构建输出格式。

• 执行一致性或比较性检查时，务必定义设计参考资料，以获取可行的偏差报告。

• 此技能依赖 claudish CLI；在执行前请确保已正确配置 GEMINI_API_KEY 或 OPENROUTER_API_KEY 等环境变量。

• 预期输入包括 UI 截图、线框图或高保真设计稿，输出结果为结构化的 Markdown 表格或详细的可用性报告，标识出问题位置、严重程度（CRITICAL 至 LOW）以及改进建议。