用途
Web Design Guidelines 是一个面向前端 UI 审查的技能，建议在构建或修改 Web UI 之后使用。它的目标是帮助智能体评估界面是否可用、易读、响应式，以及是否具备较高的完成度与打磨程度。
主要能力
该技能围绕一份审查清单展开，覆盖以下方面：
- 布局：对齐是否一致、网格是否可预期、是否存在意外拥挤。
- 排版：字号是否可读、层级是否清晰、行长是否受控。
- 颜色：对比度是否足够、状态是否有语义、是否随意混用调色板。
- 交互：悬停、聚焦、激活、禁用等状态是否清晰。
- 响应式：移动端、平板、桌面端布局是否仍然可用。
- 可访问性：键盘焦点、标签、替代文本、对比度，以及在相关场景下的减少动效。
- 产品状态：在需要时是否具备加载、空、错误、离线、成功等状态。
- 打磨：间距、边框、阴影、图标尺寸、文案语气是否保持一致。
使用方式
在构建或修改 Web UI 之后启用该技能，对界面进行审查。审查时返回以下内容：通过或失败总结、主要问题、具体修复建议，以及可能受影响的文件或组件。
适用场景
适用于在完成或改动 Web 界面后，需要快速进行 UI 质量检查并获取可执行修复建议的前端开发与设计评审流程。
限制
资料未提供具体的安装命令、运行环境要求、平台支持范围、收费方式或价格等信息，这些内容暂未提供。