技能 ux-evaluator
🎨

ux-evaluator

安全

根据用户体验最佳实践评估UI组件

也可從以下取得: 92Bilal26

UI评审往往会演变成主观意见的争论。本技能提供了一个系统化的三维框架,使设计反馈基于行业权威的循证原则。

支援: Claude Codex Code(CC)
📊 69 充足
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「ux-evaluator」。 Review the Sign Up and Sign In button placement on my landing page. The Sign Up button is on the left.

預期結果:

  • ❌ POSITION: NEEDS CHANGE - Primary action (Sign Up) should be on the RIGHT, not left
  • ✅ VISUAL WEIGHT: CORRECT - Filled brand color for primary distinguishes it properly
  • ✅ SPACING: CORRECT - 8px gap between buttons follows guidelines
  • Verdict: NEEDS CHANGES
  • P1: Swap button order to [Sign In] [Sign Up] per industry standard (GitHub, Stripe, Google pattern)

安全審計

安全
v3 • 1/10/2026

Pure prompt-based skill containing only documentation and UX evaluation guidelines. No code execution, network calls, filesystem access, or any capabilities that could pose security risks.

2
已掃描檔案
277
分析行數
0
發現項
3
審計總數
未發現安全問題
審計者: claude 查看審計歷史 →

品質評分

41
架構
100
可維護性
83
內容
25
社群
100
安全
78
規範符合性

你能建構什麼

审查按钮放置位置

验证主要和次要操作是否符合GitHub和Stripe模式等行业规范。

分析导航层次结构

评估导航元素的位置和样式是否符合可用性标准。

检查表单用户体验合规性

验证表单元素是否符合正确的间距、标签和错误状态规范。

試試這些提示

按钮审查请求
审查我的表单中[submit/cancel]按钮的位置。使用三维框架并与行业标准进行比较。
导航评估
评估我的导航栏元素,包括徽标、链接和工具图标。根据规范检查位置和视觉权重。
表单字段分析
分析我的表单字段的标签位置、错误消息位置以及输入框之间的间距。参考Balsamiq规范。
完整UI组件审计
使用所有三个维度对我的[component name]进行完整的用户体验评估。记录当前状态、与规范比较,并提供带有来源的优先级建议。

最佳實務

  • 在提出建议之前,始终用具体测量数据记录当前状态
  • 为每项建议引用权威来源(Balsamiq、Nielsen、主流平台)
  • 优先处理违反用户体验基本原则的P1更改,而非P3打磨改进

避免

  • 在未参考用户体验原则的情况下做出主观美学判断
  • 在不与行业规范比较的情况下推荐更改
  • 未能区分主要和次要操作的层次结构

常見問題

本技能是否评估无障碍性(a11y)?
它检查触摸目标大小(最小44px),但不进行完整的无障碍审计或屏幕阅读器测试。
它可以分析模拟图或截图吗?
不会。它基于文本中提供的描述进行评估。对于视觉分析,请描述组件状态和测量数据。
它参考哪些用户体验框架?
主要来源包括Balsamiq按钮原则、Nielsen启发式评估以及GitHub、Stripe和Google的模式。
数据会被存储或传输吗?
不会。这是一个基于提示的技能,完全在上下文中运行,不访问外部数据或进行存储。
它能生成设计方案吗?
它提供改进建议,但不会生成模拟图、代码或视觉设计文件。
这与一般的设计反馈有何不同?
它使用系统化的三维框架,参考已记录的规范,而非主观意见。

開發者詳情