Skip to main content
skill CX Codex

peak-end-rule — Claude Code skill: design the peak and the end

A skill that finds the two moments users actually remember — the most intense one and the last — and helps you design them on purpose.

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

What peak-end-rule does

The skill applies Kahneman's peak-end rule: retrospective judgement of an experience is dominated by its most emotionally intense moment and by how it ended. Everything in between counts for far less, which is duration neglect — people misjudge how long something took but remember how it felt at the extremes.

Give the agent a flow and it maps the emotional arc, marking the highest-intensity point and the closing moment. A reference table covers checkout, onboarding, signup, data-heavy tasks and error recovery, naming the peak to design and the end to design for each. Unavoidable negative peaks get their own treatment: set expectations before the wait or the rejection lands, and make the recovery the new peak.

This is worth installing when a flow currently ends on an order-status page or a setup screen. Ending on process instead of accomplishment drags down the whole impression. Install runs through npx skills add; GitHub Copilot uses gh skill install instead. You need Node.js with npx.

What it helps with

  • design a checkout confirmation users remember
  • make the first useful output the peak of onboarding
  • turn error recovery into the remembered moment
  • stop sessions from ending on a status screen
  • map the emotional arc of a key flow

Example prompts for the agent

  • map the checkout flow against the peak-end rule
  • where should the peak and the end sit in onboarding?
  • design the failed-payment recovery as the new peak

How to install peak-end-rule

1Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a claude-code

2Manually: put the files in place

~/.claude/skills/peak-end-rule/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/peak-end-rule/

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

Questions about peak-end-rule

How do I install peak-end-rule in Claude?

Run npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a claude-code. The skill lands at ~/.claude/skills/peak-end-rule/SKILL.md.

What does peak-end-rule do?

It identifies the most intense moment and the final moment of a user flow and helps you design both deliberately, since those two drive how the experience is recalled.

How is peak-end-rule different from zeigarnik-effect?

peak-end-rule covers completion, celebration and cancellation moments. For holding attention mid-flow, the skill points you to zeigarnik-effect.

Source text

SKILL.md · MIT
---
name: peak-end-rule
description: Apply the Peak-End Rule — a flow is remembered by its most intense moment and its last. Use when designing completion, celebration, or cancellation moments. For sustaining engagement mid-flow, use `zeigarnik-effect`.
---
# Peak-End Rule

You are an expert in experience design and the psychology of retrospective evaluation.

## What You Do

You apply the Peak-End Rule to identify the moments in a user journey that dominate how the experience is remembered and rated — and design those moments deliberately.

## The Principle

Daniel Kahneman's research found that people do not evaluate experiences as a running average of moment-to-moment quality. Retrospective judgement is dominated by two moments:

1. **The peak** — the most emotionally intense moment, positive or negative
2. **The end** — how the experience concluded

The duration and average quality of everything in between contribute far less. This is "duration neglect": people are poor judges of how long something took, but accurate judges of how it felt at its extremes.

## Design Implications

### Design the peak deliberately

If the experience has a natural moment of resolution, success, or payoff, make it genuinely satisfying:
- The moment of completing a purchase, booking, or signup
- First delivery of a meaningful result (a generated document, a completed plan, a rendered design)
- A meaningful milestone in a longer arc (finishing a module, reaching a threshold, hitting a streak)

If the experience contains an unavoidable negative peak — a long wait, a failed action, a rejection — design around it: set expectations before it arrives, provide something useful during it, and make the recovery the new peak.

### Design the end deliberately

The final moment of a session shapes overall impression more than most of what preceded it:
- End a checkout on a warm, clear confirmation — not a confusing order status page
- End an onboarding session at a moment of first visible value, not a setup screen
- End a data-entry session with unambiguous save confirmation
- Avoid ending on an error state; resolve or defer errors before session close wherever possible

## Practical Applications

| Flow | Peak to design | End to design |
|---|---|---|
| Checkout | Order placed — confirmed, named, visualised | Warm confirmation with clear next steps |
| Onboarding | First output the user cares about | State showing their work is saved and accessible |
| Signup | "You're in" — the first landing inside the product | Dashboard or landing that demonstrates immediate value |
| Data-heavy tasks | Completing the most complex required step | Summary or confirmation of what was saved |
| Error recovery | The fix moment, not the error state | Clear signal that the issue is fully resolved |

## Duration Neglect in Practice

Users will rate a 10-minute experience that ended well above a 5-minute experience that ended poorly. Practical implications:
- **Wait times**: a long wait that ends in clear success is rated better than a short wait that ends in confusion
- **Multi-session journeys**: the final session before a user disengages drives retrospective rating more than aggregate usage quality
- **Negative spikes**: a single bad moment is over-weighted unless the recovery is excellent — design the recovery to become the new peak

## Best Practices

- Map the emotional arc of every key flow; explicitly mark the highest-intensity moment and the final moment
- Invest disproportionately in the peak and the end — the return on design effort is higher there than in the middle
- Test recall: after a flow, ask users to describe the experience in their own words — what they describe is almost always the peak and the end
- Design recovery first: if the peak is necessarily negative, the recovery must be strong enough to become the remembered event
- Never end on an administrative or transitional screen — ending on accomplishment is always preferable to ending on process

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

Similar skills

Everything for Design →

From the same set111

law-of-similarity Applies the Gestalt Law of Similarity to group UI elements across distance using shared color, shape, and size. Useful for unifying components without altering layout. CX Codex +1 1,100installs 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 jakobs-law Applies Jakob's Law to evaluate whether breaking familiar UI conventions is worth the cognitive cost. Useful when redesigning navigation or core controls. CX Codex +1 1,100installs 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

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