ux-heuristics — for Claude Code ux-heuristics, clankbrain, community, for Claude Code, ide skills, ai-tools, claude-code, context-engineering, developer-tools, memory

v1.0.0

Über diesen Skill

Geeigneter Einsatz: Ideal for AI agents that need users scan, they don't read. they satisfice, they don't optimize. they muddle through, they don't. Lokalisierte Zusammenfassung: Give Claude Code a permanent memory — session commands, drift detection, and auto-documented codebase. It covers ai-tools, claude, claude-code workflows.

Funktionen

Users scan, they don't read. They satisfice, they don't optimize. They muddle through, they don't
"Every page should be self-evident. If something requires thinking, it's a usability problem." —
Don't make me think. Pages should be self-evident. Clear labels beat clever marketing copy.
It doesn't matter how many times I click, as long as each click is mindless. Minimize cognitive
Get rid of half the words on each page, then get rid of half of what's left. Ruthlessly eliminate

# Kernthemen

YehudaFrankel YehudaFrankel
[15]
[3]
Aktualisiert: 4/29/2026

Skill Overview

Start with fit, limitations, and setup before diving into the repository.

Geeigneter Einsatz: Ideal for AI agents that need users scan, they don't read. they satisfice, they don't optimize. they muddle through, they don't. Lokalisierte Zusammenfassung: Give Claude Code a permanent memory — session commands, drift detection, and auto-documented codebase. It covers ai-tools, claude, claude-code workflows.

Warum diese Fähigkeit verwenden

Empfehlung: ux-heuristics helps agents users scan, they don't read. they satisfice, they don't optimize. they muddle through, they don't. Give Claude Code a permanent memory — session commands, drift detection, and

Am besten geeignet für

Geeigneter Einsatz: Ideal for AI agents that need users scan, they don't read. they satisfice, they don't optimize. they muddle through, they don't.

Handlungsfähige Anwendungsfälle for ux-heuristics

Anwendungsfall: Applying Users scan, they don't read. They satisfice, they don't optimize. They muddle through, they don't
Anwendungsfall: Applying "Every page should be self-evident. If something requires thinking, it's a usability problem." —
Anwendungsfall: Applying Don't make me think. Pages should be self-evident. Clear labels beat clever marketing copy

! Sicherheit & Einschränkungen

  • Einschraenkung: Users scan, they don't read. They satisfice, they don't optimize. They muddle through, they don't figure out.
  • Einschraenkung: "Every page should be self-evident. If something requires thinking, it's a usability problem." — Steve Krug
  • Einschraenkung: Don't make me think. Pages should be self-evident. Clear labels beat clever marketing copy.

About The Source

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Labs-Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ und Installationsschritte

These questions and steps mirror the structured data on this page for better search understanding.

? Häufige Fragen

Was ist ux-heuristics?

Geeigneter Einsatz: Ideal for AI agents that need users scan, they don't read. they satisfice, they don't optimize. they muddle through, they don't. Lokalisierte Zusammenfassung: Give Claude Code a permanent memory — session commands, drift detection, and auto-documented codebase. It covers ai-tools, claude, claude-code workflows.

Wie installiere ich ux-heuristics?

Führen Sie den Befehl aus: npx killer-skills add YehudaFrankel/clankbrain/ux-heuristics. Er funktioniert mit Cursor, Windsurf, VS Code, Claude Code und mehr als 19 weiteren IDEs.

Wofür kann ich ux-heuristics verwenden?

Wichtige Einsatzbereiche sind: Anwendungsfall: Applying Users scan, they don't read. They satisfice, they don't optimize. They muddle through, they don't, Anwendungsfall: Applying "Every page should be self-evident. If something requires thinking, it's a usability problem." —, Anwendungsfall: Applying Don't make me think. Pages should be self-evident. Clear labels beat clever marketing copy.

Welche IDEs sind mit ux-heuristics kompatibel?

Dieser Skill ist mit Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer kompatibel. Nutzen Sie die Killer-Skills CLI für eine einheitliche Installation.

Gibt es Einschränkungen bei ux-heuristics?

Einschraenkung: Users scan, they don't read. They satisfice, they don't optimize. They muddle through, they don't figure out.. Einschraenkung: "Every page should be self-evident. If something requires thinking, it's a usability problem." — Steve Krug. Einschraenkung: Don't make me think. Pages should be self-evident. Clear labels beat clever marketing copy..

