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.
npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a claude-codeWhat 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-code2Manually: put the files in place
~/.claude/skills/peak-end-rule/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/peak-end-rule/
1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a codex2Manually: put the files in place
.agents/skills/peak-end-rule/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a cursor2Manually: put the files in place
.cursor/skills/peak-end-rule/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills peak-end-rule2Manually: put the files in place
.github/skills/peak-end-rule/SKILL.md1Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a gemini-cli2Platform CLI
gemini skills install https://github.com/Owl-Listener/designer-skills --path interaction-design/skills/peak-end-ruleManually: put the files in place
.devin/skills/peak-end-rule/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill peak-end-rule -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
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