利用 AI 依据 168 项 UX/UI 原则审核界面设计
解决设计与开发脱节的问题:通过引入 168 项经过研究验证的 UX/UI 原则,让 AI 能够专业地审计界面描述、识别 UX 反模式,并在代码实现前提供设计指导。
为什么需要这个技能
在快速迭代的开发过程中,开发者往往关注功能实现而忽略了用户体验(UX)。即使使用了 AI 编程,如果缺乏专业的 UX 上下文,AI 生成的界面可能虽然功能正确,但违反了认知负荷、可访问性或交互一致性等基本原则。
本技能将 168 项研究支持的 UX/UI 原则转化为 AI 可执行的审计标准,让 AI 扮演资深 UX 专家,在界面交付前通过结构化的方式指出问题,并提供具体的修复方案,避免后期大规模重构。
适用场景
- 现有界面审计:分析当前页面的描述或截图,检查是否符合 UX 最佳实践。
- 反模式检测:识别设计中的 “UX 气味”(UX smells)和误导性交互。
- AI 界面专项评审:针对 AI 驱动的界面,审查其信任感、透明度和安全性。
- Vibe Coding 前置引导:在进入纯感性编程(Vibe Coding)实现阶段前,先由 AI 注入 UX 约束,确保产出质量。
- 用户路径检查:审核决策流、错误处理和反馈机制是否合理。
核心工作流
- 选择专项工具:根据需求选择合适的子技能(如
uxui-evaluator进行通用评估,或interface-auditor检测反模式)。 - 提交界面描述:向 AI 提供界面描述、屏幕流程或具体的交互逻辑。
- 结构化审计:AI 对照原则库进行扫描,输出包含“严重程度”和“修复步骤”的结构化结果。
- 迭代实现:将审计结果作为 Prompt 注入到编程 session 中,引导 AI 生成符合 UX 规范的代码。
下载和安装
下载 uxui-principles 中文版 Skill ZIP
如果你使用的是支持命令行安装的工具,也可以运行:
npx skills add uxuiprinciples/agent-skills
你可能还需要
暂无推荐