Token导航 LogoToken导航TokenDH.com
研究检索只读github未标认证来源可访问许可证需确认审计通过

ux-heuristic用户体验启发式

Agent Skill

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

总安装

349

周安装

15

GitHub Stars

125

下载量

122
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:ux-heuristic(用户体验启发式)
来源仓库:https://github.com/asgard-ai-platform/skills
仓库路径:skills/ux-heuristic
安装命令:
npx skills add https://github.com/asgard-ai-platform/skills --skill ux-heuristic
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/asgard-ai-platform/skills --skill ux-heuristic

简介

用于辅助界面设计、视觉规范和交互体验优化。ux-heuristic 属于研究检索类 Skill,可作为该场景下的辅助能力补充。

  • 适合整理页面结构、生成 UI 方案或检查视觉一致性。
  • 使用时需结合品牌和设计系统,避免堆砌装饰元素。
  • 涉及页面改动时应通过截图或预览检查文本溢出和响应式表现。
  • 安装方式:github,支持 Codex、Claude、Cursor 等宿主环境。

SKILL.md

Heuristic Evaluation (Nielsen's 10 Principles)

Overview

Heuristic evaluation is an expert review method that assesses a user interface against established usability principles. It's fast (2-4 hours), cheap (no user recruitment), and finds 40-60% of usability issues. Use it as a complement to, not replacement for, user testing.

Framework

IRON LAW: Every Violation Gets a Severity Rating

Finding a violation is half the work. Rating its severity is the other half.
A cosmetic inconsistency and a critical workflow blocker are both "violations"
but require completely different response urgency.

0 = Not a usability problem
1 = Cosmetic only — fix if time permits
2 = Minor — low priority
3 = Major — important to fix, high priority
4 = Catastrophe — must fix before release

Nielsen's 10 Heuristics

#HeuristicQuestion to Ask
1Visibility of system statusDoes the user always know what's happening? (loading indicators, progress bars, confirmations)
2Match between system and real worldDoes it use the user's language, not system jargon? Are conventions familiar?
3User control and freedomCan users undo, redo, go back, cancel? Is there an emergency exit?
4Consistency and standardsAre the same actions/words used consistently? Does it follow platform conventions?
5Error preventionDoes the design prevent errors before they happen? (confirmations, constraints, defaults)
6Recognition rather than recallAre options visible? Can users recognize rather than remember?
7Flexibility and efficiency of useAre there shortcuts for experts? Can users customize frequent actions?
8Aesthetic and minimalist designIs every element necessary? Does extra information compete with relevant info?
9Help users recognize, diagnose, and recover from errorsAre error messages helpful? Do they explain what went wrong and how to fix it?
10Help and documentationIs help available? Is it searchable, task-oriented, and concise?

Evaluation Process

  1. Define scope: Which screens/flows to evaluate
  2. Walk through the interface 2-3 times with different user tasks
  3. Flag violations: Note each violation with heuristic #, location, description
  4. Rate severity: 0-4 scale for each violation
  5. Prioritize: Fix severity 4 and 3 first
  6. Report: Organize findings by severity, not by heuristic number

Output Format

# Heuristic Evaluation: {Product/Feature}

## Summary
- Total violations found: {N}
- Severity 4 (catastrophe): {N}
- Severity 3 (major): {N}
- Severity 2 (minor): {N}
- Severity 1 (cosmetic): {N}

## Critical Issues (Severity 3-4)
| # | Location | Heuristic | Issue | Severity | Recommendation |
|---|----------|-----------|-------|----------|---------------|
| 1 | {screen/element} | {#N: name} | {description} | 3/4 | {fix} |

## Other Issues (Severity 1-2)
| # | Location | Heuristic | Issue | Severity |
|---|----------|-----------|-------|----------|
| ... | ... | ... | ... | ... |

Examples

Correct Application

Scenario: Evaluating a food delivery app checkout flow

LocationHeuristicIssueSeverity
Cart page#1 VisibilityNo loading indicator when adding items — user taps multiple times3
Payment#5 Error preventionNo confirmation before placing order — accidental orders happen4
Error screen#9 Error recovery"Error 500" with no explanation or retry button4
Address form#6 RecognitionUser must type full address instead of selecting from saved addresses2

Priority: Fix #5 and #9 immediately (severity 4) ✓

Incorrect Application

  • "The app looks ugly" → Not a heuristic violation. "Aesthetic and minimalist design" (#8) is about information hierarchy, not visual attractiveness. A specific violation would be: "Product page shows 15 data fields simultaneously, burying the price and 'Add to Cart' button."

Gotchas

  • 3-5 evaluators find 75% of issues: One evaluator finds ~35%. Diminishing returns after 5. If possible, have multiple evaluators work independently then merge findings.
  • Heuristic evaluation finds problems, not solutions: It tells you what's wrong, not how to fix it. Solution design is a separate step.
  • Not a substitute for user testing: Experts predict user behavior imperfectly. Some "violations" that experts flag don't bother real users, and some real problems experts miss.
  • Mobile vs desktop: Apply heuristics separately for each platform. Touch targets, screen real estate, and interaction patterns differ significantly.
  • Accessibility is not a heuristic: Nielsen's 10 don't explicitly cover accessibility (color contrast, screen reader support, keyboard navigation). Add WCAG checks separately.

References

  • For WCAG accessibility checklist, see references/wcag-checklist.md

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

37.62%
按下载量换算46

Claude

31.16%
按下载量换算38

Cursor

17.14%
按下载量换算21

Gemini CLI

8.57%
按下载量换算10

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills