What is the Doherty Threshold in this context?

It is a UX principle provided by the skill that suggests system response times should be under 0.4 seconds to maintain user attention and productivity.

How does the UX Concepts skill improve my frontend code?

It provides Claude with a framework to analyze your UI for psychological friction, suggesting improvements based on laws like the Aesthetic-Usability Effect and Cognitive Load.

Can this skill help with user retention?

Yes, by incorporating concepts like Variable Rewards, Gamification, and the Peak-End Rule, it helps design experiences that keep users engaged and satisfied.

Is this skill useful for accessibility?

While focused on psychology, many concepts like Visual Hierarchy and Progressive Disclosure directly improve the usability and clarity of interfaces for all users.

UX Psychology & Frontend Concepts

Name: UX Psychology & Frontend Concepts
Author: ShintaroaSuzuki

byShintaroaSuzuki

0•

设计工具

Applies established psychological principles and UX laws to frontend design to create intuitive, high-performing user interfaces.

The UX Concepts skill empowers Claude with a deep understanding of behavioral psychology and user experience design principles. By leveraging over 40 distinct concepts—ranging from the Peak-End Rule and Cognitive Load to the Doherty Threshold—this skill helps developers and designers build interfaces that align with human cognition. It is an essential companion for those looking to reduce user friction, increase engagement through gamification and nudges, and ensure that every UI element serves a strategic purpose in the user journey.

主要功能

01Application of 40+ psychological UX principles including anchoring, social proof, and loss aversion.

02Cognitive load analysis to simplify complex user flows and reduce decision fatigue.

03Guidance on visual hierarchy and progressive disclosure to improve information architecture.

04Optimization of system performance perception using the Doherty Threshold (0.4s rule).

05Strategic implementation of behavioral design patterns like the Goal Gradient Effect and Scarcity.

060 GitHub stars

使用场景

01Reviewing frontend components to identify and mitigate cognitive load and dark patterns.

02Designing high-conversion landing pages using framing, social proof, and the scarcity effect.

03Improving user onboarding experiences by applying reactive onboarding and the Zeigarnik effect.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shintaroasuzuki/shintaroasuzuki-plugins ux_concepts

For use in Claude.ai and ChatGPT

Download Skill