Aesthetics & emotion — router
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).
Principles in this plugin
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.
Perceived quality
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.
Personality and tone
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.
Persuasion and emotional pull
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.
Evolutionary biases
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.
Heuristic for which to read first
- Designing a marketing landing page →
aesthetic-usability-effect, archetypes, exposure-effect.
- Choosing a brand voice →
archetypes, phonetic-symbolism, anthropomorphic-form.
- Designing a mascot or avatar →
anthropomorphic-form, baby-face-bias, uncanny-valley, most-average-facial-appearance-effect.
- Premium tier marketing →
veblen-effect, aesthetic-usability-effect.
- Onboarding tone →
archetypes, storytelling (cognition), aesthetic-usability-effect.
- Empty / celebration states →
wabi-sabi, anthropomorphic-form.
Cross-plugin pointers
- For visual hierarchy and grouping, see
perception-and-hierarchy-principles.
- For learnability, see
cognition-and-learnability-principles.
- For behavior, see
interaction-and-control-principles.
- For accessibility, see
process-and-robustness-principles.
1---2name: aesthetics-router3description: 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.4---56# Aesthetics & emotion — router78This 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).910## Principles in this plugin1112Each 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.1314### Perceived quality1516- **`aesthetic-usability-effect`** — beautiful designs are perceived as more usable.17- **`form-follows-function`** — form should derive from function; gratuitous decoration costs trust.18- **`wabi-sabi`** — beauty in imperfection, asymmetry, transience.19- **`veblen-effect`** — desirability that increases with price.20- **`most-average-facial-appearance-effect`** — average faces are perceived as attractive.2122### Personality and tone2324- **`archetypes`** — recurring character patterns inform brand voice.25- **`anthropomorphic-form`** — humanlike features evoke warmth.26- **`baby-face-bias`** — round, big-eyed forms evoke trust and protectiveness.27- **`attractiveness-bias`** — attractive subjects credited with unrelated positive traits.28- **`phonetic-symbolism`** — sounds carry inherent connotations (sharp/soft, fast/slow).29- **`personas`** — fictional users that anchor design decisions to a coherent audience.3031### Persuasion and emotional pull3233- **`exposure-effect`** — repeated exposure increases preference.34- **`scarcity`** — perceived scarcity increases desirability.35- **`supernormal-stimulus`** — exaggerated cues that out-compete natural ones.36- **`immersion`** — flow state, distraction-free, full-attention.3738### Evolutionary biases3940- **`biophilia-effect`** — affinity for living things and natural patterns.41- **`savanna-preference`** — preference for open landscapes with scattered cover.42- **`prospect-refuge`** — preference for vantage points that allow seeing without being seen.43- **`hunter-nurturer-fixations`** — gendered attention patterns (controversial).44- **`face-ism-ratio`** — ratio of head to body shifts perceived authority vs. emotion.45- **`waist-to-hip-ratio`** — body-shape bias in portraiture.46- **`uncanny-valley`** — near-human faces that fail "human" cues evoke revulsion.4748## Heuristic for which to read first4950- **Designing a marketing landing page** → `aesthetic-usability-effect`, `archetypes`, `exposure-effect`.51- **Choosing a brand voice** → `archetypes`, `phonetic-symbolism`, `anthropomorphic-form`.52- **Designing a mascot or avatar** → `anthropomorphic-form`, `baby-face-bias`, `uncanny-valley`, `most-average-facial-appearance-effect`.53- **Premium tier marketing** → `veblen-effect`, `aesthetic-usability-effect`.54- **Onboarding tone** → `archetypes`, `storytelling` (cognition), `aesthetic-usability-effect`.55- **Empty / celebration states** → `wabi-sabi`, `anthropomorphic-form`.5657## Cross-plugin pointers5859- For *visual* hierarchy and grouping, see `perception-and-hierarchy-principles`.60- For *learnability*, see `cognition-and-learnability-principles`.61- For *behavior*, see `interaction-and-control-principles`.62- For *accessibility*, see `process-and-robustness-principles`.