关于 design-review
用于结构化评审界面与用户流程的设计技能。它按六个维度加权评分，结合无障碍检查与 Nielsen 启发式，输出排序后的问题和具体修复建议。
主要功能
- 01按六个维度进行加权评分
- 02检查 WCAG 无障碍要求与色彩对比
- 03依据 Nielsen 十项启发式查找问题
- 04按严重程度排序评审发现
- 05提供引用设计令牌的修复方案
适用场景
- 01评审单个界面或用户流程
- 02比较设计在可访问性和易用性方面的表现
- 03为界面问题制定优先级修复清单
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/design-review确认已加载。
详细介绍
技能：设计评审
步骤 0：工具包是否已就位？ 此技能会读取工具包中的文件。检查一次：
ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING只有在出现KIT_MISSING时，才表示仅安装了技能文件夹，这是npx skills add的行为。请直接说明这一点，指引用户使用npx ux-ui-agent-skills init或安装插件，然后停止。不要猜测 无法打开的文件内容。
运行结构化评审并评分。
步骤
- 阅读
${CLAUDE_SKILL_DIR}/../../../workflows/design-review.md（评审标准、评分指南、Nielsen 启发式原则、流程）。 - 收集背景信息：屏幕/流程、目标用户、平台、限制条件。
- 为 6 个维度评分（视觉层级 20%、一致性 20%、无障碍 20%、易用性 20%、响应式 10%、性能 10%）；计算加权总分。
- 使用
${CLAUDE_SKILL_DIR}/../../../accessibility/wcag-checklist.md检查无障碍；如对颜色组合有疑问，使用${CLAUDE_SKILL_DIR}/../../../scripts/contrast.py。 - 对照
${CLAUDE_SKILL_DIR}/../../../taste/design-taste.md中的反面特征（禁用默认样式清单）进行检查。 - 应用 Nielsen 的 10 项启发式原则；按编号标记违规项。
输出
- 包含 6 个维度评分的表格，以及总分。
- 按优先级排列的问题表格：# · 严重程度（严重 → 主要 → 次要 → 改进项）· 问题 · 建议。
- 提供引用设计令牌的具体修复方案。
评论
支持 Markdown