ChatGPT 界面设计评审技能：用证据检查可用性和无障碍
EnglishChatGPT 安装步骤
- 打开固定提交的 .claude/skills/design-review/SKILL.md，核对原文的输入和输出。
- 在 ChatGPT 打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 按下面的工作流程填写技能规则。提供截图、具体页面任务、测量值及可用的组件说明。
- 保存技能，在新对话输入本页的虚构示例并核对结果。
中文摘要
根据截图、界面代码或设计稿审查视觉层级、可读性、交互提示和组件一致性。把可测缺陷、待验证项与审美意见分别注明。
SKILL.md 中文导读
可复现示例
虚构结账页的普通正文实测对比度 3.1:1，只有图标的返回按钮没有可访问名称。请给三项优先级和验证方式。工作步骤
- 围绕任务检查视觉层级和一致性。
- 核对可测对比度、名称与焦点。
- 按影响排序，给证据和后续验证。
验收方法
将正文对比度和按钮名称列为有证据的发现，写出对应测试。若无法从截图核实焦点样式，将它列为键盘待验。
GitHub 原文 · 更新日期
适用环境
需要启用了技能创建的 ChatGPT 工作区。这里使用基于 GitHub 原文编写的文本改编。
常见问题
没有实际用户观察时能写用户一定不会看到按钮吗？
描述可观察的层级、位置或对比度。用户行为用假设表述，并写出需要的可用性验证。