ui-quality-audit
Codex 界面质量审查技能：响应式、主题与可访问性
EnglishCodex 安装步骤
- 在临时目录用 git clone https://github.com/Eldergenix/Codex-Design.git 取得仓库，进入克隆目录后运行 git checkout --detach 99b4b08ff62b8dd3a7a112438c1460fd6a02d09c，核对本页标明的 SKILL.md。
- 把整个 skills/ui-quality-audit 文件夹复制到你的项目中，路径为 .agents/skills/ui-quality-audit，保留同目录的脚本、模板与参考资料。
- 从项目目录打开 Codex，在 CLI 输入 /skills 或通过 $ui-quality-audit 选择技能，再用下方样例验证。列表没有更新时重新启动 Codex。
中文摘要
对单页做快速审查，或对产品界面做完整检查。将布局、可访问性、空状态及交互问题按影响排序，适合准备上线的界面回归检查。
SKILL.md 中文导读
可复现示例
准备一个本地表单页，故意在 360 像素宽时让提交按钮被裁切，并给深色主题里的输入框移除焦点提示。请用 ui-quality-audit 技能做单页检查并给出修复验收项。工作步骤
- 注明测试页面、视口尺寸、主题和操作路径。
- 按任务是否受阻给问题排序，记录出现条件和预期行为。
- 先验证关键操作，再检查视觉细节。
验收方法
报告写明受影响的宽度和操作方式，指出提交按钮不可达及焦点提示缺失。修复后可在窄屏完成提交，并用键盘清楚看见焦点。
GitHub 原文 · 更新日期
适用环境
适用于可加载项目技能的 Codex。示例可在本地项目中验证。
常见问题
快速审查适合哪些范围？
快速审查适合一次小改动或一页界面。产品级检查可进一步覆盖页面组织、组件架构、响应式和运行验证。