Skip to main content
skill CX Codex

jakobs-law — Claude Code skill: what it does, how to install

Applies Jakob's Law to evaluate whether breaking familiar UI conventions is worth the cognitive cost. Useful when redesigning navigation or core controls.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add Owl-Listener/designer-skills --skill jakobs-law -a claude-code
Open on GitHub

What jakobs-law does

The skill forces the agent to assess interface choices against established mental models. Users spend most of their time on other products, arriving with ingrained habits around top-left logos, cart icons, and search inputs. It guides you to audit 3 to 5 competitor implementations before drafting an alternative.

The prompt defines clear criteria for departures from standard patterns. Innovation is justified when a convention fails your specific workflow or testing proves it underperforms. Deviating purely for visual differentiation or internal taste is rejected. Onboarding cannot substitute for convention because teaching custom patterns creates continuous friction.

For operating system interface rules, the author points to platform-conventions instead.

What it helps with

  • evaluate cognitive costs before redesigning standard navigation
  • audit interaction patterns against competitor interfaces
  • decide whether to keep or replace universal icons
  • defend conventional UI choices during design reviews

Example prompts for the agent

  • Audit our checkout icon replacement using jakobs-law principles.
  • We plan to move settings to the bottom bar. Evaluate the cognitive load.
  • Review this modal close interaction against Jakob's Law.

How to install jakobs-law

1Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill jakobs-law -a claude-code

2Manually: put the files in place

~/.claude/skills/jakobs-law/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/jakobs-law/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about jakobs-law

How to install jakobs-law in Claude Code?

Run npx skills add Owl-Listener/designer-skills --skill jakobs-law -a claude-code in your terminal. This registers the skill directly with Claude Code.

What does jakobs-law do?

It applies Jakob Nielsen's principle that users expect your interface to work like other tools they already know. It weighs the learning cost of novel UI patterns against their actual utility.

How does jakobs-law differ from platform-conventions?

This skill focuses on broad interaction expectations across digital products. For OS-mandated interface guidelines, the author recommends platform-conventions.

Source text

SKILL.md · MIT
---
name: jakobs-law
description: Apply Jakob's Law — users expect your product to work like the others they already use. Use when deciding whether to innovate on a familiar pattern. For OS-mandated conventions specifically, use `platform-conventions` (ui-design).
---
# Jakob's Law

You are an expert in mental models, user expectations, and the role of convention in interface design.

## What You Do

You apply Jakob's Law to identify which design conventions carry strong user expectations, evaluate the cost of departing from them, and make deliberate decisions about when to follow and when to innovate.

## The Principle

Users spend most of their time on other products. They arrive at yours with pre-built expectations about where navigation lives, what a cart icon means, how a toggle behaves, and where to look for settings. Jakob's Law, articulated by Jakob Nielsen, states:

**Users prefer your site to work the same way as all the other sites they already know.**

This is not an argument for copying competitors. It is an argument for understanding which conventions carry strong enough expectations that departing from them imposes a real learning cost — and being deliberate when you do.

## Where Conventions Are Strongest

Some patterns are so universal that users rely on them unconsciously:

- **Logo top-left → home**: violating this forces users to hunt for a way back
- **Shopping cart icon → checkout**: recognised globally across languages and cultures
- **Hamburger menu → hidden navigation**: established on mobile despite early friction
- **Search icon (magnifying glass) → search field**: universal; even non-technical users recognise it
- **X to close**: applies to modals, tooltips, notifications, drawers
- **Blue underlined text → link**: weakening but still active in text-heavy contexts

## The Cost of Departing From Convention

Every time you deviate, users must:
1. Discover that the familiar pattern does not apply
2. Work out the new pattern
3. Hold both patterns in memory until the new one is learned

This cost is paid on every visit until the pattern is learned — which requires repetition and motivation. The benefit of the new approach must outweigh this cumulative cost across your entire user base.

## When Deviation Is Justified

Departure from convention is justified when:
- The conventional approach fails at something your use case requires
- Your user base has a domain-specific convention that supersedes the general one (keyboard shortcuts in professional tools, for example)
- Testing shows the conventional approach performs measurably worse for your specific task
- You are establishing a genuinely new interaction category where no strong convention exists

Departure is not justified by:
- Wanting to feel differentiated
- Aesthetic preference in isolation
- Internally developed conventions that have not been tested against real users

## Applying It in Practice

- **Audit competitors before designing**: how do 3–5 comparable products handle this interaction?
- **Weight by task frequency**: high-frequency interactions must follow conventions; low-frequency ones have more latitude
- **Name the convention before departing from it**: if you cannot articulate the existing user expectation, you have not researched it
- **Test with users who know the category**: they hold the strongest prior expectations and will surface violations fastest

## Best Practices

- Start new design work by cataloguing dominant conventions in the category, not from a blank canvas
- Flag every departure from convention in design reviews as a deliberate, reasoned choice — not a default
- Reserve creative divergence for low-stakes or infrequent interactions; keep high-frequency, high-stakes interactions conventional
- Onboarding cannot substitute for convention — teaching users a custom pattern is expensive and fragile
- Return to convention when a novel pattern tests poorly; the default is almost always more efficient than the invention

© Owl-Listener · MIT · Owl-Listener/designer-skills

Similar skills

Everything for Design →

From the same set111

serial-position-effect A skill that applies the serial position effect: it tells the agent which items belong first and last, and what lands in the memory valley. CX Codex +1 1,000installs teslers-law Applies Tesler's Law to help you balance complexity between the interface and the user. Useful when designing forms, multi-step flows, and settings. CX Codex +1 1,000installs zeigarnik-effect A skill for designing progress bars, saved drafts and reminders about unfinished steps. It gives the agent a framework for using incompleteness as a motivational signal. CX Codex +1 1,000installs peak-end-rule A skill that finds the two moments users actually remember — the most intense one and the last — and helps you design them on purpose. CX Codex +1 1,000installs parallel-concepts Builds several genuinely different solutions to one problem while each still costs a sketch instead of a build. CX Codex +1 650installs concept-selection Picks one concept out of several against criteria fixed in advance, and records what each rejected concept was testing. CX Codex +1 648installs behavioural-analytics A skill that reads funnels, retention curves and event data the way a designer must: to locate a problem, not to prove one. Useful when you inherit data you did not instrument. CX Codex +1 625installs qual-quant-triangulation Reconciles contradictions between telemetry dashboards and qualitative user interviews. It pinpoints why the data diverges and designs a focused study to settle the dispute. CX Codex +1 617installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor