rastian

UX Laws — Design skill for Claude Code

Design community

Comprehensive skill teaching Laws of UX for prodct design and UI/UX evaluation.

How to install UX Laws

This entry records only its repository, not the path inside it, so there is no exact command to give. Open rastian/ux-laws and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What UX Laws does

Comprehensive skill teaching Laws of UX for prodct design and UI/UX evaluation.

Alternatives in Design

  • Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
  • Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
  • Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★

README

UX Design Evaluation Skills

A comprehensive skill teaching the established UX laws and how to apply them in product design and interface evaluation.

What This Skill Does

This skill enables Claude to:

✅ **Evaluate designs** against 30 proven UX principles ✅ **Identify issues** and explain why they're problematic ✅ **Prioritize fixes** (Critical vs Minor) ✅ **Apply psychology** to design decisions ✅ **Communicate UX** clearly to any audience ✅ **Design better** from the start

When to Use This Skill

This skill triggers when users mention:

  • UX principles, design evaluation, usability heuristics
  • UI/UX critique, design feedback, design review
  • Questions like "is this good UX?", "how can I improve this?"
  • Specific laws (Fitts's Law, Miller's Law, Jakob's Law, etc.)
  • Design problems ("users can't find X", "too many options")

The 30 Laws Covered

Perception & Visual Design

  1. Aesthetic-Usability Effect
  2. Von Restorff Effect
  3. Selective Attention

Information Architecture

  1. Chunking
  2. Miller's Law
  3. Serial Position Effect

Gestalt Principles

  1. Law of Common Region
  2. Law of Proximity
  3. Law of Similarity
  4. Law of Prägnanz
  5. Law of Uniform Connectedness

Decision Making

  1. Choice Overload
  2. Hick's Law
  3. Cognitive Bias

Interaction Design

  1. Fitts's Law
  2. Doherty Threshold
  3. Jakob's Law
  4. Postel's Law

Cognitive Load

  1. Cognitive Load
  2. Working Memory
  3. Mental Model

Motivation & Completion

  1. Flow
  2. Goal-Gradient Effect
  3. Peak-End Rule
  4. Zeigarnik Effect

Other Principles

  1. Occam's Razor
  2. Paradox of the Active User
  3. Pareto Principle
  4. Parkinson's Law
  5. Tesler's Law

How to Use

Design Evaluation Example

**User:** "Can you evaluate this checkout flow?"

**Claude with this skill will:**

  1. Ask for context (mobile/desktop, target users)
  2. Identify relevant laws (Fitts's, Proximity, Goal-Gradient, Peak-End, etc.)
  3. Check against evaluation criteria
  4. List CRIT