Better Interface 全面界面评审
从可访问性、布局、文案、排版、颜色和 UI 六个方向整体检查界面,并整理成按优先级排列的改进建议。
技能说明
适合页面、用户流程、功能和产品界面的发布前检查,也支持对分支、PR 或未提交改动进行范围明确的界面评审。
关于此技能
这是一个用户主动调用的跨学科界面评审主入口。它会协调 better-accessibility、better-layout、better-writing、better-typography、better-colors 和 better-ui,把界面当作一个完整系统检查,而不是把六份孤立报告拼在一起。
核心能力
六个方向合并评审
同时关注可访问性、结构布局、界面文案、文字呈现、颜色对比和视觉交互,最后合并成一份优先级清晰的结论。
支持 quick 与 full 模式
quick 模式聚焦主路径和高、中影响问题;full 模式覆盖完整范围以及窄屏、加载、空状态和错误状态。
要求证据和明确位置
每条建议都应绑定到具体页面、组件或文件,并说明当前实现、改进方向和对用户的影响。
覆盖变更范围审查
配合 interface-review 检查未提交改动、当前分支或 PR,区分本次引入的问题、回归问题和原有问题。
适用场景
发布前检查页面和流程
在首页、商品页、表单、结账流程或后台工作台上线前,统一检查理解成本、可操作性和视觉一致性。
审查分支或 PR 的界面变化
针对一组实际改动检查是否破坏了焦点、移动端适配、文案层级或已有交互信号。
排查响应式和状态问题
重点查看窄屏、键盘操作、加载、空数据、错误和禁用状态,避免只检查正常桌面状态。
使用步骤
- 01
安装主入口
使用下方命令安装 better-interface;需要完整协作评审时,建议安装仓库中的全部技能。
- 02
明确评审范围
输入页面、流程、功能或产品界面;审查改动时使用 interface-review 指定未提交内容、分支或 PR。
- 03
选择评审模式
使用 quick 获取主路径的重点问题,使用 full 获得六个方向和完整状态的系统检查。
- 04
按优先级修复并复查
先处理阻断任务、误导用户或不可操作的问题,再处理影响理解、效率和一致性的改进项。
常见问题
它只检查视觉好不好看吗?+
不是。它把可访问性、信息结构、文案、排版、颜色和视觉交互放在同一套评审中,重点是用户能否理解、操作并完成任务。
需要把仓库里的其他技能一起安装吗?+
主入口可以单独使用;如果希望完整覆盖六个领域和变更审查,建议使用 skills CLI 安装仓库中的全部技能。
它适合 Codex 吗?+
适合。仓库提供 Codex 可识别的 Agent 配置,也支持 Claude Code 和其他兼容 skills CLI 的 Agent。
npx skills add https://github.com/jakubkrehel/skills --skill better-interface