Aesthetics & emotion — router
SkillMediaUse 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.
Use Aesthetics & emotion — router in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Aesthetics & emotion — router and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Aesthetics & emotion skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by hashgraph-online/awesome-codex-plugins in plugins/HDeibler/universal-design-principles/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router/SKILL.md and read by ahel’s review.
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.
Signals
- GitHub stars
- 1k
- Forks
- 316
- Last commit
- Oct 2026
Advanced
- Item type
- skill
- Key
aesthetics-router- Source
- github.com/hashgraph-online/awesome-codex-plugins
github.com/hashgraph-online/awesome-codex-plugins
Related picks
Skill · autonnel
The pick for Landing Pagelanding-page-copy
Skill · leadmagic
The pick for Landing Pagelanding-page-audit
Skill · hashgraph-online
The pick for Landing Pageimagegen-frontend-web
Skill · leonxlnx
The pick for Landing Pagecss-animations
Skill · alecs5am
The pick for Cssreset-css
Skill · thedaviddias
The pick for Css