So installieren Sie den Skill

  1. 1. Terminal öffnen

    Öffnen Sie Ihr Terminal oder die Kommandozeile im Projektverzeichnis.

  2. 2. Installationsbefehl ausführen

    Führen Sie aus: npx killer-skills add YehudaFrankel/clankbrain/ux-heuristics. Die CLI erkennt Ihre IDE oder Ihren Agenten automatisch und richtet den Skill ein.

  3. 3. Skill verwenden

    Der Skill ist jetzt aktiv. Ihr KI-Agent kann ux-heuristics sofort im aktuellen Projekt verwenden.

! Source Notes

This page is still useful for installation and source reference. Before using it, compare the fit, limitations, and upstream repository notes above.

Upstream Repository Material

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

ux-heuristics

Install ux-heuristics, an AI agent skill for AI agent workflows and automation. Explore features, use cases, limitations, and setup guidance.

SKILL.md
Readonly
Upstream Repository Material
The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

UX Heuristics

Evaluates interface usability using Nielsen's 10 heuristics + Krug's "Don't Make Me Think" principles. Returns a severity-scored list of what's broken and why.


Core Philosophy

Users scan, they don't read. They satisfice, they don't optimize. They muddle through, they don't figure out.

"Every page should be self-evident. If something requires thinking, it's a usability problem." — Steve Krug


Krug's Three Laws

  1. Don't make me think. Pages should be self-evident. Clear labels beat clever marketing copy.
  2. It doesn't matter how many times I click, as long as each click is mindless. Minimize cognitive effort per interaction.
  3. Get rid of half the words on each page, then get rid of half of what's left. Ruthlessly eliminate unnecessary text.

The Trunk Test

Drop a user on any random page. Can they immediately answer:

  • What site is this? What page am I on? What are the major sections?
  • What are my options at this level? Where am I in the hierarchy? How can I search?

If any answer requires effort, the navigation is broken.


Nielsen's 10 Heuristics

#HeuristicWhat to Check
1Visibility of System StatusLoading indicators? Form submission feedback? Current state visible?
2Match System and Real WorldJargon-free labels? Natural reading order? Icons match mental models?
3User Control and FreedomUndo available? Cancel on every modal? No dead ends?
4Consistency and StandardsSame action = same label? Button styles consistent?
5Error PreventionConfirmation for destructive actions? Inline validation? Disabled states?
6Recognition Rather Than RecallOptions visible? Recent items surfaced? Labels on icons?
7Flexibility and EfficiencyKeyboard shortcuts? Bulk actions? Search as navigation?
8Aesthetic and Minimalist DesignOnly essential info visible? Progressive disclosure? White space?
9Help Recover from ErrorsPlain language? Specific not generic? Suggest a fix?
10Help and DocumentationSearchable? Task-focused? Concrete steps?

Severity Scale

SeverityLabelPriority
0Not a problemSkip
1CosmeticFix if time permits
2MinorFix in next iteration
3MajorFix before shipping
4CatastrophicFix immediately

Audit Output Format

#Heuristic ViolatedIssueSeverityRecommendation
1H8: Minimalist DesignDashboard shows 12 metrics above fold2Progressive disclosure: show top 4, expand for rest
2H1: System StatusNo loading indicator on search3Add spinner or skeleton screen

Sort by severity (highest first). Summary: total issues, count by severity, top 3 fixes.


Quick Diagnostic Checklist (60 seconds)

  • Can I tell what page this is and what I can do here?
  • Is there a clear visual hierarchy?
  • Do all interactive elements look clickable?
  • Is there feedback when I take an action?
  • Can I undo or go back easily?
  • Are error messages helpful and specific?
  • Does it work on mobile without hover?
  • Are tap targets large enough (44x44px)?
  • Is the most important action obvious?
  • Would a first-time user know what to do?

Verwandte Fähigkeiten

Looking for an alternative to ux-heuristics or another community skill for your workflow? Explore these related open-source skills.

Alle anzeigen

openclaw-release-maintainer

Logo of openclaw
openclaw

Lokalisierte Zusammenfassung: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

333.8k
0
Künstliche Intelligenz

widget-generator

Logo of f
f

Lokalisierte Zusammenfassung: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code

149.6k
0
Künstliche Intelligenz

flags

Logo of vercel
vercel

Lokalisierte Zusammenfassung: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

138.4k
0
Browser

pr-review

Logo of pytorch
pytorch

Lokalisierte Zusammenfassung: Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review . It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

98.6k
0
Entwickler