From aesthetics-and-emotion-principles
Use this skill whenever a design task involves the felt quality of an interface — beauty, polish, brand voice, persuasion, emotional response, marketing surfaces, hero sections, onboarding tone, empty/celebration states, illustrations, mascots, avatars. Trigger when the user mentions tone, polish, brand, "feels cold/cheap/premium," personality, voice, mascot, hero, "make it more delightful," or asks how a screen should make the user feel. Framework-agnostic. Routes the model to the right aesthetics principle in this plugin.
How this skill is triggered — by the user, by Claude, or both
Slash command
/aesthetics-and-emotion-principles:aesthetics-routerThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This plugin holds the principles that govern how an interface *feels* — beautiful, premium, friendly, trustworthy, alarming. They matter most on expressive surfaces (marketing, brand, onboarding) and least on instrumental surfaces (data tables, settings).
This plugin holds the principles that govern how an interface feels — beautiful, premium, friendly, trustworthy, alarming. They matter most on expressive surfaces (marketing, brand, onboarding) and least on instrumental surfaces (data tables, settings).
Each principle has its own skill (with sub-aspect skills where useful). Principles marked [full] have reference-grade skill files; the rest are planned and will be added in subsequent passes.
aesthetic-usability-effect — beautiful designs are perceived as more usable.form-follows-function — form should derive from function; gratuitous decoration costs trust.wabi-sabi — beauty in imperfection, asymmetry, transience.veblen-effect — desirability that increases with price.most-average-facial-appearance-effect — average faces are perceived as attractive.archetypes — recurring character patterns inform brand voice.anthropomorphic-form — humanlike features evoke warmth.baby-face-bias — round, big-eyed forms evoke trust and protectiveness.attractiveness-bias — attractive subjects credited with unrelated positive traits.phonetic-symbolism — sounds carry inherent connotations (sharp/soft, fast/slow).personas — fictional users that anchor design decisions to a coherent audience.exposure-effect — repeated exposure increases preference.scarcity — perceived scarcity increases desirability.supernormal-stimulus — exaggerated cues that out-compete natural ones.immersion — flow state, distraction-free, full-attention.biophilia-effect — affinity for living things and natural patterns.savanna-preference — preference for open landscapes with scattered cover.prospect-refuge — preference for vantage points that allow seeing without being seen.hunter-nurturer-fixations — gendered attention patterns (controversial).face-ism-ratio — ratio of head to body shifts perceived authority vs. emotion.waist-to-hip-ratio — body-shape bias in portraiture.uncanny-valley — near-human faces that fail "human" cues evoke revulsion.aesthetic-usability-effect, archetypes, exposure-effect.archetypes, phonetic-symbolism, anthropomorphic-form.anthropomorphic-form, baby-face-bias, uncanny-valley, most-average-facial-appearance-effect.veblen-effect, aesthetic-usability-effect.archetypes, storytelling (cognition), aesthetic-usability-effect.wabi-sabi, anthropomorphic-form.perception-and-hierarchy-principles.cognition-and-learnability-principles.interaction-and-control-principles.process-and-robustness-principles.npx claudepluginhub hdeibler/universal-design-principles --plugin aesthetics-and-emotion-principlesProvides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.