用途:对网页应用或页面做视觉设计质量审查,关注设计是否专业、一致、精致,而非可用性、工作流或摩擦点等 UX 问题。适合在向客户或团队展示前、感觉“哪里不对”却说不清时、功能完成后、已上线产品的定期检查,以及 UX 审计之后作为视觉补充。
主要能力:检查七类内容。布局与间距(间距一致、对齐、留白、栅格纪律、响应式比例、垂直节奏);排版(层级、行长、行高、字号、字重、截断);色彩与对比(语义色、对比度、色彩一致性、深色模式、状态色、色彩滥用);视觉层级(主操作、眯眼测试、渐进披露、分组、负空间);组件一致性(按钮、卡片、表单、图标、圆角、阴影);交互设计(悬停、焦点、激活、过渡、加载、禁用状态);响应式质量(移动导航、图片缩放、表格、触控目标、平板)。
使用方式:需浏览器工具检测,与 ux-audit 相同,可用 Chrome MCP、Playwright MCP 或 playwright-cli;URL 解析同样优先已部署/线上地址而非 localhost。结果写入 .jez/artifacts/design-review.md,包含总体印象、按高/中/低严重度列出的发现、做得好的地方和前三项修复建议,并对视觉问题截图。严重度分高(看起来损坏或不专业)、中(不够精致)、低(吹毛求疵)。
限制:资料未提供安装命令、收费、价格、平台支持范围等具体信息;该技能聚焦视觉设计审查,不替代 UX 审计。