본문으로 건너뛰기
cccskills
무료GitHub에 공개

usability-check

Evaluate user-facing interfaces against Nielsen's 10 Usability Heuristics. Complements /mycelium:service-check (Downe = service-level quality, Nielsen = interface-level quality).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md6.5 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Usability Heuristic Evaluation

Evaluate interface-level usability using Jakob Nielsen's 10 heuristics (1994; titles unchanged, definitions refined 2020). This complements Downe's 15 Good Services principles: Downe checks end-to-end SERVICE quality, Nielsen checks screen-level INTERFACE quality. Both are needed for user-facing work.

When to Use

  • During L4 Delivery for any user-facing work (REVIEW via G-V10)
  • After UI implementation, before marking delivery complete
  • When users report confusion or friction

The 10 Heuristics

1. Visibility of System Status

The system should always keep users informed about what is going on through timely and appropriate feedback.

  • Loading states visible for any operation > 1 second
  • Progress indicators for multi-step processes
  • Success/failure feedback for user actions
  • Current location/state clearly indicated (breadcrumbs, active nav)

2. Match Between System and Real World

The system should speak the users' language, using familiar words, phrases, and concepts rather than system-oriented terms.

  • No technical jargon in user-facing text
  • Familiar icons and metaphors
  • Information in natural, logical order
  • Real-world conventions followed (calendar = dates, cart = shopping)

3. User Control and Freedom

Users often perform actions by mistake. They need a clearly marked "emergency exit" to leave the unwanted action.

  • Undo/redo available for destructive actions
  • Cancel option in all multi-step flows
  • Back button works as expected
  • Easy to return to a known state

4. Consistency and Standards

Users should not have to wonder whether different words, situations, or actions mean the same thing.

  • Same action = same word everywhere (don't mix "delete" and "remove")
  • Platform conventions followed (OS patterns, web standards)
  • Internal consistency (same patterns across all screens)
  • Visual consistency (colors, typography, spacing)

5. Error Prevention

Even better than good error messages is a careful design that prevents problems in the first place.

  • Confirmation before destructive actions
  • Constraints that prevent invalid input (date pickers vs free text)
  • Disabled states for unavailable actions (not hidden, not error-on-click)
  • Autosave or draft state for long forms

6. Recognition Rather Than Recall

Minimize the user's memory load by making elements, actions, and options visible.

  • Recently used items visible/accessible
  • Labels on icons (not icon-only buttons)
  • Options visible in menus (not hidden behind gestures)
  • Help text near complex fields

7. Flexibility and Efficiency of Use

Accelerators — unseen by the novice user — may speed up the interaction for the expert user.

  • Keyboard shortcuts for frequent actions
  • Search/filter for large lists
  • Customizable settings for power users
  • Both simple and advanced paths available

8. Aesthetic and Minimalist Design

Dialogues should not contain information that is irrelevant or rarely needed.

  • Every element serves a purpose
  • No decorative clutter competing with content
  • Important information has visual priority
  • Whitespace used to group and separate

9. Help Users Recognize, Diagnose, and Recover from Errors

Error messages should be expressed in plain language, precisely indicate the problem, and constructively suggest a solution.

  • Error messages in plain language (not codes)
  • Error messages say WHAT went wrong
  • Error messages suggest HOW to fix it
  • Errors visually connected to the field/action that caused them

10. Help and Documentation

Even though it is better if the system can be used without documentation, it may be necessary to provide help.

  • Help is searchable
  • Help is task-oriented (not feature-oriented)
  • Help is concise and actionable
  • Contextual help available where needed (tooltips, inline)

Complementary: interaction & visual axioms (optional, nudge-only)

Nielsen's heuristics are diagnostic principles. They do not cover the quantitative interaction-design layer: Fitts's/Hick's target-and-choice math, Gestalt grouping (proximity, similarity, closure, common-region), typography (line-length/CPL, line-height, F-pattern scanning), and cognitive-load laws. If this project has a UI surface and the user wants that layer, the haabe/ux-axioms-mcp server covers it. Per its README, the server exposes ~44 such axioms with analyze_ui / suggest_axioms / generate_spec / generate_tests tools — confirm the current install/run path against the repo before recommending a specific setup command.

Mycelium nudges, never installs: offer it, let the user wire it up (per ${CLAUDE_PLUGIN_ROOT}/harness/design-principles.md — autonomy/JIT-tooling). Don't double-surface — where a Nielsen heuristic and an axiom overlap (e.g. heuristic 4 Consistency ↔ Similarity; heuristic 8 Minimalist ↔ Occam's Razor), cite once. The persuasion axioms in that registry are dual-use; the same ethics line as anti-pattern #10 (Dark Pattern Marketing) applies.

Output Format

## Usability Heuristic Evaluation

| Heuristic | Status | Issues |
|-----------|--------|--------|
| 1. Visibility of status | pass/partial/fail | ... |
| 2. Match real world | pass/partial/fail | ... |
| 3. User control & freedom | pass/partial/fail | ... |
| 4. Consistency & standards | pass/partial/fail | ... |
| 5. Error prevention | pass/partial/fail | ... |
| 6. Recognition > recall | pass/partial/fail | ... |
| 7. Flexibility & efficiency | pass/partial/fail | ... |
| 8. Aesthetic & minimal | pass/partial/fail | ... |
| 9. Error recovery | pass/partial/fail | ... |
| 10. Help & documentation | pass/partial/fail | ... |

Overall: [X]/10 passing
Priority fixes: [list most impactful issues]

Theory Citations

  • Nielsen: 10 Usability Heuristics for User Interface Design (1994)
  • Downe: Good Services (complementary -- service-level, not interface-level)

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Accessibility audit, scoped to the surfaces a product actually has. Detects web / rendered_markdown / terminal / native_app / video_audio / document / headless, then applies only the criteria that bind. WCAG 2.1 AA in full for web; not at all for headless.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haabe/mycelium472026년 10월 18일 업데이트

adopt

무료

Bring Mycelium into a project that already has code. Detects that the repo predates the framework, asks before touching anything, then reads the codebase to draft what it CAN establish (delivery, solution shape) and — the actual point — names what it cannot (purpose, strategy, real user evidence). The output is a discovery backlog with a head start, never a filled canvas.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haabe/mycelium472026년 10월 18일 업데이트

Design the smallest viable test to validate or invalidate a critical assumption. Based on Torres's assumption testing framework, organized by Gilad's AFTER model (Assessment → Fact-Finding → Tests → Experiments → Release Results).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haabe/mycelium472026년 10월 18일 업데이트

Use before any research activity or significant decision. Reviews cognitive biases relevant to the current stage.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haabe/mycelium472026년 10월 18일 업데이트

Use to evaluate whether current work aligns with Better Value Sooner Safer Happier. Run at diamond completion and periodically.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haabe/mycelium472026년 10월 18일 업데이트

Lint canvas files for staleness, missing fields, inconsistent evidence types, and orphaned references. Run periodically or before major transitions.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

haabe/mycelium472026년 10월 18일 업데이트

haabe의 스킬 모두 보기

이 스킬의 문제 신고